</body>. Откройте сайт: в углу появится кнопка «Записаться».<script src="https://clients-finances.pro/booking-widget.js" data-slug="ваш-адрес" data-color="#006688" async></script>
footer.php перед </body>.index.php вашего шаблона и вставьте код перед закрывающим </body>.</body>.data-text, цвет data-color в формате #rrggbb. Цвет текста на кнопке подбирается сам.<script src="https://clients-finances.pro/booking-widget.js"
data-slug="ваш-адрес"
data-text="Записаться на приём"
data-color="#e91e63" async></script>
<script src="https://clients-finances.pro/booking-widget.js"
data-slug="ваш-адрес"
data-position="left" async></script>
data-cf-booking или ссылка на #cf-booking.<script src="https://clients-finances.pro/booking-widget.js"
data-slug="ваш-адрес"
data-button="false" async></script>
<button data-cf-booking>Записаться онлайн</button>
<a href="#cf-booking">Или ссылка</a>
<div id="booking"></div>
<script src="https://clients-finances.pro/booking-widget.js"
data-slug="ваш-адрес"
data-mode="inline"
data-target="#booking"></script>
| Атрибут | По умолчанию | Что делает |
|---|---|---|
data-slug | обязателен | Адрес вашей страницы записи, например anna-nails из clients-finances.pro/book/anna-nails |
data-text | «Записаться» | Подпись плавающей кнопки |
data-color | #007aff | Цвет кнопки в формате #rrggbb |
data-position | right | Сторона для плавающей кнопки: right или left |
data-button | показана | Значение false скрывает плавающую кнопку |
data-mode | modal | modal: окно поверх страницы. inline: форма прямо в странице |
data-target | после скрипта | Для inline: CSS-селектор контейнера, куда вставить форму |
ClientsFinancesBooking.open() и ClientsFinancesBooking.close().Отдельной платы нет. Виджет входит в онлайн-запись, а она доступна в расширенной версии приложения. Актуальные цены смотрите на странице «Оплатить подписку». Автоматического продления нет.
Нет. Достаточно вставить одну строку в код страницы там, где ваш сайт позволяет добавить свой HTML. Ниже по шагам расписано, где это сделать в Tilda, WordPress, Wix, Joomla и на самописном сайте.
Тогда виджет не подойдёт, но у вас остаётся персональная страница записи. Просто поставьте на неё обычную ссылку или кнопку: она открывает то же расписание, что и виджет.
Нет. Клиент нажимает кнопку на вашем сайте, выбирает услугу, дату и время и оставляет телефон. Всё работает в браузере, на компьютере и на телефоне.
Да, они работают одновременно и показывают одно и то же расписание. Ссылку на страницу записи можно оставить в соцсетях и мессенджерах, а виджет поставить на сайт. Занятое время исчезает у всех сразу.
Нет, решение по-прежнему за вами. Вам приходит заявка на почту и в подключённых чат-ботов, вы подтверждаете или отклоняете её, а клиент получает уведомление.
Ничего. Он не использует куки, не собирает статистику и не следит за посетителями. Телефон и имя клиент вводит уже в форме записи, и эти данные попадают только к вам в заявку.
Нет. Услуги, рабочие часы, адреса и мастера берутся из приложения. Изменили у себя, и окно записи на сайте сразу показывает новое. Код на сайте остаётся прежним, обновления самого виджета приходят автоматически.
Проверьте три вещи. Первое: адрес в data-slug совпадает с адресом вашей страницы записи, и онлайн-запись в приложении включена. Второе: код вставлен прямо в HTML страницы, а не показан на ней текстом. Третье: если у сайта строгая политика безопасности (CSP), в ней должен быть разрешён адрес https://clients-finances.pro для скриптов и фреймов. Если не получилось, напишите мне, помогу разобраться.