Виджет

Установка

Как установить виджет онлайн-записи BookNow на сайт: плавающая кнопка, встроенный блок или отдельная страница; готовый код из панели; HTML, Tilda, WordPress, Wix.

Код виджета доступен в панели: пункт Виджет в левом меню (раздел «Онлайн-запись»). Панель формирует код для вашего аккаунта, поэтому копируйте его из панели, а не из примеров ниже.

Три способа

Способ	Что вставляется	Когда подходит
Плавающая кнопка	загрузчик `widget.js` + вызов `new BookNowWidget({…})`	обычный сайт: кнопка в углу и любые свои кнопки «Записаться»
Встроить блок	`<iframe>` шириной 550 px	форма записи внутри страницы
Встроить как страницу	`<iframe>` на всю высоту окна	отдельная страница «Онлайн-запись» на вашем домене

Плавающая кнопка

Пример кода из панели (адрес url у вас будет свой):

<!-- BookNow Booking Software: https://booknow.ru -->
<script src="https://widget.booknow.ru/widget.js"></script>
<script>var ewWidget = new BookNowWidget({url: 'https://widget.booknow.ru/ваш-slug', button: { text: 'Записаться', showText: true, color: '#fff', background: '#3793FF', textColor: '#000', textBackground: '#fff' }})</script>

Вставьте оба тега перед закрывающим </body> или в блок «код перед </body>» вашего конструктора. Загрузчик создаёт кнопку, а по клику открывает виджет в модальном окне поверх страницы. Любой ваш элемент с классом EWBookingWidgetTrigger или ссылка href="javascript:ewWidget.show()" тоже откроет виджет. Параметры разобраны на странице Загрузчик.

Встроенный блок и страница

Панель выдаёт готовый <iframe>:

<iframe src="https://widget.booknow.ru/ваш-slug" style="border: 0; max-width: 100%;" frameborder="0" referrerpolicy="origin" width="550" height="600"></iframe>

Для варианта «как страницу» тот же iframe с высотой 100dvh. У встраивания есть ограничение: после онлайн-оплаты виджет просит родительскую страницу перейти по адресу результата, а iframe без загрузчика такой переход не выполняет. Если вы принимаете предоплату, используйте плавающую кнопку или решение со страницы Настройка и устранение неполадок.

Конструкторы сайтов

Tilda: добавьте блок T123 «HTML-код» и вставьте в него код плавающей кнопки. Чтобы открывать виджет своей кнопкой Tilda, укажите у неё ссылку javascript:ewWidget.show();. Если на странице есть блок «Индикатор загрузки», ознакомьтесь со страницей Настройка и устранение неполадок.
WordPress: вставьте код в виджет «Произвольный HTML» или через плагин для вставки кода в <head>/<footer>; на странице записи подойдёт блок «HTML».
Wix: «Настройки сайта → Пользовательский код», код в Body - end для всех страниц; либо элемент «Встроить HTML» на конкретной странице.
Любой HTML-сайт: код в шаблон страницы перед </body>.

Проверка

Откройте сайт, нажмите кнопку: должна открыться форма записи вашего аккаунта. В консоли браузера не должно быть ошибок загрузки widget.js. Если кнопка есть, а виджет не открывается, обратитесь к странице Настройка и устранение неполадок.