Узнайте, как вставить на главную страницу White Label Web виджет поиска отелей и других тревел услуг

На главной странице вашего White Label Web под поисковой формой вы можете добавить любые другие виджеты, например, виджет поиска отелей, чтобы пользователи смогли сразу бронировать проживание:

Чтобы добавить виджеты:

1. Откройте настройки White Label Web в личном кабинете Travelpayouts;

2. Перейдите на вкладку Кастомный HTML;

3. Найдите тег tpwl__content (по умолчанию там находится виджет популярных направлений):

<div class="tpwl__content">
            <h3>Popular destinations</h3>
            <div id="tpwl-widget-weedles" class="tpwl-widget-weedles">
                <div class="tpwl-widget-weedle" data-destination="IST" is="weedle"></div>
                <div class="tpwl-widget-weedle" data-destination="DXB" is="weedle"></div>
                <div class="tpwl-widget-weedle" data-destination="MOW" is="weedle"></div>
                <div class="tpwl-widget-weedle" data-destination="LAS" is="weedle"></div>
                <div class="tpwl-widget-weedle" data-destination="NYC" is="weedle"></div>
                <div class="tpwl-widget-weedle" data-destination="LON" is="weedle"></div>
            </div>

4. В этот тег вы можете вставить код любого нужного виджета. Код виджета можно скопировать со страницы программы интересующего бренда, подробнее об этом читайте в статье Как настроить виджет и вставить его на сайт.

Вы также можете добавить параметр <h3></h3>, чтобы вставить заголовок для виджета, например:

<h3>Поиск отелей</h3>
    <script async
    src="https://tp.media/content?currency=usd&trs=1607&shmarker=11501&show_hotels=true&powered_by=true&locale=en&primary_override=%23FF8E01&color_button=%23FF8E01&color_icons=%23FF8E01&secondary=%23FFFFFF&dark=%23262626&light=%23FFFFFF&special=%23C4C4C4&color_focused=%23FF8E01&border_radius=5&plain=false&promo_id=7873&campaign_id=101"
    charset="utf-8"></script>

5. В коде это выглядит следующим образом:

Узнайте, как настроить виджет популярных направлений здесь.