Перейти к содержимому

Виджет бронирования

Виджет бронирования — это форма, которую можно встроить на ваш сайт, чтобы гости бронировали номера прямо у вас, не переходя на сторонние площадки. Настраивается в группе «Виджет» (раздел «Гости и связь» в настройках объекта): карточка строк с адресом встраивания, внешним видом, шагами формы и разрешёнными доменами, ниже — карточка «Код вставки».

Каждая строка раскрывается редактором под собой — как везде в настройках объекта.

СтрокаЧто задаёт
Адрес встраиванияСтраница виджета /embed/<id> — её подключает код вставки ниже. Рядом кнопка копирования
АкцентЦвет кнопок, выбранных дат и ссылок
СкруглениеРадиус углов кнопок и блоков, в пикселях
Фон · текстЦвет фона формы и цвет надписей; «по умолчанию» — виджет берёт свои
ШрифтНазвание шрифта; «как на сайте» — виджет наследует шрифт страницы, на которой стоит
Текст кнопкиНадпись на кнопке; пусто — виджет подставит подпись по языку гостя
Логотип в виджетеСсылка на SVG или PNG на прозрачном фоне
Услуги брони · промокодыКакие шаги показывать гостю: шаг «Дополнительные услуги» и поле промокода
Разрешённые доменыОткуда можно встраивать форму, по одному домену в строке; пусто — встраивать можно откуда угодно

Виджет можно разместить на странице несколькими способами — режим выбирается в карточке «Код вставки»:

РежимКак выглядит
InlineВиджет встроен прямо в контент страницы
Модальное окноОткрывается поверх страницы по нажатию на кнопку
Плавающая кнопкаКнопка закреплена в углу экрана и открывает виджет
Боковая панельВиджет выезжает сбоку по нажатию на кнопку

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

Доступны два варианта:

  • Скрипт — подключаемый скрипт виджета (рекомендуется); поддерживает все способы встраивания
  • iframe — простая вставка без скрипта, подойдёт конструкторам сайтов

Внизу карточки — «Показать предпросмотр»: вы сразу видите, как виджет будет выглядеть на сайте.

  • Оплата — какие варианты оплаты увидит гость в виджете
  • Услуги брони — каталог услуг, которые гость добавляет к брони
  • Промокоды — создание скидочных кодов