Как настроить и установить виджет онлайн-записи

Виджет онлайн-записи следует подключать после настройки услуг, сотрудников, филиалов и доступного времени. Иначе форма появится на сайте, но предложит клиенту неверные интервалы или создаст запись, которую администратору придётся уточнять вручную.

Актуальные инструкции подтверждают прежний общий принцип, но универсальный совет редактировать header.php устарел. Сейчас способ подключения зависит от платформы: поставщик может предложить индивидуальный код, готовый блок конструктора или публичную ссылку для сайта и соцсетей.

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

Начинать нужно с результата, который должна создавать форма: подтверждённой записи в рабочем календаре, а не обычного сообщения от посетителя. Сотруднику понадобятся услуга, дата, время, контакты клиента и филиал, а занятый интервал должен перестать отображаться как свободный.

Заполните справочник услуг. Для каждой позиции укажите понятное название, продолжительность, цену или правило её расчёта, доступные филиалы и специалистов. Продолжительность влияет на расписание: система должна понимать, помещается ли визит до конца смены и сколько времени оставить до следующего клиента.

Затем задайте индивидуальные графики сотрудников, выходные, перерывы и исключения. Общего режима работы компании недостаточно: филиал может быть открыт до вечера, хотя нужный специалист заканчивает смену раньше. Если между визитами требуется подготовка кабинета, уборка или дорога, предусмотрите соответствующий запас времени.

Отдельно выберите обязательные поля формы. Имя и рабочий канал связи обычно позволяют создать базовую запись; дополнительные вопросы нужны, только если ответы влияют на оказание услуги. Чем длиннее анкета, тем больше действий посетитель должен выполнить до подтверждения.

Как собрать сценарий записи

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

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

Публичная ссылка и встраиваемый виджет решают разные задачи. Ссылка открывает отдельную страницу и подходит для профилей в соцсетях, сообщений и QR-кодов. Виджет работает на странице сайта или поверх неё. Если система поддерживает оба варианта, они могут использовать одно расписание, но каждый канал всё равно нужно проверить отдельно.

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

Самописный сайт и индивидуальный код

Код следует получать в кабинете выбранной системы: обычно он содержит идентификатор конкретной формы. Например, инструкция YCLIENTS по установке кнопки требует сначала завершить настройки, а затем разместить индивидуальный HTML-код перед закрывающим тегом </body> на нужных страницах; демонстрационный код из справки для установки не предназначен.

Если кнопка должна отображаться повсеместно, код подключают через общий шаблон или предусмотренную сайтом область для пользовательских сценариев. Для формы на одной посадочной странице глобальная установка не требуется. До изменения шаблона сохраните его текущую версию и убедитесь, что этот же код не подключён через плагин или систему управления тегами.

Tilda

В конструкторе сначала проверьте наличие штатной интеграции. Справка Tilda по онлайн-записи описывает подключение YCLIENTS через блок T790: в содержимом блока указывают номер заранее созданной формы, после чего страницу публикуют.

После публикации откройте страницу в приватном окне и пройдите весь путь до подтверждения. Появление кнопки доказывает только загрузку элемента, но не правильность связей между услугами, филиалами и расписанием.

WordPress

Место установки в WordPress зависит от требований поставщика. Разметку для одной страницы можно поместить в блок «Произвольный HTML», однако официальная документация WordPress указывает, что начиная с версии 7.0 у пользователей без права unfiltered_html при сохранении удаляются недопустимые элементы, включая script и iframe.

Если виджет исчез после обновления страницы, проверьте роль пользователя и требования системы записи. Возможно, понадобится разрешённый поставщиком плагин, область шаблона или другой штатный механизм. Ручное редактирование файлов темы ненадёжно: последующее обновление может заменить внесённые изменения.

Как разместить запись в соцсетях и мессенджерах

Для внешней площадки обычно используют публичную ссылку, а не код встраивания. Её можно поставить в доступное поле профиля, кнопку действия, закреплённое сообщение или автоматический ответ. Конкретный набор мест зависит от возможностей площадки, а подпись должна прямо обозначать действие: «Записаться» понятнее, чем «Перейти».

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

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

Что проверить перед запуском

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

На компьютере и телефоне форма помещается на экран, прокручивается и не перекрывается меню.
Услуги связаны с правильными сотрудниками, филиалами, длительностью и ценой.
Часовой пояс формы совпадает с часовым поясом рабочего расписания.
Занятый интервал нельзя выбрать повторно.
Телефон или адрес электронной почты принимаются в ожидаемом формате.
Клиент и ответственный сотрудник получают настроенное подтверждение.
После отправки формы понятно, создана ли запись окончательно или требуется согласование.

Дополнительно проверьте последний интервал смены, самую продолжительную услугу, временно недоступного сотрудника и филиал с отдельным графиком. Эти сценарии выявляют ошибки конфигурации, которые незаметны при простом открытии формы.

Где искать причину сбоя

Если кнопка не появилась, убедитесь, что опубликована изменённая версия страницы. Затем проверьте, не удалил ли редактор часть кода, не заблокировал ли его механизм безопасности сайта и не установлен ли тот же сценарий одновременно в шаблоне и на отдельной странице.

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

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

Сначала расписание, потом код: как запустить виджет онлайн-записи