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

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

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

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

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

mceclip0.png

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.

mceclip1.png

В результате «Настройки 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 у вас будут выглядеть так: