8 мин чтения

Виджет бронирования на сайт ресторана: зачем и как поставить

Зачем ресторану виджет бронирования на сайт, какие поля нужны гостю и как встроить виджет без потери заявок в Direct. Пошаговый чеклист запуска.

Photo by Sergey Ivanov on Unsplash

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

Зачем виджет, если есть телефон

Телефон останется: кто-то любит голос, банкеты сложнее формы. Но часть гостей бронирует ночью, в метро, из другого города. Если на сайте только «позвоните с 12:00», вы теряете заявки.

Виджет работает, когда бронь с телефона проще звонка в час пик.

Виджет:

  • работает 24/7 в рамках ваших слотов;
  • снижает нагрузку на хостес в пик звонков;
  • даёт одинаковые данные (имя, телефон, размер компании);
  • сразу попадает в электронную книгу резервов.

Связка с программой в целом — Система бронирования столов.

Что гость должен увидеть за 30 секунд

  1. Дата и время из доступных слотов.
  2. Число гостей.
  3. Контакты и имя.
  4. Особые пожелания (короткое поле).
  5. Правила: удержание стола, депозит если есть.
  6. Кнопка подтверждения и понятный экран «бронь принята».

Если на первом экране — длинная анкета и маркетинговые галочки без пояснений, часть гостей уйдёт в Direct конкурента.

Где размещать на сайте

  • Отдельная страница «Забронировать стол».
  • Кнопка в шапке на каждой странице.
  • Блок на главной выше «подвала».
  • Страницы меню и мероприятий — с якорем на виджет.

Не прячьте бронь в третьем пункте меню «Контакты».

Таблица: поля формы

ПолеНужноКомментарий
Дата / времяДаТолько свободные слоты
Число гостейДаС лимитом по залу
ИмяДаКак обращаться
ТелефонДаДля напоминаний
EmailПо ситуацииЕсли шлёте письма
Зона / пожеланияОпциональноНе перегружайте
Согласие на маркетингОтдельноНе смешивать с сервисом брони
Оплата депозитаЕсли включёнСм. депозит за бронь

Как поставить: практические шаги

  1. Настройте в системе столы, часы, слоты.
  2. Получите код виджета (скрипт или iframe — как даёт платформа).
  3. Вставьте на страницу сайта / в конструктор.
  4. Проверьте на телефоне и на десктопе.
  5. Сделайте тестовую бронь и найдите её в книге резервов.
  6. Настройте подтверждение и напоминание.
  7. Замените на сайте призыв «пишите в Instagram» на «забронировать онлайн» (Instagram можно оставить как доп. канал).

Если сайт на конструкторе — обычно хватает блока HTML. Если свой разработчик — отдайте ему инструкцию вендора и проверку CSP/скриптов.

Чеклист перед анонсом гостям

  • Виджет открывается с iPhone и Android.
  • Недоступные слоты не кликаются.
  • Ошибка сети показывает понятный текст, не пустой экран.
  • После брони приходит подтверждение.
  • Хостес видит источник «сайт».
  • Политика депозита совпадает с текстом на сайте.

Конверсия: что чинить, если броней мало

  • Слоты слишком редкие (только :00) — попробуйте шаг 30 минут, если зал позволяет.
  • Закрыто слишком много дней вперёд или наоборот — мало горизонта.
  • Форма требует лишние поля.
  • Долгая загрузка скрипта.
  • Нет кнопки брони в шапке мобильной версии.

Считайте не «визиты сайта», а завершённые брони и долю брошенных на шаге контактов.

Виджет и репутация

Виджет обещает доступность. Если гость прошёл оплату депозита, а бронь не создалась — это кризис доверия. Поэтому тестовые сценарии обязательны. То же с отменой: ссылка в письме должна работать.

Юридические и сервисные тексты рядом с формой

Рядом с виджетом (или внутри сценария) гостю должны быть доступны:

  • правила брони и удержания стола;
  • условия депозита, если он включён;
  • политика обработки персональных данных / согласие на сервисную связь;
  • отдельное согласие на маркетинг — только если вы правда будете писать акции.

Скрытие правил «под катом на другой странице» повышает риск конфликта. Лучше короткий блок «Важно знать» из 4–5 строк + ссылка «подробнее».

А/B без лаборатории

Вам не нужна сложная аналитика, чтобы улучшить виджет:

  • неделя А: кнопка «Забронировать» только в меню;
  • неделя Б: кнопка в шапке на мобиле.

Сравните число завершённых броней. То же с длиной поля «пожелания» (было обязательным — сделали необязательным). Меняйте один фактор за раз.

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

Как это делает Коперто

В Coperto виджет — часть платформы бронирования: слоты берутся из ваших правил зала, бронь сразу в книге резервов, дальше работают напоминания и CRM. На лендинге можно увидеть логику продукта на главной; интеграции и оплаты — в разделе Интеграции; разборы — в блоге.

Иллюстрация к статье
Photo by Elena Volkova on Unsplash

Скорость, доступность и доверие

Виджет — это обещание сервиса. Если форма грузится 8–10 секунд на мобильном интернете, часть гостей уйдёт к конкуренту с кнопкой «написать». Проверьте скорость на реальном 4G, не только на офисном Wi‑Fi. Убедитесь, что поля доступны с клавиатуры и читаются скринридерами на базовом уровне: подписи к полям, ошибки рядом с полем, фокус не «прыгает» хаотично.

Текст ошибок должен быть человеческим: «Выберите другое время — этот слот только что заняли», а не «Error 409». После успешной брони покажите дату, время, адрес и что будет дальше (подтверждение, напоминание). Гость должен уйти со страницы с ощущением завершённого дела, а не «надеюсь, они увидели заявку».

Если на сайте несколько языков аудитории, продумайте язык виджета или хотя бы понятные поля. Для туристических зон это напрямую влияет на долю завершённых броней вечером и в выходные.

Согласование с маркетингом и сайтом

Виджет должен быть встроен в путь рекламы: объявление → страница → бронь. Если реклама ведёт на красивое фото без кнопки брони выше первого экрана, вы платите за вдохновение, а не за посадку. Проверьте все посадочные: меню, акции, мероприятия.

Маркетингу полезно видеть источник «сайт/виджет» в отчётах бронирования. Залу полезно, чтобы промо-слоты (дегустация, ужин шефа) имели отдельные правила вместимости. Согласуйте заранее, кто закрывает слоты при sold out, чтобы виджет не продавал места после лимита.

И не забывайте SEO/контент: страница «Забронировать стол» с понятным текстом и формой часто приносит органический трафик по запросам бронирования рядом с брендом ресторана.

Поддержка после публикации

Назначьте владельца виджета: кто проверяет раз в неделю, что форма жива, слоты корректны, подтверждения уходят. Сайты обновляют дизайнеры — скрипт виджета иногда случайно удаляют. Заведите простую проверку по понедельникам: тестовая бронь + поиск в книге.

Сообщите хостес, как отвечать, если гость говорит «я бронировал на сайте, а вы не видите». Обычно это дубль, опечатка телефона или бронь в другой день — но тон ответа должен быть помогающим, не обвиняющим. Виджет усиливает доверие только пока зал умеет разбирать краевые случаи спокойно.

Добавьте на страницу брони короткий блок доверия: адрес, часы, ссылка на правила, при необходимости парковка/вход. Виджет конвертирует лучше в контексте понятной практической информации. Не перегружайте страницу попапами и агрессивными промо-слоями — они бьют по завершению формы. После запуска сравните долю мобильных броней: если она низкая при высоком мобильном трафике, чините мобильный UX в первую очередь. Именно телефон — основной канал спонтанной брони вечером. И проверьте, что подтверждение корректно отображается в тёмной теме iOS/Android, если письма открывают с телефона.

Если используете несколько доменов или лендингов акций, проверяйте виджет на каждом из них отдельно: иногда старый ключ/скрипт остаётся на промо-странице и создаёт брони «в никуда» или в тестовый контур. Ведите простой реестр страниц, где виджет установлен. После смены CMS/темы сайта делайте регресс в тот же день. Надёжность формы — часть обещания ресторана гостю, наряду с кухней и сервисом у стола. Пустая заявка хуже отсутствующей кнопки: человек думает, что стол его ждёт.

Частые вопросы

Виджет заменяет телефонную бронь?

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

Нужен ли отдельный лендинг только под бронь?

Достаточно страницы на основном сайте. Отдельный лендинг имеет смысл для акций и сезонных сетов.

Можно ли встроить виджет в Instagram?

Через сайт и ссылку в профиле / сторис — да. Нативный «идеальный» виджет внутри Instagram ограничен платформой; важнее, чтобы ссылка вела на быструю форму.

Что делать с бронями из агрегаторов?

Сводите их в ту же книгу вручную или через доступные интеграции. Две правды о занятости стола — путь к конфликту.

Обязателен ли депозит в виджете?

Нет. Включайте точечно на пиковые условия. Для многих залов сначала достаточно простой брони с напоминанием.

Как понять, что виджет окупился?

Сравните число онлайн-броней и время хостес на телефоне до и после 2–4 недель. Даже без сложных формул видно, разгрузилась ли стойка в пик.

Попробуйте Коперто на своей посадке

90 дней Professional бесплатно. Зал, виджет и база гостей — без карты в начале.

Все статьи · Интеграции · На главную