Добавить в корзинуПозвонить
Найти в Дзене

Виджет бронирования на сайт: как встроить онлайн-бронирование в существующий сайт бизнеса

Если у вас уже есть сайт (на Tilda, другом конструкторе или рукописный), добавлять отдельный “новый сайт для бронирований” не обязательно. Проще подключить виджет бронирования на сайт — и посетители смогут выбирать время и оформлять бронь прямо на вашей странице, а все записи будут автоматически попадать в календарь (без накладок и ручных переписок). Ниже — короткая схема, как это сделать.
Я делаю это на примере системы бронирования BookFast Чтобы модуль бронирования для сайта отображался корректно: 3. В левом меню выберите “Другое” → блок T123 (HTML-блок). 4. В новом блоке нажмите “Контент”. 5. В BookFast зайдите в админ-панель: Настройки профиля → Интеграции, скопируйте код виджета и вставьте его в поле контента Tilda. 6. Нажмите “Сохранить и закрыть”, затем “Опубликовать” страницу. 7. Откройте страницу — готово: бронирование работает прямо на вашем сайте. Логика та же: вам нужен блок/раздел, куда можно вставить HTML-код (часто называется “HTML”, “Embed”, “Код”, “Пользовательский
Оглавление

Если у вас уже есть сайт (на Tilda, другом конструкторе или рукописный), добавлять отдельный “новый сайт для бронирований” не обязательно. Проще подключить виджет бронирования на сайт — и посетители смогут выбирать время и оформлять бронь прямо на вашей странице, а все записи будут автоматически попадать в календарь (без накладок и ручных переписок).

Ниже — короткая схема, как это сделать.
Я делаю это на примере
системы бронирования BookFast

Подготовка: где лучше размещать виджет

Чтобы модуль бронирования для сайта отображался корректно:

  • сделайте отдельную страницу, например “Аренда” / “Бронирование”
  • желательно, чтобы ниже виджета не было других блоков (так он работает стабильнее)

Как встроить виджет на Tilda (7 шагов)

  1. Откройте страницу, куда хотите добавить бронирование (часто делают отдельную “Аренда”).
  2. Нажмите “+” (добавить новый блок).

3. В левом меню выберите “Другое” → блок T123 (HTML-блок).

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

4. В новом блоке нажмите “Контент”.

5. В BookFast зайдите в админ-панель: Настройки профиля → Интеграции, скопируйте код виджета и вставьте его в поле контента Tilda.

-2

6. Нажмите “Сохранить и закрыть”, затем “Опубликовать” страницу.

7. Откройте страницу — готово: бронирование работает прямо на вашем сайте.

Если сайт на другом конструкторе или “рукописный”

Логика та же: вам нужен блок/раздел, куда можно вставить HTML-код (часто называется “HTML”, “Embed”, “Код”, “Пользовательский блок”). Вставляете код из BookFast → сохраняете → публикуете страницу.

Мини-советы, чтобы всё выглядело аккуратно

  • Проверьте страницу на телефоне: виджет должен помещаться по ширине и не “резаться”.
  • Добавьте ссылку на страницу с виджетом во все точки входа: меню сайта, соцсети, карты.

Попробовать BookFast бесплатно

Чтобы получить код виджета и запустить онлайн-бронирование на своём сайте — зарегистрируйтесь в BookFast