Как встроить поисковую форму и виджеты в Wix-сайт

Как встроить поисковую форму
Как встроить виджет календаря низких цен

Как встроить поисковую форму

В этой статье описывается, как разместить код формы поиска на сайте, созданном на платформе Wix.

1. Создайте и настройте форму поиска в личном кабинете партнёрской сети travelpayouts.com.

2. Войдите в редактор страницы сайта в Wix. В меню слева нажмите кнопку Добавить. В открывшемся меню выберите пункт More. Откроется меню, в котором необходимо выбрать вариант HTML iframe.

3. Откроется форма для добавления HTML-кода на страницу сайта. Для того чтобы добавить код формы поиска, переключите режим на Code.

4. В поле Add your code here добавьте следующий код:

<html> 

<body> 

<script charset="UTF-8" src="//www.travelpayouts.com/widgets/51226f99649ab833e300000a.js?v=204"></script>

</body> 

</html>

где вместо

<script charset="UTF-8" src="//www.travelpayouts.com/widgets/51226f99649ab833e300000a.js?v=204"></script>

вставьте код вашей поисковой формы из личного кабинета партнёрской сети travelpayouts.com.

В результате «Настройки HTML» у вас будут выглядеть так:

Нажмите кнопку Обновить. После этого поисковая форма отобразится на странице вашего сайта.

Как встроить виджет календаря низких цен

Виджет календаря низких цен встраивается аналогично форме поиска. Отличие лишь в самом коде, который размещается в настройках HTML. Код выглядит так:

<!DOCTYPE html>

<html>

<head></head>

<body>
<script src="//www.travelpayouts.com/calendar_widget/iframe.js?marker=15906.&origin=HKT&destination=BKK&currency=rub&width=650&searchUrl=hydra.aviasales.ru&one_way=false&only_direct=false&locale=ru&period=year&range=7%2C14" async></script>
</body>

</html>

В результате Настройки HTML у вас будут выглядеть так: