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

Плавающая кнопка «Забронировать» или форма бронирования прямо на вашем сайте, в ваших цветах — настройка за пять минут и одна строка кода.

5 мин чтения Маркетинг, отслеживание и интеграции Обновлено 12.09.2026

Виджет бронирования переносит бронирование TapTime на сайт, который у вас уже есть, — собственный домен, сайт на WordPress, Wix, Tilda или Shopify, лендинг. Гости бронируют, не уходя с вашего сайта, а бронирование появляется на доске точно так же, как сделанное на вашей странице TapTime.

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

Выберите, как он выглядит

  • Плавающая кнопка — кнопка в углу каждой страницы; по нажатию выезжает панель бронирования. Лучше всего подходит для всего сайта.
  • Встроенный в страницу — форма бронирования стоит внутри страницы там, куда вы вставили код. Лучше всего подходит для отдельной страницы «Забронировать».
  • Что бронируется — столы или записи, в одном заведении или на выбор гостя.
  • Дизайн — текст кнопки, цвета, форма, размер, значок и угол; ширина, высота, скругление и акцентный цвет панели; язык — или язык посетителя.

Предпросмотр справа сразу отражает каждое изменение. Бронирование внутри предпросмотра настоящее, так что его можно пройти целиком.

Разместите его на сайте

  1. 1
    Сохраните дизайн

    Код для вставки всегда использует сохранённые настройки, поэтому сохраните их перед копированием.

  2. 2
    Скопируйте код для вставки

    Это одна строка: тег script с адресом вашей компании.

  3. 3
    Вставьте его на сайт

    Для плавающей кнопки вставьте код один раз перед </body> на каждой странице или в настройку конструктора вроде «свой код / скрипты в подвале». Для встроенной формы вставьте его туда, где должна появиться форма.

  4. 4
    Откройте сайт и забронируйте тестовый стол

    Бронирование сразу появится на доске. Когда закончите, отмените его с доски.

Своя кнопка

На сайте уже есть кнопка «Забронировать стол»? Добавьте ей атрибут data-taptime-open, и она будет открывать панель бронирования вместо плавающей кнопки. Разработчики также могут вызывать TapTime.open() и TapTime.close() из своих скриптов.

Разрешённые сайты

По умолчанию виджет работает на любом сайте. Добавьте свои домены в поле «Разрешённые сайты» (по одному на строку, *.example.com для поддоменов), и браузеры откажутся показывать вашу страницу бронирования встроенной где-либо ещё.

Бронирования и аналитика вашего сайта

Виджет передаёт в бронирование кампанию вашего сайта (UTM-метки, ID кликов по рекламе) и cookie GA и Meta, так что бронирование через виджет засчитывается рекламе, которая привела посетителя на ваш сайт. Если включено «Передавать бронирования в теги моего сайта», виджет сообщает и самой странице: отправляет taptime_booking_confirmed в dataLayer Tag Manager и вызывает GA4 и Meta Pixel вашей страницы, если они там установлены.

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

Не замедлит ли виджет мой сайт?

Нет. Скрипт небольшой, загружается асинхронно после вашей страницы, а сама панель бронирования загружается, только когда гость её открывает.

Можно ли использовать его на нескольких сайтах?

Да. Вставьте один и тот же код на каждый. Если вы заполнили поле «Разрешённые сайты», добавьте туда все домены.

Кнопка не появляется на моём сайте.

Проверьте, что код есть на странице и сохранён в конструкторе сайта, что сайт опубликован и что его домен указан в поле «Разрешённые сайты», если вы его заполняли. Некоторые конструкторы выполняют свой код только на опубликованном сайте, а не в редакторе.

Статья была полезной?
Это не ответило на ваш вопрос?

Напишите нам и укажите страницу, на которой вы были. Каждое сообщение читает человек, а ответ приходит на том языке, на котором вы написали.

Напишите нам