Виджеты онлайн бронирования¶

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

Какие возможности предоставляет виджет?¶

Форма бронирования на сайте — гости выбирают дату, время, стол и заполняют контактные данные прямо на странице заведения
Выбор зоны (зала) — если в заведении несколько зон рассадки (например, «Основной зал» и «Веранда»), гость сначала выбирает подходящую атмосферу, а затем — столик в выбранной зоне
Слоты времени с учётом часов работы — виджет автоматически ограничивает доступное время бронирования в соответствии с настройками зоны (например, веранда доступна только до 23:00)
Плавающий виджет — иконка в углу сайта, при клике открывается форма; не занимает место на странице
Режимы работы виджета — можно создать виджет для каждого завкдения или один виджет на всю сеть, где гость сначала выбирает ресторан, а затем бронирует
Кастомизация — цвета, тексты, поля формы настраиваются под дизайн сайта
Защита от спама — лимит 30 заявок в минуту на один виджет
Статистика — количество показов и созданных бронирований

Как создать виджет бронирования?¶

Создание виджета возможно в панели Meetto.Manager - в модуле “Интеграции”. Сразу после создания виджета вы получаете его уникальный API-ключ
После создания достаточно лишь вставить готовый код на сайт (iframe или JavaScript-сниппет)
Гость заполняет форму → заявка появляется в разделе «Бронирование» со статусом ожидания
Персонал подтверждает или отклоняет заявку

Обратите внимание

Виджет не требует предварительной регистрации гостя в Meetto — для создания заявки на бронирование ему достаточно указать желаемое время и место, а также свое имя и номер телефона.

Создание виджета¶

Перейдите в раздел «Интеграции» → «Виджеты бронирования»
Нажмите «Создать виджет»
Выберите тип виджета:
Форма — полноценная форма, встраивается на страницу сайта
Плавающий — иконка в правом нижнем углу, раскрывается по клику
Выберите режим:
Привязанный к заведению — гость бронирует в конкретном ресторане
Мульти-заведение — гость сначала выбирает ресторан из списка
Настройте внешний вид:
Основной цвет
Цвет фона и текста
Цвета полей ввода
Настройте поля формы:
Показывать телефон
Телефон обязателен
Показывать комментарий
При необходимости задайте тексты:
Заголовок экрана успеха (по умолчанию «Столик забронирован!»)
Текст кнопки бронирования (по умолчанию «Забронировать»)
Нажмите «Сохранить»

Вставка на сайт¶

После создания виджета в редакторе появятся готовые сниппеты для копирования.

iframe¶

<iframe src="https://meetto.ru/widgets/wdgt_ВАШ_API_КЛЮЧ"
    width="100%" height="700" frameborder="0"
    style="max-width:480px;border-radius:12px;">
</iframe>

Подходит для большинства сайтов. Просто вставьте код в нужное место страницы.

JavaScript (Web Component)¶

<div data-api-key="wdgt_ВАШ_API_КЛЮЧ" data-type="floating"></div>
<script async src="https://meetto.ru/widgets/static/loader.js"></script>

Более гибкий вариант. Атрибут data-type принимает form или floating.

Предпросмотр¶

В редакторе виджета справа от формы всегда отображается предпросмотр — изменения цветов, текстов и режима работы применяются в реальном времени. Предпросмотр обновляется автоматически при любом изменении настроек.

Зоны рассадки и время бронирования¶

Если в заведении настроено несколько зон рассадки (подробнее — в разделе Зоны рассадки), виджет автоматически добавляет шаг выбора зоны перед показом схемы столов. Гость видит карточки зон с названиями, описаниями и часами работы.

Если зона одна — шаг выбора пропускается, гость сразу переходит к выбору столика.

Виджет также учитывает часовой пояс заведения (определяется автоматически по адресу) и отображает его рядом с часами работы, чтобы гости из других городов могли сориентироваться.

Безопасность¶

CORS — укажите список доменов, с которых разрешено отправлять заявки. Оставьте пустым для доступа с любых сайтов
API-ключ — можно перегенерировать в любой момент; старый ключ перестанет работать
Лимит заявок — 30 в минуту на один виджет
Статус заявок — все бронирования из виджета создаются в статусе ожидания; персонал обрабатывает их вручную
Персональные данные — гости принимают условия оферты и политики конфиденциальности перед отправкой

Удаление виджета¶

При удалении виджета:

Код на сайтах перестаёт работать
Технический пользователь виджета удаляется
Созданные через виджет бронирования сохраняются в системе

Часто задаваемые вопросы¶

Можно ли изменить текст «Столик забронирован!» на что-то другое? Да — в редакторе виджета, секция «Тексты» → «Заголовок экрана успеха». Например, для отеля можно указать «Номер забронирован!».

Что будет, если отключить приём бронирований для заведения? Виджет покажет ошибку — гости не смогут забронировать. При повторном включении виджет снова заработает.

Сколько виджетов можно создать? По одному на каждое заведение (режим «привязанный») плюс неограниченное количество мульти-виджетов на компанию.

Как гость выбирает зону при бронировании? Если в заведении несколько зон (залов), после выбора даты и времени гость увидит карточки зон с названиями и описаниями. После выбора зоны — схема столов. Если зона одна — шаг пропускается.

Учитывает ли виджет часы работы зоны? Да. Если для зоны заданы собственные часы работы, виджет ограничит доступные слоты времени этим диапазоном. Если часы не заданы — используется общее время работы заведения.