Алгоритм настройки виджета формы записи "Визард"


Виджет записи "Визард" позволяет разместить кнопку записи на вашем сайте, для того чтобы клиенты могли записываться на определенные занятия онлайн, в форме доступен выбор места, предмета, педагога, даты и времени занятия. При заполнении заявки в системе создается карточка клиента в разделе "Лиды", где видна информация о занятии, на которое записался клиент. Для того чтобы настроить виджет необходимо перейти в Настройки CRM (гаечный ключ в верхней панели) и в пункте Инструменты интеграции лидов нажать на надпись Виджет формы записи "визард".


Шаг 1. Настройка формы записи

В разделе "1. Содержание формы" в поле "Заголовок" укажите название формы записи, которое будет выводиться в верху формы, например, "Онлайн запись". При необходимости заполните следующее поле "Подзаголовок". Далее заполните "Текст на кнопку записи", который будет отображаться на кнопке на вашем сайте, например, "Записаться на урок".

Затем в пункте "блоки выбора занятия" можно снять галочку с возможности выбора преподавателя, если это не требуется.

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

Далее в блоке Проверка наличия уроков, доступных для записи онлайн выводится информация о периоде для записи, и уведомление, если нет доступных уроков для записи. К настройке уроков мы приступим после сохранения формы.

Пример заполнения раздела на скриншоте.


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

По умолчанию в форме добавлены поля для внесения имени, email, телефона и галочка для согласия с пользовательским соглашением. В поле "Чекбокс" с надписью "Отправляя эту форму, Вы принимаете условия пользовательского соглашения https://alfacrm.pro/personal" необходимо заменить https://alfacrm.pro/personal на ссылку на политику вашей компании в отношении обработки персональных данных, которую можно разместить на сайте.

В столбце "Тип" задается тип данных, которые возможно внести в поле, например, это будет поле для внесения текста, e-mail, телефона или чекбокс (галочка). Можно настраивать обязательность полей, если установить галочку как "Обязательное".

В столбце "Подпись" можно задать надпись сверху над полем для ввода и подсказку для заполнения, которая выводится внутри поля.

В столбце "Действие" необходимо задать поле в карточке клиента, в которое будет добавлена информация. Обязательное действие для создания карточки клиента "Дополнить имя", его необходимо выбрать в одном из полей формы. Также доступны действия для дополнения e-mail, телефона, примечания и д/р клиента.

Справа от полей выводится знак "-", который позволяет удалить конкретное поле. Через кнопку "+ Добавить поле" можно создать новое поле. Также легко настроить последовательность полей в списке, просто зажмите нужное поле мышкой и переместите выше или ниже относительно других полей.

Пример полей формы записи на скриншоте.


Далее в разделе "3. Поведение после записи" в поле "Текст успеха" введите текст, который увидит клиент при успешном заполнении формы, например, "Спасибо за ваше обращение!". В поле "Е-mail уведомлений" можно указать e-mail, на который будет приходить уведомление при записи через виджет. После внесения данных нажмите "Сохранить", пример заполнения на скриншоте.


Шаг 2. Настройка уроков для записи

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

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

Чтобы добавить регулярное расписание пробных занятий перейдите в раздел меню слева "Уроки (Занятия)", нажмите кнопку "Другое", и выберите из списка пункт "Регулярное расписание". В появившемся окне нажмите "Добавить", в поле "Тип урока" по умолчанию отображается "Пробный", при необходимости выберите другой тип. Затем выберите день недели (либо несколько дней), время, аудиторию, предмет, учителя и период действия расписания. Внизу рядом с пунктом "Возможна запись онлайн" поставьте галочку, чтобы открыть запись онлайн на все занятия по регулярному расписанию. Далее можно установить лимит количества участников при записи через виджет в поле "Лимит участников". Пример заполнения на скриншоте:

Чтобы открыть запись на ранее добавленные разовые занятия в разделе "Уроки (Занятия)" перейдите в нужный день, нажмите на запланированное занятие и выберите вариант "Открыть". В окне установите галочку "Возможна запись онлайн", при необходимости укажите лимит количества участников и нажмите "Сохранить".


Так занятие появится в календаре при записи через виджет, пример отображения в расписании занятий, на которые открыта запись на скриншоте:


Шаг 3. Размещение виджета на сайте

Для интеграции виджета с вашим сайтом перейдите через Настройки CRM (гаечный ключ в верхней панели) в раздел Виджет формы записи "визард". В появившемся окне в левом нижнем углу нажмите кнопку Интеграция (если этой кнопки нет, нажмите "Сохранить" справа, чтобы применить параметры виджета). В новом окне можно настроить параметры формы записи и сгенерировать код для встраивания формы.


В разделе "1. Параметры создания лида" выберите этап воронки, на который автоматически будет добавлен лид, и источник его привлечения при онлайн записи. Если необходимо добавить новые источники для выбора, можно переключиться слева в раздел меню "Лиды" и через кнопку "Другое" в пункте "Управление источниками" добавить нужные.

Далее в разделе "2. Настройки внешнего вида формы" выберите параметры отображения. Можно настроить положение формы справа или слева на экране, при этом в окне предпросмотра будет изменяться схема отображения визарда. Также можно задать определенный цвет для фона, текста, кнопок и цвет затенения страницы.

После настройки параметров отображения скопируйте сформированный код из раздела "3. Добавьте этот код HTML" и вставьте в код вашего сайта в любое место страницы до закрывающегося тега </body>.

Для кнопки, которая откроет виджет для записи на занятия на вашем сайте, используйте пример кода из раздела "4. Добавьте CSS класс".

Пример отображения формы записи после выбора занятия в виджете на сайте:


По вопросам работы виджета формы записи "Визард", можно обратиться к операторам в чате в системе в правом нижнем углу, либо на почту support@alfacrm.pro.