Виджет с подборкой отелей

О виджете

Данный виджет представляет собой развитие идеи отельного виджета.

Теперь можно отображать несколько отелей в одном блоке. При этом это могут быть как конкретные отели, так и отели, отвечающие какому-то критерию.

Создание и настройка виджета

Чтобы настроить виджет и получить его код для размещения на сайте, в личном кабинете партнёра перейдите в партнёрскую программу Hotellook, выберите Инструменты и откройте вкладку Виджеты. Откройте настройки виджета.

Настройки виджета включают в себя:

Проект — выберите проект, на котором будет размещен виджет;
Ваш Sub ID — партнёрский Sub ID (дополнительный маркер);
Вид виджета — доступны два варианта:
- Расширенный — большие фотографии отелей;
- Компактный — маленькие фотографии отелей;
Домен — сайт, на котором открывается предложение отеля при клике на кнопку Посмотреть отель. Чтобы предложение открывалось на вашем сайте, создайте и настройте White Label, после чего выберите его в списке доменов.
Язык — язык виджета;
Валюта — валюта, в которой отображается стоимость номера;
Отелей в подборке — количество отелей, отображаемых в виджете (если выбран вариант Готовые подборки о нем см. ниже);
Добавить реферальную ссылку — добавляет под формой поиска ссылку Поиск от Aviasales. Подробнее в статье Реферальная программа.
Отключить редирект отели — когда галки нет, по умолчанию открывается отель на сайте Ostrovok.ru. Если галка стоит, откроется страница отеля на сайте Hotellook.ru.
Ширина виджета — укажите ширину в пикселях, которую должен занимать виджет на странице. Изменить ширину вы можете так же захватив край виджета левой кнопкой мыши и перемещая его влево/вправо. Если выбрать вариант Резиновая, то виджет будет автоматически подстраиваться под разрешение окна пользователя.

Вы можете сами добавить отели в виджет, для этого используйте блок Фильтр и нажмите на кнопку Выбрать отели.

Вставьте название отеля в поле. Чтобы добавить еще один отель, нажмите кнопку Добавить.

При вводе названия отеля включается функция автокомплита. Она находит в базе совпадения названий и отображает их в списке под полем.

Чтобы удалить лишний отель, нажмите кнопку Удалить.

Вы можете добавить до 10 отелей в собственную подборку.

Чтобы в виджете отображалась уже сформированная подборка отелей, нажмите кнопку Готовые подборки.

В поле Город введите название города, для которого необходимо вывести подборку. После загрузки подборок, выберите в выпадающем списке необходимую вам. Всего может быть добавлено до трех подборок. Пользователи смогут переключаться между ними с помощью иконок в верхней части виджета.

Чтобы встроить виджет на сайт, нажмите кнопку Скопировать код и разместите код на странице вашего сайта.

Обратите внимание, что если ваш сайт работает на WordPress вы можете использовать наш плагин для размещения виджетов и других партнёрских инструментов.

Лайфхак: как получить подборку отелей для города

Чтобы получить подборку отелей для конкретного города, замените в коде id города (в примере выше это id=12167) на его IATA-код. Например, для Парижа итоговый код для вставки будет выглядеть так:

<script async src="//www.travelpayouts.com/blissey/scripts.js?iata=PAR&type=full&currency=rub&host=search.hotellook.com&marker=77410.&limit=10" charset="UTF-8"></script>

После такой модификации, вы можете подставлять в код виджета нужный вам IATA-код города практически на лету.

Пример виджета отельных подборок