Получение кода для сайта
После настройки квеста и визуала — кнопка «🔗 Получить код виджета» (доступна в самом низу страницы Конструктора после первого сохранения квеста).
Настройка кода
В открывшемся окне:
Кнопка «Скопировать код» копирует готовый HTML-код в буфер обмена.
Этот код вставляется на сайт в то место HTML-страницы, где должна отображаться форма бронирования.
- «Какой виджет нужен?» — выбор из вариантов: Стандартный виджет (все слоты) — обычное бронирование квеста; ТОЛЬКО слоты с квестом — только обычная бронь, без форматов ДР / Праздника; ТОЛЬКО слоты Дня Рождения — если формат ДР включён по тарифу; ТОЛЬКО слоты Праздника — если формат Праздника включён по тарифу (при выборе этого варианта дополнительно нужно указать, какой именно из заведённых праздников показывать на этой странице);
- «Выберите стиль» — какой из настроенных визуальных стилей использовать для этой конкретной вставки кода.
Кнопка «Скопировать код» копирует готовый HTML-код в буфер обмена.
Этот код вставляется на сайт в то место HTML-страницы, где должна отображаться форма бронирования.
Можно получить несколько разных кодов для одного и того же квеста — например, отдельную страницу с формой только на День Рождения (со своим стилем) и отдельную с обычным бронированием квеста на другой странице сайта.
Live-Превью
Отдельно от получения кода — вертикальная кнопка «👀 ПРЕВЬЮ» сбоку экрана справа (видна на десктопе, когда выбран квест). Открывает панель с живым предпросмотром формы бронирования прямо в панели управления, без необходимости открывать сайт.
В панели превью можно переключать:
Это удобно, чтобы сразу видеть результат изменений визуала, не переключаясь на сайт и не публикуя код заново каждый раз.
В панели превью можно переключать:
- Ширину предпросмотра (320 / 480 / 640 / 960 / во всю ширину);
- Режим — тот же набор вариантов, что и в модалке получения кода (Стандартный / ТОЛЬКО квест / ТОЛЬКО ДР / ТОЛЬКО Праздник — с дополнительным выбором конкретного праздника при необходимости);
- Стиль оформления.
Это удобно, чтобы сразу видеть результат изменений визуала, не переключаясь на сайт и не публикуя код заново каждый раз.