Виджеты¶

Виджеты позволяют разместить функционал Meetto на любом сайте. Доступно два типа виджетов:

Виджет бронирования — гости бронируют столики / комнаты прямо на странице заведения, без перехода в приложение Meetto.
Виджет «Электронное меню» — гости просматривают меню заведения на сайте.

Оба виджета создаются в панели Meetto.Manager, в модуле «Интеграции».

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

Виджет бронирования позволяет разместить форму онлайн-бронирования на любом сайте. После его размещения посетители смогут бронировать столики / комнаты и прочие единицы бронирования напрямую, без перехода в приложение 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 в минуту на один виджет
Статус заявок — все бронирования из виджета создаются в статусе ожидания; персонал обрабатывает их вручную
Персональные данные — гости принимают условия оферты и политики конфиденциальности перед отправкой

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

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

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

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

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

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

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

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

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

Виджет «Электронное меню»¶

Виджет «Электронное меню» показывает меню вашего заведения прямо на сайте. Гость открывает страницу — и видит актуальное меню без перехода в сторонние сервисы.

Чем отличается от виджета бронирования¶

Виджет меню только показывает меню — через него нельзя оформить бронь или заказ
Виджет меню всегда привязан к одному заведению (режим «мульти-заведение» для него недоступен)
Настройки бронирования (режимы, слоты времени, зоны рассадки, тексты заявки) для виджета меню не применяются

Как создать виджет «Электронное меню»¶

Перейдите в раздел «Интеграции» → «Виджеты»
Нажмите «Создать виджет»
В поле «Тип виджета» выберите «Электронное меню»
Выберите заведение, меню которого нужно показать
При желании настройте внешний вид (цвета виджета под дизайн сайта)
Нажмите «Сохранить»

После сохранения вы получаете API-ключ и готовые сниппеты для вставки на сайт (iframe или JavaScript) — по той же схеме, что и для виджета бронирования.

Что показывает виджет¶

Виджет отображает номенклатуру (меню) выбранного заведения, настроенную в Meetto: категории блюд, названия, описания и цены. Изменения в меню в панели Meetto отражаются в виджете автоматически.

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

Можно ли через виджет меню забронировать стол? Нет. Виджет «Электронное меню» только показывает меню. Для бронирования используйте отдельный виджет бронирования.

Можно ли показать меню сразу нескольких заведений? Нет — виджет меню привязан к одному заведению. Для каждого заведения создаётся свой виджет.

Обновляется ли меню в виджете при изменениях в Meetto? Да. Виджет показывает актуальное меню из панели управления — менять что-то на сайте вручную не нужно.