ExaOffice

Программное обеспечение для вашего бизнеса.

+7 925 702-80-13 Telegram, WhatsApp
9:00 – 18:00 мск
info@exaoffice.ru

ExaExcursions




Как встроить модуль бронирования на сайт?

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

Где взять код для встраивания?

Перейдите в раздел Бронирование на сайте.

Нажмите кнопку настроек.

В открывшемся окне перейдите во вкладку Код для встраивания. Вы увидите небольшой HTML-код (несколько строк).

Пример кода:

<script src="https://exacode.ru/exabooking/clientsite.js"></script>
<div id="exaframediv" name="exaframediv" data-db="htdemo"></div>

Скопируйте код (не из примера выше, а из окна настроек).

Где взять код для встраивания бронирования конкретной экскурсии?

В окне настроек модуля Бронирование на сайте на вкладке Код для встраивания выберите дочернюю вкладку Бронирование.

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

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

Если у вас есть технический специалист, который ведет сайт, перешлите ему код, а также адрес этой справочной страницы.

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

Модуль бронирования имеет большое число настроек. Некоторые из этих настроек могут повлиять на встраиваемый код. При их изменении код потребуется встроить еще раз. ExaExcursions уведомит вас об этом.

Встраивание двух или более модулей бронирования на одной странице

На одной странице HTML можно встроить только один модуль бронирования. Если встроить два модуля или больше, они будут конфликтовать.

Однако иногда требуется встроить на странице модули бронирования для разных позиций. Для этого есть обходное решение.

Будьте внимательны, следующее решение все же для случая, когда на странице одновременно отображается только одна форма бронирования.

Встраиваемый код состоит из двух частей: скрипт clientsite.js и элемент div с параметрами (среди параметров есть и идентификатор бронируемой позиции). После загрузки страницы в браузере скрипт выполняет следующее: он находит элемент и заменяет его на элемент iframe с определенным адресом src="..." - в этот адрес подаются параметры из элемента div.

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

См. также

Стилевое оформление модуля бронирования на сайте

 


Мы стараемся как можно оперативнее обеспечивать вас актуальной справочной информацией. Ввиду частых обновлений приложения информация в этом материале может не совсем соответствовать или быть неполной. Благодарим за понимание.
Не нашли ответа на ваш вопрос? Напишите по электронному адресу info@exaoffice.ru — мы ответим максимально быстро.

Сохранить этот документ как PDF

Контакты

+7 925 702-80-13 Telegram, WhatsApp

info@exaoffice.ru

 

Техническая поддержка

+7 925 702-80-13 Telegram, WhatsApp

support@exaoffice.ru

 

Мы используем только лицензионное ПО

Win10 Win12 server Delphi Delphi TM

© 2024 ExaOffice