На сайте должны присутствовать две формы:
Форма Поиска | Стандартная |  |
Виджет-кнопка |  | |
Форма Бронирования | На отдельной странице |  |
В модальном окне |  |
Для установки форм вам были направлены эскизы с примером наилучшего конверсионного расположения форм, а также архив со скриптами:
Структура архива | Каталог SCRIPT |
 |  |
Как интегрировать скрипт загрузки форм
Папка | head_script |
Файл | head_script-ru* |
Содержимое | скрипт для загрузки форм |
Установка | между тегами <head></head> на все страницы сайта |
*Если сайт многоязычный, то в папке находятся отдельные файлы для каждой языковой версии. Последние две буквы в названии файла указывают на то, для какой языковой версии подготовлен данный скрипт.
 | Если форма поиска на эскизах изображена в виде виджет-кнопки, то отдельная установка блоков формы поиска и формы бронирования не требуется. После установки head_script формы автоматически появятся на сайте. Перейдите к разделу Как интегрировать кнопки «Забронировать». |
 | Если форма бронирования на эскизах расположена в модальном окне, то отдельная установка блока формы бронирования не требуется. Перейдите к разделу Как интегрировать блок формы поиска номеров. |
Как интегрировать блок формы бронирования
Если форма бронирования на эскизах расположена на отдельной странице
Прежде необходимо создать новую страницу бронирования или интегрировать скрипт формы бронирования на уже ранее созданную вами страницу. По умолчанию в настройках формы для страницы бронирования используется адрес /booking/.
Папка | booking_engine.2.0 |
Файл | reservation_form-ru* |
Содержимое | код формы бронирования + стили |
Установка | на страницу бронирования |
*Если сайт многоязычный, то в папке находятся отдельные файлы для каждой языковой версии. Последние две буквы в названии файла указывают на то, для какой языковой версии подготовлен данный скрипт.
Как интегрировать блок формы поиска номеров
Папка | search_form.2.0 |
Файл | search_form-ru* |
Содержимое | код формы поиска + стили |
Установка | место, где необходимо отобразить форму поиска, например перед тегом </header> |
*Если сайт многоязычный, то в папке находятся отдельные файлы для каждой языковой версии. Последние две буквы в названии файла указывают на то, для какой языковой версии подготовлен данный скрипт.
Если на сайте несколько объектов одной сети, то в папке находятся отдельные файлы для каждого объекта. Число (уникальный номер объекта в системе Exely) в названии файла указывает на то, для какого объекта подготовлен данный скрипт.
Папка main | скрипт формы поиска, где в селекте отображено «Выберите объект» |
Папка с числовым значением | скрипт формы поиска, где в селекте отображается объект с соответствующим идентификатором в системе Exely |
 | Необходимо проверить переход с формы поиска на форму бронирования. |
Для этого перейдите на страницу, где установлена форма поиска, нажмите кнопку «Найти номер» и убедитесь, что вас направило на страницу, где установлена форма бронирования.
Если адрес вашей страницы не совпадает с адресом, который использует форма поиска, сообщите вашему менеджеру Exely корректный вариант адреса страницы, где установлена форма бронирования.
Как интегрировать кнопки «Забронировать»
Кнопка «Забронировать» устанавливается для каждого номера как на общей странице номеров, так и на странице каждого номера.
 |  |
Ниже представлены примеры ссылок для размещения на странице номеров/тарифов. Каждая категория номера/тарифа имеет свой уникальный идентификатор для прямого перехода на форму бронирования.
Как «привязать» кнопку «Забронировать» к форме бронирования на отдельной странице:
link_room |  |
links_offer |  |
Как «привязать» кнопку «Забронировать» к форме бронирования в модальном окне:
link_room | 
*Если сайт разработан в конструкторе, например, Tilda и/или нет технической возможности добавить атрибуты, то можно использовать ссылку:  |
links_offer | 
*Если сайт разработан в конструкторе, например, Tilda и/или нет технической возможности добавить атрибуты, то можно использовать ссылку:  |
| Без указания идентификатора будет осуществляться переход на форму бронирования, где будут отображены все номера/тарифы. |
 | Файл может быть пустым, если идентификаторы не заведены (не заполнены Категории номеров |
 | Если идентификатор заведен, но номер/тариф не доступен, то переход будет осуществляться на форму бронирования, где будут отображены все номера. |
В ссылке одновременно можно указать идентификатор номера и тарифа:
<a href='/booking?room-type=123456&special-offer=654321'>Забронировать номер по акции</a>
В ссылке также одновременно можно указать несколько идентификаторов номеров и тарифов:
<a href='/booking?room-type=123456,234561&special-offer=654321,543216'>Забронировать номер по акции</a>
Если на сайте нескольких объектов одной сети, то в папке находятся отдельные файлы для каждого объекта. Число (уникальный номер объекта в системе Exely) в названии файла указывает на то, для какого объекта подготовлены ссылки. В данном случае параметр идентификатора объекта является обязательным для корректного перехода на форму бронирования.
Пример:
Чек-лист самопроверки
№ | Проверочный пункт | Основные критерии проверки |
1 | Head-скрипт установлен на всех страницах сайта | Скрипт используется для загрузки форм, виджетов и сбора аналитики.
|
2 | Форма поиска размещена на всех страницах сайта, кроме страницы бронирования |
|
3 | Корректное отображение странице бронирования, если форма бронирования размещена на отдельной странице |
|
4 | Корректный переход с формы поиска и кнопок бронирования на страницу бронирования |
|
5 | Корректное отображение форм при адаптации для разрешений:
| Рекомендуем проверить корректность отображения формы поиска и формы бронирования при адаптации для самых популярных разрешений. Это позволит максимально охватить пользовательскую аудиторию и избежать потерь конверсии.
|
6 | Корректное отображение форм в основных браузерах:
| Рекомендуем проверить корректность отображения формы поиска и формы бронирования в основных браузерах. Это позволит максимально охватить пользовательскую аудиторию и избежать потерь конверсии. |
7 | Соответствие эскизам внешнего вида форм и их местоположения | Специалисты компании Exely подготовили эскизы с наиболее конверсионным для сайта внешним видом и расположением продающих элементов. Рекомендуем размещать данные элементы в соответствии с эскизами. |
8 | Соответствие языковых версий форм и сайта, если сайт многоязычный | Наличие элементов бронирования, не соответствующих текущей языковой версии, снижает доверие к ресурсу и может быть непонятно для иностранных пользователей сайта.
|
9 | Корректное отображение форм, если сайт на конструкторе WIX |
|
Просим сообщить вашему менеджеру Exely по завершении интеграции форм на сайт, чтобы наш отдел тестирования мог своевременно проверить качество интеграции и при наличии правок оперативно сообщить о них.
Если у вас возникли трудности с установкой — свяжитесь с нами и мы вам поможем.
Для установки модуля силами специалистов Exely необходимы доступы к сайту (CMS и FTP с правами администратора). Мы сделаем интеграцию быстро и бесплатно, чтобы вы начали получать доход с сайта как можно скорее.
