Виджет онлайн-записи на сайт: какие бывают способы
Поставить запись на сайт можно тремя способами: кнопкой-ссылкой, которая открывает страницу записи, всплывающим окном поверх сайта и формой, встроенной прямо в страницу. Самый надёжный — кнопка-ссылка: она работает в любом конструкторе сайтов и любом браузере. Встраивание удобнее, но зависит от того, разрешает ли сервис показ формы внутри чужих сайтов.
| Способ | Как ставится | Плюсы | Риски |
|---|---|---|---|
| Кнопка-ссылка | Обычная ссылка на адрес страницы записи | Работает везде, ничего не ломает | Клиент уходит с сайта на страницу записи |
| Всплывающее окно | Скрипт, который рисует кнопку и открывает форму поверх сайта | Клиент остаётся на сайте | Перекрывает чат и баннеры, зависит от разрешения на показ во фрейме |
| Встроенная форма | Код iframe в блок страницы | Форма видна сразу, без клика | Прокрутка внутри прокрутки на телефоне, тот же запрет на фрейм |
| QR-код | Картинка на стойке, визитке, витрине | Запись с улицы и из очереди | Нужна крупная печать и понятная подпись |
Что подготовить до установки кода
Форма записи показывает клиенту то, что заведено в программе: услуги, цены, мастеров и их свободное время. Если прайс неполный или графики мастеров не заполнены хотя бы на две недели вперёд, форма откроется пустой. Поэтому сначала наводят порядок в данных и правилах записи, а уже потом ставят кнопку.
- Услуги с ценой и длительностью. Длительность важнее цены: по ней считаются свободные окна, и ошибка на 15 минут даёт накладки уже в первый день.
- Графики мастеров минимум на 14 дней вперёд. Клиенты чаще всего записываются за 2–7 дней, а без графика форма не предложит ни одного окна.
- Шаг записи — 15 или 30 минут. Слишком мелкий шаг дробит день мастера на неудобные окна, слишком крупный прячет свободное время.
- Минимальное время до визита — обычно 1–2 часа, чтобы никто не записался за 5 минут до начала.
- Правила отмены: за сколько часов клиент может отменить или перенести запись сам.
- Согласие на обработку персональных данных и ссылка на политику. Форма собирает имя и телефон, поэтому без согласия её нельзя ставить на сайт.
Установка на сайт: пошаговый порядок
Кнопку ставят туда, где клиент принимает решение: в шапку, на первый экран, на страницы услуг и в контакты. В конструкторе сайтов ссылку вставляют в настройки кнопки, а код скрипта или iframe — в блок «HTML-код». После публикации сайт обязательно открывают не в редакторе, а как обычный посетитель.
- 1Скопируйте адрес страницы записиЭто основа любого способа. Проверьте его в браузере до того, как вставлять на сайт: форма должна открыться и показать услуги.
- 2Поставьте кнопку в 3–4 местаШапка сайта, первый экран, каждая страница услуги и страница контактов. Одна кнопка внизу главной страницы собирает в разы меньше записей.
- 3Назовите кнопку действием«Записаться онлайн» или «Выбрать время» работают лучше, чем «Подробнее» или «Оставить заявку»: клиент понимает, что запишется сразу, а не будет ждать звонка.
- 4Решите, где открывается страницаНа телефоне удобнее открывать страницу записи в той же вкладке: новая вкладка на мобильном часто теряется, и клиент не может вернуться на сайт.
- 5Опубликуйте и откройте сайт как посетительРежим редактора конструктора часто не выполняет скрипты и не показывает встроенные формы. Проверять нужно опубликованную версию.
Проверка с телефона: чек-лист на 15 минут
Больше половины записей делают с телефона, поэтому проверять форму нужно на телефоне и через мобильный интернет, а не на компьютере в офисе. Пройдите запись до конца на тестового клиента, убедитесь, что она появилась в журнале и что пришло уведомление, затем отмените её.
- Откройте сайт с телефона через мобильный интернет, не через Wi-Fi салона. Проверьте хотя бы два браузера: встроенный и тот, что открывается из мессенджера.
- Кнопка видна на первом экране и не перекрывает чат, баннер о файлах cookie или кнопку звонка.
- Форма открылась за 2–3 секунды. Если вместо неё пустой прямоугольник — сервис запрещает показ формы внутри чужих сайтов, замените встраивание кнопкой-ссылкой.
- Поле телефона открывает цифровую клавиатуру, текст не мелкий, кнопки нажимаются пальцем с первого раза.
- Выберите услугу, мастера и время, заполните данные тестового клиента и дойдите до экрана «Готово».
- Запись появилась в журнале у нужного мастера и в нужное время, без сдвига на час из-за часового пояса.
- Клиенту пришло подтверждение: сообщение или письмо, как настроено в уведомлениях.
- Отмените тестовую запись и проверьте, что окно снова свободно.
Повторяйте проверку
Раз в месяц и после любых правок сайта. Обновление шаблона или новый баннер часто незаметно ломают кнопку, а узнают об этом по падению онлайн-записей через две-три недели.
Частые ошибки формы и как их исправить
Большинство проблем с онлайн-записью видно по одному признаку: клиент открывает форму и не доходит до конца. Причины повторяются от салона к салону: пустой список услуг, нет свободных окон, лишние поля, неожиданная предоплата на последнем шаге и форма, которая не открывается внутри сайта на телефоне.
| Что видит клиент | Причина | Что сделать |
|---|---|---|
| Услуги нет в списке | Услуга не открыта для онлайн-записи или её не выполняет ни один мастер | Отметить услугу для онлайн-записи и привязать мастеров |
| Нет свободного времени | Не заведён график, слишком большое минимальное время до визита или короткий горизонт | Заполнить графики и проверить правила времени |
| Пустое окно вместо формы | Страница записи запрещает показ внутри чужого сайта | Заменить встраивание кнопкой-ссылкой |
| Бросает на шаге данных | Слишком много обязательных полей | Оставить имя и телефон, остальное — по желанию |
| Бросает перед подтверждением | Предоплата появилась неожиданно | Показывать предоплату на карточке услуги с самого начала |
| Записывается за 10 минут до визита | Не задано минимальное время до визита | Поставить порог 1–2 часа |
Как понять, что запись с сайта работает
Работу формы оценивают по трём числам: доля онлайн-записей среди всех, доля посетителей страницы записи, которые дошли до конца, и доля неявок среди онлайн-записей. Для салона с сайтом ориентир — 20–40 % записей онлайн. Если доля не растёт месяц после установки, проблема почти всегда в размещении кнопки.
Доходимость считают просто: сколько человек открыли страницу записи и сколько записей создано за тот же период. Если доходит меньше 10–15 %, форма теряет клиентов по дороге — ищите шаг, на котором уходят, по таблице ошибок выше. Неявки у онлайн-записей обычно выше, чем у записей по телефону, поэтому напоминание за сутки и за 2–3 часа до визита для них обязательно.
Отдельно отмечайте источник: запись с сайта, из карточки на картах, из соцсети и из мессенджера должны различаться. Иначе невозможно понять, какое размещение приносит клиентов, а какое только занимает место на странице.
Онлайн-запись в IZZI CRM: что есть и чего нет
В IZZI CRM у формы записи есть своя страница с адресом, который вы задаёте сами. Её ссылку копируют одной кнопкой, QR-код скачивают для печати, а запись из формы сразу попадает в журнал с проверкой занятости мастера. На сайт её ставят любым из трёх способов: кнопкой-ссылкой, всплывающим окном или формой прямо в странице.
- Адрес страницы записи — короткое имя латиницей от 3 до 40 символов. Пустой адрес выключает запись, настройки при этом сохраняются. Кнопка «Открыть виджет ↗» показывает форму глазами клиента.
- Три формата формы: «Пошаговый», «Меню» и «Короткий»; путь можно начинать с услуги или с мастера. Имя и телефон запрашиваются всегда, e-mail и комментарий — по вашему выбору.
- Новый вид страницы записи включается переключателем во вкладке «Дизайн»: обложка и объявления в шапке, несколько услуг в одной записи, «любой специалист», календарь месяца и ближайшее время у каждого мастера. Если выключить переключатель, клиенты снова увидят прежнюю форму.
- Акцентный цвет, приветствие и подпись главной кнопки настраиваются, логотип и фото подтягиваются из карточки филиала.
- Правила времени: шаг записи, минимальное время до визита, горизонт записи; отдельно — кому и за сколько часов разрешены отмена и перенос.
- Предоплата видна на карточке услуги до заполнения данных, а после выбора времени клиент может оплатить сразу или нажать «Оплачу позже».
- Галочка согласия на обработку данных обязательна, согласие на рассылки — отдельной галочкой по желанию; от ботов форму защищает капча.
- Во вкладке «Размещение» есть прямая ссылка, QR-код в PNG или SVG, код кнопки и iframe с живым предпросмотром. Показ страницы записи внутри чужих сайтов разрешён. Кнопка открывает форму поверх сайта: на компьютере панелью справа, слева или окном по центру, на телефоне во весь экран. После записи клиент возвращается на сайт одной кнопкой. Встроенная форма сама подстраивает высоту, без прокрутки внутри прокрутки. Оплата предоплаты с сайта открывается в новой вкладке.
- Любую свою кнопку сайта можно сделать кнопкой записи с готовым выбором услуги и специалиста, групповых занятий или покупки абонемента: вкладка выдаёт код кнопки, ссылку для поля «Ссылка» в Тильде или WordPress и прямую ссылку для Wix. Готовый выбор работает в новом виде страницы записи. Куда вставлять код в Тильде, WordPress и Wix, показано там же.
- В «Основных показателях» блок «Источники записей» показывает визиты, долю и выручку по каналам. Для страницы записи можно подключить свой счётчик Яндекс Метрики, а кнопка на сайте засчитывает цель «Запись» в Метрике самого сайта: туда уходит только то, что запись создана, без имени, телефона и суммы. Для 2ГИС и ВКонтакте есть готовые ссылки с меткой и счётчиком записей, всего подключаемых интеграций — 16.
- Если подключён свой терминал оплаты, на новой странице записи продаются абонементы и подарочные сертификаты: клиент платит онлайн и сразу видит оформленный абонемент или код сертификата.
- Звонки может принимать голосовой диспетчер Stexa — отдельный сервис, который подключается к IZZI CRM: он видит то же свободное время и записывает в тот же журнал, а запись помечается своим каналом — так видно, сколько клиентов пришло с сайта, а сколько по телефону.
- Демо-наборы для 26 отраслей приходят с услугами и мастерами, поэтому форму можно открыть и пройти до ввода своих данных. Пошаговая настройка — в справке, 87 статей открыты без регистрации.
- Чего нет: подтверждения телефона кодом из SMS в форме, своих UTM-меток для сайта (источник распознаётся только по готовым меткам площадок) и кнопки записи в Яндекс Картах.