Виджет отеля

Отельный виджет отображает на странице вашего сайта краткую информацию о конкретном отеле:

  • название отеля;
  • количество звезд;
  • сильные стороны отеля с точки зрения других туристов;
  • рейтинг отеля.

При этом виджет содержит поля для ввода даты заселения и выезда из отеля. Если посетитель заинтересовался отелем, он может изучить стоимость проживания в отеле на конкретные даты. Цена будут показаны в самом виджете, без перехода на сайт hotellook.ru.

Настройки виджета

Чтобы настроить виджет, перейдите в раздел «Виджет отеля» в личном кабинете партнера.

В первую очередь вам доступна настройка размеров виджета:

Чтобы изменить размер, введите нужное значение в поле «Ширина виджета» или потяните за его правый край.

Следующие шаг — это основные настройки виджета:

  • Отель — название отеля, который будет отображаться в виджете.
  • Доп. маркер — дополнительный маркер помогает разбираться в статистике. Например узнать с какой страницы и какого виджета перешел посетитель (подробнее про дополнительный маркер).
  • Хост — если планируете чтобы при нажатии на название отеля или локацию результат открывался на вашем White Label, выберите его в этом поле.
  • Язык — язык виджета (доступны варианты: русский и английский). Язык влияет не только на внешний вид виджета, но и на результат поиска номеров. Если выбрать английский, то в поиске будут участвовать только англоязычные агентства.
  • Валюта — выбираем в какой валюте будет отображаться стоимость проживания.

После того как все настройки сделаны остается только скопировать код из блока «Код для вставки» и разместить его у себя на сайте.

Обратите внимание. Виджет уже содержит ваш партнерский маркер. Поэтому все посетители, нажавшие кнопку «Забронировать», автоматически закрепляются за вами.

Пример работы виджета

Лайфхак: автоматизация работы с виджетом

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

Примечание: данный лайфхак проще внедрять, имея некоторые знания в программировании или при наличие веб-разработчика.

В коде виджета используется уникальный id номер отеля в нашей базе:

Именно по нему виджет определяет, какой отель показать. Если поставить вместо hotel_id=361763 номер отеля Moscow Hotel (hotel_id=525), что в Дубаи, то информация в нашем виджете автоматически изменится.

Главный вопрос: где взять hotel_id отелей?

Для этого у нас есть специальный API, который доступен сразу всем партнерам после регистрации. Выглядит он так:

http://engine.hotellook.com/api/v2/lookup.json?query=Moscow%20Hotel&lang=ru&lookFor=both&limit=1

В этом запросе передаются следующие параметры:

  • query — обязательный параметр, задается:
    • в виде текста, при этом строится автокомплит по тексту;
    • широтой и долготой (указываются через запятую), при этом выводятся ближайшие объекты.
  • lang — язык вывода. Может принимать любой iso-код языка (ru, es, fr, de, …) — если перевод на запрошенный язык отсутствует в базе, возвращается английское название объекта. По умолчанию «en».
  • lookFor — объекты выводимые в результатах:
    • city (города и острова);
    • hotel (отели);
    • both (все объекты, значение по умолчанию).
  • limit — ограничение количества выводимых результатов, от 1 до 100, по умолчанию — 10.
  • convertCase — автоматическое изменение раскладки (актуально для русскоязычных пользователей, например, при запросе «vjcrdf» будет найдена «москва»). Значения — 1 или 0, по умолчанию — 1.

В результате обращения к этому API, вы получите такой ответ:

{
    "results":{
        "locations":{
        },
        "hotels":[
        {
            "locationId":25495,
            "label":"Moscow Hotel",
            "locationName":"Дубаи, ОАЭ",
            "location":{
                "lat":25.259409,
                "lon":55.323037
                },
            "_score":68.33807,
            "id":"525",
            "fullName":"Moscow Hotel, Дубаи, ОАЭ"
            }
        ]
    },
    "status":"ok"
}

В ответе параметр «id»:«525» — это и есть наш искомый id отеля. Подробнее о работе с API отелей читайте в документации «API поиска отелей».

Все что вам нужно — это изменить код виджета:

<script async src=«//www.travelpayouts.com/chansey/iframe.js?width=500&hotel_id=id&locale=ru&host=hotellook.ru%2Fsearch&marker=16886.&currency=usd»></script>

И передавать в него полученный с помощью API уникальный id отеля.

Таким образом, используя комбинацию виджета отеля и API, можно существенно автоматизировать процесс создания контентных страниц и сделать ваш сайт еще удобнее для посетителей.

Была ли эта статья полезной?

Еще есть вопросы? Отправить запрос