Короткий ответ. Чтобы встроить онлайн-запись на сайт, сначала выберите режим: кнопка открывает форму по действию пользователя, а встроенный виджет сразу показывает запись внутри страницы. Затем скопируйте готовый код из сервиса, вставьте его в HTML-блок нужной страницы и проверьте полный путь на опубликованном сайте.
Кнопка или встроенная форма
Режим выбирают не по эффектности, а по контексту. На странице с несколькими направлениями кнопка может вести в общий каталог. На странице одной конкретной услуги лучше открыть её напрямую, чтобы не заставлять клиента выбирать повторно.
Что настроить до установки
Виджет берёт данные из вашей системы записи. Если услуга называется внутренним кодом, длительность не учитывает подготовку, а рабочие часы открыты слишком широко, сайт лишь быстрее покажет эти ошибки клиентам.
В Sayly можно создать общий код для каталога услуг или отдельный код конкретной услуги. Второй вариант полезен для рекламной или тематической страницы: посетитель сразу переходит к дате и времени выбранного формата.
Как работать с готовым кодом
Готовый код содержит адрес вашего публичного сценария и скрипт, который создаёт безопасную область с формой записи. Копируйте весь фрагмент без выборочного удаления строк и атрибутов. Ключ внутри кода связан с вашей страницей, поэтому не заменяйте его на пример из чужой инструкции.
Это схема расположения, а не рабочий код конкретного аккаунта. Настоящий фрагмент нужно брать из раздела интеграции сайта. Так ссылка, ключ и режим будут относиться именно к вашей публичной странице.
HTML, WordPress, Tilda и Laravel
В CMS скрипты иногда вырезаются редактором или плагином безопасности. Это не повод вставлять код во все шаблоны сайта. Сначала проверьте, сохранился ли фрагмент в итоговом HTML страницы, затем — загружается ли его скрипт.
Где разместить виджет
Не прячьте запись в подвале, если страница уже убедила человека. Но и не показывайте календарь до того, как он понял услугу. Логичное место — после ответа на вопросы «что это», «кому подходит» и «какие условия».
Почему виджет не работает
Пустой блок чаще связан не с расписанием, а с подключением. Проверьте итоговый HTML, загрузку скрипта, ограничения CSP и кэш. Если форма открывается, но нет свободного времени, вернитесь к настройкам услуги и доступности.
Проверка перед публикацией
Откройте страницу в приватном режиме и пройдите запись до подтверждения. Проверьте одну услугу, одну дату, ввод данных, возврат назад, отмену и повторное открытие формы. Затем повторите тест на телефоне.
Следите, чтобы страница не прокручивалась по горизонтали, форма не обрезалась внутри узкого контейнера, а всплывающее окно не оказывалось под шапкой сайта. Если используется кнопка, проверьте клавиатурный фокус и понятное название действия.
