Инструкция по интеграции решения Exely Booking Engine на сайте

Последние изменения: 11.02.2025

На сайте должны присутствовать две формы:

Форма Поиска	Стандартная
Форма Поиска	Виджет-кнопка
Форма Бронирования	На отдельной странице
Форма Бронирования	В модальном окне

Для установки форм вам были направлены эскизы с примером наилучшего конверсионного расположения форм, а также архив со скриптами:

Структура архива	Каталог 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

	Без указания идентификатора будет осуществляться переход на форму бронирования, где будут отображены все номера/тарифы.
	Файл может быть пустым, если идентификаторы не заведены (не заполнены Категории номеров и/или Тарифы в личном кабинете).
	Если идентификатор заведен, но номер/тариф не доступен, то переход будет осуществляться на форму бронирования, где будут отображены все номера.

В ссылке одновременно можно указать идентификатор номера и тарифа:

<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-скрипт установлен на всех страницах сайта	Скрипт используется для загрузки форм, виджетов и сбора аналитики. Head-скрипт должен быть размещен в теге head Head-скрипт должен соответствовать языковой версии сайта
2	Форма поиска размещена на всех страницах сайта, кроме страницы бронирования	Форма поиска является основным продающим элементом. Она будет привлекать внимание потенциальных клиентов и предоставлять возможность поиска свободных номеров. Форма поиска не растянута на всю ширину экрана, а соответствует ширине основного контента. Форма поиска расположена на первом экране, пользователю не нужно скроллить страницу до формы. Поля на форме поиска кликабельны.
3	Корректное отображение странице бронирования, если форма бронирования размещена на отдельной странице	На странице есть заголовок, он служит средством навигации пользователя, без него страница выглядит недоработанной. Задан корректный tibee, содержащий информацию о названии средства размещения, его местоположении и что сайт официальный. Например, <tibee>Бронирование номеров в гостинице «ООО», г. Ташкент - официальный сайт</tibee>. Тег используется в результатах поисковых систем и очень важен для классического SEO. Отсутствуют отвлекающие элементы и сторонний контент (ссылки на социальные сети, карты, блоки номеров и акций, большие блоки контактной информации и т.д.) — подобные элементы отвлекают пользователя от процесса бронирования и могут закрывать элементы навигации формы. На странице бронирования отсутствует форма поиска. На сайте присутствует только одна страница бронирования. Страница бронирования открывается в текущей вкладке, что обеспечивает удобство использования сайта.
4	Корректный переход с формы поиска и кнопок бронирования на страницу бронирования	По умолчанию в настройках формы в системе Exely используется адрес /booking/. В случае несоответствия или изменения адреса страницы бронирования, необходимо сообщить вашему менеджеру Exely корректный адрес. Если кнопки «Забронировать» ведут на разные формы бронирования — это может ввести пользователей в заблуждение. Неработающие кнопки «Забронировать» могут создать впечатление сайта низкого качества и снизить доверие к ресурсу. В ссылках кнопок бронирования номеров/тарифов прописаны параметры room-type/special-offer, равные идентификаторам номеров/тарифов в системе Exely. Если одному номеру/тарифу соответствует несколько значений параметра room-type/special-offer, то рекомендуем прописать их через запятую без пробелов.
5	Корректное отображение форм при адаптации для разрешений: 320x480 768x1024 800x1280 1280x600 1366x768 1920x1080	Рекомендуем проверить корректность отображения формы поиска и формы бронирования при адаптации для самых популярных разрешений. Это позволит максимально охватить пользовательскую аудиторию и избежать потерь конверсии. Форма бронирования не должна обрезаться (~320px). У формы поиска и формы бронирования должны присутствовать отступы слева и справа.
6	Корректное отображение форм в основных браузерах: Google Chrome Mozilla Firefox Opera Microsoft Edge Safari	Рекомендуем проверить корректность отображения формы поиска и формы бронирования в основных браузерах. Это позволит максимально охватить пользовательскую аудиторию и избежать потерь конверсии.
7	Соответствие эскизам внешнего вида форм и их местоположения	Специалисты компании Exely подготовили эскизы с наиболее конверсионным для сайта внешним видом и расположением продающих элементов. Рекомендуем размещать данные элементы в соответствии с эскизами.
8	Соответствие языковых версий форм и сайта, если сайт многоязычный	Наличие элементов бронирования, не соответствующих текущей языковой версии, снижает доверие к ресурсу и может быть непонятно для иностранных пользователей сайта. Языковая версия формы поиска и формы бронирования должна соответствовать языковой версии сайта. Адресация кнопок «Забронировать» также должна быть корректной (например, в английской версии сайта кнопка бронирования не должна вести на русскую страницу бронирования)
9	Корректное отображение форм, если сайт на конструкторе WIX	При открытии календаря у формы поиска не должен появляться вертикальный скролл. В мобильной версии форма поиска отображается без скролла, а форма бронирования по высоте соответствует наполнению.

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

Если у вас возникли трудности с установкой — свяжитесь с нами и мы вам поможем.

Для установки модуля силами специалистов Exely необходимы доступы к сайту (CMS и FTP с правами администратора). Мы сделаем интеграцию быстро и бесплатно, чтобы вы начали получать доход с сайта как можно скорее.

Помогла ли вам статья?