Войти →
Инструменты разработчика

Дизайнер интеграции

Создайте готовый фрагмент кода для добавления виджета бронирования на любой сайт.

Настройки

Предпросмотр сайта

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

Внешний вид

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

Код iframe

Вставьте этот iframe там, где вы хотите отобразить форму бронирования на вашем сайте.

<iframe
  src="https://reservier.net/de/demo"
  title="Online Reservation"
  width="530"
  height="700"
  style="border: none; border-radius: 12px; box-shadow: rgba(0,0,0,0.15) 0px 8px 25px;"
  loading="lazy"
  allow="clipboard-write"
></iframe>

Код виджета

Рекомендовано

Вставьте этот фрагмент перед закрывающим тегом body на вашем сайте. Плавающая кнопка бронирования появится в правом нижнем углу.

<reservier-widget
  business-id="demo"
  locale="de"
  primary-color="#4f46e5"
  api-base="https://api-vtwo.bookaplace.uk"
></reservier-widget>
<script src="https://reservier.net/widget/v1/widget.js"></script>

Открытие виджета своими кнопками

После установки кода виджета любой элемент с open-widget="reservier.at" или open-widget="reservier.net" откроет форму бронирования.

<button type="button" open-widget="reservier.at">
  Забронировать сейчас
</button>

Как это работает

  1. 1 Вставьте фрагмент кода в HTML вашего сайта, перед закрывающим тегом </body>.
  2. 2 Плавающая кнопка «Забронировать столик» появится в правом нижнем углу для ваших посетителей.
  3. 3 Нажатие на кнопку открывает встроенную форму бронирования — без перенаправлений, без iframe.

Почему стоит использовать виджет?

  • Всегда актуально — скрипт размещён на наших серверах, улучшения применяются автоматически.
  • Без iframe — виджет работает нативно на вашей странице для бесшовного взаимодействия.
  • Полностью переведён — поддерживает немецкий, английский, французский, итальянский и русский.

Мы используем необходимые cookie для корректной работы сайта. С вашего согласия мы также используем аналитические cookie для улучшения вашего опыта. Политика конфиденциальности