Стандарт онлайн-продаж
успешных отельеров
8 800 555-20-30
Бесплатно по России


Россия: +7 499 703-34-80
Украина: +380 80 021-88-87
Беларусь: 8 820 00-73-00-33
Казахстан: 8 800 333-71-15

Офисы
Москва: +7 499 703-34-80
Киев: +380 44 585-88-87
Минск: +375 17 203-51-31
США: 1-800-365-4042

Каталог гостиниц
 

Для разработчиков

Установка модуля онлайн-бронирования на сайт отеля

Интеграция «TravelLine: Отеля» в html-сайт

Чтобы интегрировать модуль от TravelLine в свой сайт вам нужно добавить несколько строк на Javascript в код страниц, на которых расположатся формы бронирования. Добавленный код автоматически создаст необходимые для работы iframe'ы.

Обратите внимание, что подавляющее большинство наших партнеров использует две формы: поиска номеров и бронирования.

Форма поиска номеров

Главная задача формы поиска номеров — мотивировать посетителя сайта на бронирование. Мы советуем расположить ее в шапке сайта, где она заметна лучше всего. Тем более, что расположение в шапке упрощает процесс интеграции (код можно вставить в шаблон header'а).

Внешний вид формы поиска может быть практически произвольным. Можно менять цвета, шрифты и форму так, чтобы привести их в соответствие с дизайном родительского сайта. Вот несколько примеров формы поиска «TravelLine: Отеля».

Форма поиска номеров

Код для интеграции формы поиска номеров

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

<!-- start TL search form 2.0 -->
    <div id="tl-search-form">
        <a href="http://www.travelline.ru/hotel/">система онлайн-бронирования</a>
    </div>
    <script type="text/javascript">
    (function(w){
        var q=[
          ['setContext', 'HOTEL_ID', 'ru'],
          ['embed', 'search-form', {container: 'tl-search-form'}]
        ];
        var t=w.travelline=(w.travelline||{}),ti=t.integration=(t.integration||{});ti.__cq=ti.__cq?ti.__cq.concat(q):q;
        if (!ti.__loader){ti.__loader=true;var d=w.document,p=d.location.protocol,s=d.createElement('script');s.type='text/javascript';s.async=true;s.src=(p=='https:'?p:'http:')+'//www.travelline.ru/integration/loader.js';(d.getElementsByTagName('head')[0]||d.getElementsByTagName('body')[0]).appendChild(s);}
    })(window);
    </script>
<!-- end TL search form 2.0 -->

HOTEL_ID — это уникальный идентификатор отеля в системе бронирования. Чтобы узнать свой ID, обратитесь в службу поддержки TravelLine. К этому моменту аккаунт средства размещения должен быть создан и переведен в живой режим нашими сотрудниками.

Приведенный выше код создает на вашем сайте iframe и загружает в него форму поиска номеров. При этом внешний вид формы определяется файлами, которые расположены на сервере TravelLine. «Скин» должен быть заранее создан нашими сотрудниками.

Итак, форма поиска интегрирована. Несколько слов о том, как она работает. Пользователю достаточно указать на ней лишь период проживания и кликнуть на кнопку «Найти номера». После этого он будет перенаправлен на форму бронирования номеров. Здесь будущий гость выбирает и оплачивает номера и услуги, указывает личные данные и получает ваучер на заселение.

Форма бронирования номеров

Теперь о второй форме бронирования номеров. Чаще всего она располагается на отдельной странице сайта и выглядит примерно так.

Код для интеграции формы бронирования

Javascript-код, который необходимо встроить в страницу для появления формы бронирования, выглядит следующим образом.

<!-- start booking form 2.0 -->
<div id="tl-booking-form"></div>
<script type="text/javascript">
    (function(w){
        var q=[
            ['setContext', ' HOTEL_ID ', 'ru'],
            ['embed', 'booking-form', {container: 'tl-booking-form'}]
        ];
        var t=w.travelline=(w.travelline||{}),ti=t.integration=(t.integration||{});ti.__cq=ti.__cq?ti.__cq.concat(q):q;
        if (!ti.__loader){ti.__loader=true;var d=w.document,p=d.location.protocol,s=d.createElement('script');s.type='text/javascript';s.async=true;s.src=(p=='https:'?p:'http:')+'//www.travelline.ru/integration/loader.js';(d.getElementsByTagName('head')[0]||d.getElementsByTagName('body')[0]).appendChild(s);}
    })(window);
</script>
<!-- end booking form 2.0 -->

Как и в случае с кодом формы поиска, здесь нужно указать HOTEL_ID.

Обычно пользователь начинает взаимодействовать с формой бронирования со второго шага, так как первый (ввод периода проживания) он выполняет на форме поиска номеров. Разумеется, пользователь может изменить выбранный период дат и на форме бронирования. Чтобы не делать эту страницу слишком громоздкой, мы перечислим последующие шаги без подробного описания:

Процесс бронирования достаточно прост и занимает у пользователя 2-5 минут.

Для получения кодов интеграции лучше обратиться в службу поддержки TravelLine. В отдельных случаях они могут незначительно отличаться от приведенных на странице.

Интеграция «TravelLine: Отеля» в flash-сайт

Как известно, исходный код flash-роликов закрыт, поэтому внедрить в него формы «TravelLine: Отеля» достаточно сложно. Но выход есть! Обычно вместо двух форм (поиска и бронирования) мы встраиваем во flash-сайт яркие кнопки с призывом к бронированию. При нажатии на данную кнопку всплывает окно с формой бронирования «TravelLine: Отеля».

Вариант, когда роль формы поиска играет кнопка, не назовешь более эффективным. Однако это едва ли не единственное решение для сайтов, полностью написанных на Flash. У нас есть не мало партнеров, которые используют именно такой вариант интеграции. «TravelLine: Отель» успешно работает на их сайтах, приносит деньги и новых гостей.

Другими словами, сайт на Flash — это не повод отказываться от «TravelLine: Отеля».

Интеграция командой TravelLine

Обычно стилизацию форм поиска и бронирования, а также их интеграцию в сайт берут на себя сотрудники TravelLine. За годы работы наши специалисты «врезали» в разные интернет-ресурсы около 2500 пар форм. Нет такого сайта, куда мы бы не смогли интегрировать форму онлайн-бронирования «TravelLine: Отеля».

Если же вы опасаетесь за безопасность своего сайта или просто предпочитаете действовать самостоятельно, воспользуйтесь представленными выше инструкциями. Служба сопровождения TravelLine окажут вам необходимую помощь на любом этапе интеграции. При возникновении сложностей звоните на бесплатный номер +7 800 555-20-30.