Интеграция
Вкладка служит для настройки интеграции формы онлайн-бронирования.
Система показывает, как будет выглядеть кнопка бронирования при интеграции на сайт.
Для настройки необходимо воспользоваться формой встраивания кнопки. Редактирование кнопки происходит с помощью CSS.
<!-- Кнопка с минимальным количеством атрибутов --> <button type="button" class="smart-reserve-button" data-restaurant-id="{afisha_restaurant_id}"> Забронировать стол </button> <!-- Кнопка с максимальным количеством атрибутов --> <button type="button" class="smart-reserve-button" data-restaurant-id="{afisha_restaurant_id}" data-reserve-date="2038-01-18" data-reserve-time="1620" data-reserve-guests="3" data-user-name="Иван" data-user-surname="Айвазовский" data-user-phone="19091111111" data-user-mail="ivan@me.com" data-additional-info="true" data-color-restaurant="8805ff" data-color-accent="ff054d" data-color-border="d1c8d9" data-color-background="fcfcfc" data-color-overlay="black" data-interface-language="ru" data-interface-rounding="false"> Забронировать стол </button> <!-- Кнопка позволяющая выбрать ресторан --> <button type="button" class="smart-reserve-button"> <span data-restaurant-id="{afisha_restaurant_id_1}" hidden>Ресторан №1</span> <span data-restaurant-id="{afisha_restaurant_id_2}" hidden>Ресторан №2</span> Забронировать </button> <!-- Обязательный скрипт для вызова формы бронирования --> <script async defer src="//smartreserve.ru/commonpopup/externalPopup/smartreserve_popup.js"></script>
Ниже приведено описание HTML-атрибутов.
Ключ | Возможные значения | Отвечает за | Значение по умолчанию |
---|---|---|---|
data-restaurant-id | 48447 | вывод формы бронирования для конкретного ресторана; берется из API Ресторанов | Ошибка: Ресторан не найден |
data-reserve-date | 2018-01-01 | дата, на которую создается резерв; ISO-формат YYYY-MM-DD | текущие дата и время, установленные в операционной системе |
data-reserve-time | 960 | время, на которое создается резерв; указывается в минутах, кратно 30 | |
data-reserve-guests | 4 | количество гостей, на которое создается резерв; от 1 до 20 | 2 |
data-user-name | Иван | данные пользователя, на которые создается резерв | может быть получен из локального кэша |
data-user-surname | Айвазовский | ||
data-user-phone | 79119991199 | ||
data-user-mail | user@mail.ru | ||
! data-additional-info | true | ! данный параметр больше не существует, для добавления информации (условий) по бронированию необходимо обратиться в тех. поддержку | false |
data-color-restaurant | dd0923 | цвет фона шапки формы бронирования цвет текста шапки автоматически меняется на черный и белый в зависимости от контраста | dd0923 |
data-color-accent | 315efb | цвет основных элементов | 315efb |
data-color-border | ededed | цвет слотов, цвет рамок, и других второстепенных элементов | ededed |
data-color-background | ffffff | цвет фона формы бронирования | ffffff |
data-interface-language | en | локализация формы бронирования (ru/en) | наследуется от языка браузера |
data-form-rounding | false | скругление углов у форм и полей ввода | true |
Обращаем внимание, что с одного номера телефона можно создать не более 5 онлайн броней в сутки.
Если не нашли нужную информацию по продукту или необходима консультация, свяжитесь с нами через форму обратной связи