Как сделать запись клиентов на сайте в Тильде

Ниже: какой способ выбрать, пошаговая вставка в Тильде, общий порядок для Wix, WordPress и Битрикса, проверка после вставки и разбор типичных проблем.

Какой способ выбрать

листайте таблицу →

Что нужно до вставки

Тильда: пошагово

1. В сервисе записи получите код нужного способа.
2. В редакторе Тильды нажмите «+» между блоками и откройте библиотеку блоков.
3. В разделе «Другое» выберите блок «HTML-код» (T123).
4. Наведите на блок, нажмите «Контент», вставьте код целиком вместе с тегом <script> и нажмите «Сохранить и закрыть».
5. Опубликуйте страницу. Код выполняется только на опубликованной странице, в режиме редактирования запись не покажется.

Доступность блока «HTML-код» на вашем тарифе сверьте в справке Тильды (help-ru.tilda.cc) и на странице тарифов Тильды (tilda.cc/ru/pricing). Если вставка кода недоступна, поставьте обычную кнопку со ссылкой на страницу записи.

Wix, WordPress, Битрикс

Общее правило: ищите элемент или блок для вставки HTML-кода и вставляйте в него код из сервиса записи.

• Wix. Для кнопки на всех страницах: «Настройки → Custom Code», позиция Body – end. Для блока в тексте страницы: «Встроить код → Встроить HTML». Названия пунктов зависят от версии редактора и сайта, сверьте их в справке Wix (support.wix.com). Custom Code работает на опубликованном сайте с подключённым доменом.
• WordPress. Для блока на странице добавьте блок «Произвольный HTML» и вставьте код. Для кнопки на всех страницах в классических темах используйте «Внешний вид → Виджеты» с тем же блоком, в блочных темах код вставляют в шаблон через редактор сайта. Без права unfiltered_html скрипт может не сохраниться, тогда нужна учётная запись с этим правом (на одиночном сайте обычно администратор, в сети сайтов суперадминистратор).
• 1С-Битрикс. Для кнопки на всех страницах код добавляют в шаблон сайта («Настройки → Настройки продукта → Сайты → Шаблоны сайтов») перед закрывающим тегом </body>. Это типовой путь, сверьте его с версией вашего Битрикса в документации (dev.1c-bitrix.ru).
• Другие сайты. Нужны место для HTML-кода в странице или шаблоне и право добавлять скрипты. Названия смотрите в справке конструктора.

Что проверить после вставки

Если запись не появилась

листайте таблицу →

Персональные данные и измерение

Данные клиента, например телефон и имя, которые попадают к вам при записи, относятся к персональным. Правила их обработки задаёт Федеральный закон «О персональных данных» (152-ФЗ, pravo.gov.ru), разъяснения публикует Роскомнадзор (rkn.gov.ru). Тексты политики и согласия согласуйте с юристом.

Чтобы видеть, помогает ли запись на сайте, подключите счётчик Яндекс Метрики и создайте цель типа «JavaScript-событие» по инструкции в справке Метрики: такая цель срабатывает, когда на странице вызван метод reachGoal с её идентификатором, и этот вызов нужно привязать к событию записи. Сравнивайте число заходов на страницу с числом записей: если люди заходят и не записываются, проверьте форму на телефоне и список услуг.

Вопросы и ответы

Как сделать онлайн-запись на сайте Тильды?

Получите код в сервисе записи, в редакторе Тильды добавьте блок «HTML-код» (T123) из раздела «Другое», нажмите «Контент», вставьте код целиком, нажмите «Сохранить и закрыть» и опубликуйте страницу. Код работает только на опубликованной странице. Доступность блока на вашем тарифе сверьте в справке Тильды.

Нужен ли программист для записи на сайт?

Нет, если достаточно ссылки или вы можете вставить код в HTML-блок. Для ссылки код не нужен. Окно и блок записи вставляются скопированным из кабинета кодом в HTML-блок конструктора или в шаблон сайта. Если у сайта строгая политика безопасности (CSP) или код нужно вставить в шаблон, может потребоваться помощь того, кто администрирует сайт.

Чем отличается ссылка от окна записи?

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

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

Причины: страница не опубликована, код вставлен не в тот блок или обрезан, либо у сайта строгая политика безопасности (CSP). В последнем случае разрешите скрипт сервиса записи, при необходимости с помощью того, кто администрирует сайт. После исправления опубликуйте страницу заново и сделайте тестовую запись.

Как отслеживать записи с сайта?

Подключите счётчик Яндекс Метрики и создайте цель типа «JavaScript-событие» по инструкции в справке Метрики. Число записей видно в журнале сервиса записи. Сравнивайте число заходов на страницу записи с числом записей: если разрыв большой, проверьте форму на телефоне, список услуг и видимость кнопки.

Работает ли запись на телефоне?

Да, в Слотборде окно записи открывается на телефоне, занимает весь экран, сверху есть «Закрыть». Проверьте на реальном телефоне после вставки, что окно открывается и закрывается, а кнопка не закрывает чат и плашки. Переключатель «Показывать на телефоне» включает или отключает кнопку в углу. Проверьте и прокрутку страницы при открытом окне.

Нужно ли согласие на обработку персональных данных?

Нет, не всегда. 152-ФЗ называет несколько оснований обработки, и согласие нужно только при некоторых из них. Какое основание ваше, определяет юрист. Имя и телефон клиента относятся к персональным данным, правила задаёт закон (pravo.gov.ru). Политику обработки и текст согласия согласуйте с юристом и разместите на сайте до включения записи, чтобы клиент видел их до отправки данных.

Можно ли поставить запись на конкретную услугу?

Да. В Слотборде в настройке «Что открывать» выбирается одна услуга из списка. Такой вариант можно разместить на странице этой услуги, чтобы клиент сразу попадал на нужное расписание. Проверьте каждую кнопку тестовой записью и убедитесь, что открывается именно та услуга, которую вы выбрали. Для остальных услуг повторите настройку.

Где проверять актуальные данные

• Справка Тильды, help-ru.tilda.cc: блок «HTML-код» и тарифы.
• Справки Wix (support.wix.com), WordPress (wordpress.org/documentation) и 1С-Битрикс (dev.1c-bitrix.ru): актуальные названия и пути к вставке кода.
• Справка Яндекс Метрики: цель «JavaScript-событие».
• Закон 152-ФЗ, pravo.gov.ru, и разъяснения Роскомнадзора, rkn.gov.ru.
• Страница тарифов Тильды, tilda.cc/ru/pricing.
• Слотборд, slotbord.ru: возможности, тарифы и условия.

Как это делается в Слотборде

Слотборд — сервис онлайн-записи, который мы делаем. Для записи на сайте в нём есть следующее.

• Где взять код. В кабинете: «Настройки → Страница записи», блок «Запись на вашем сайте». Способы: «Кнопка в углу», «Своя кнопка», «Блок на странице».
• Что открывать. В настройке «Что открывать» выбираются «Все услуги», «Одну услугу» или, если страница записи начинается со специалистов («Сначала люди»), конкретный мастер.
• Настройки кнопки в углу. Цвет, «Отступ снизу», позиция (слева или справа) и переключатель «Показывать на телефоне»; цвет и «Что открывать» есть и у других способов.
• Окно на телефоне. Окно занимает весь экран, сверху есть «Закрыть».
• Тильда. Код вставляется в блок T123. Чтобы кнопка была на всех страницах, по справке Слотборда код вставляют в «Настройки сайта → Ещё», поле «HTML-код для вставки внутрь HEAD».
• Политика безопасности сайта. Если у сайта строгая политика (CSP), разрешите скрипт и рамку с адреса app.slotbord.ru.
• События. Окно подаёт события slotbord:open, slotbord:booked и slotbord:close.

«Кнопка в углу», «Своя кнопка» и «Блок на странице» входят в платные тарифы, на остальных показывается строка «Записаться» со ссылкой. Что есть в каждом тарифе, показано на странице тарифов. Подробнее о записи на сайте: запись на сайте, инструкция для Тильды, справка о записи на сайте.

Открыть демо — без регистрации Начать бесплатно

Бесплатно без срока, с ограничениями: до 5 карточек услуг, одна точка, один исполнитель. Условия тарифов

Для регистрации нужна почта российского сервиса: Яндекс, Mail.ru, Рамблер или на домене вашей компании.