Пользовательские формы позволяют создавать собственные многошаговые формы и использовать их вместо встроенных Lead Collection (Сбор лидов) или Human Contact Form (Форма связи с человеком). Вы сами выбираете поля, сообщение с благодарностью и кнопку отправки, а затем привязываете форму к разделу, в котором хотите ее показывать.
Где найти формы
Выберите своего чатбота и перейдите в раздел Settings > Forms (Настройки > Формы). На этой странице перечислены сохраненные пользовательские формы. Если вы еще не создали ни одной формы, отображается сообщение "No custom forms yet" с кнопкой Create your first form (Создать первую форму). Пользовательские формы доступны в рамках премиум-функций - если ваш тариф их не включает, появится предложение перейти на более высокий план.
Создание формы
Нажмите New form (Новая форма) или кнопку Create your first form, если список еще пуст, чтобы открыть конструктор форм.
Сборка формы
В конструкторе на одном экране собрано все необходимое для настройки формы, а справа отображается интерактивный предпросмотр. Например, для пиццерии на первом шаге можно собрать контактные данные, а на втором - предпочтения по заказу.
- Form name (Название формы) - внутреннее название, по которому форму можно будет легко найти в выпадающих списках.
- Thank-you message (Сообщение с благодарностью) - подтверждающий текст, который видит посетитель после отправки формы.
- Submit button (Кнопка отправки) - настройте текст на кнопке, при желании выберите иконку и задайте цвет кнопки.
- Вкладки Build (Конструктор) и Custom CSS (Пользовательский CSS) - настраивайте поля визуально или переключитесь на Custom CSS, чтобы применить собственные стили оформления.
Добавление полей
На вкладке Build укажите название шага (необязательно), а затем нажмите кнопку с нужным типом поля, чтобы добавить его. Форма поддерживает до 10 шагов, всего до 50 полей и до 3 полей File upload. Поля с вариантами выбора поддерживают до 100 вариантов каждое.
- Name (Имя) - однострочное поле для имени посетителя.
- Email (Электронная почта) - поле для сбора адреса электронной почты с проверкой формата.
- Phone number (Номер телефона) - поле для номера телефона.
- Date (Дата) - элемент выбора даты.
- Time (Время) - элемент выбора времени.
- File upload (Загрузка файла) - позволяет посетителю прикрепить и отправить файл (подробнее ниже).
- Short answer (Краткий ответ) - однострочное текстовое поле в свободной форме.
- Long answer (Развернутый ответ) - многострочное поле для более подробных сообщений.
- Checkbox (Флажок) - один чекбокс, например, для подтверждения согласия с условиями.
- Dropdown (Выпадающий список) - меню, в котором посетитель выбирает один вариант из списка.
- Single choice (Один вариант) - список вариантов, где посетитель выбирает ровно один пункт.
- Multiple choice (Несколько вариантов) - список вариантов, где посетитель может отметить сразу несколько пунктов.
У каждого поля есть параметры Label (Метка - то, что видит посетитель) и Name (Имя - внутренний ключ для экспорта и уведомлений). Поле можно отметить как Required (Обязательное), задать его ширину (Width), чтобы расположить поля рядом, а также перетаскивать поля для изменения порядка. Для полей Dropdown, Single choice и Multiple choice также задается список вариантов, по одному на строку.
Добавление шагов
В длинных формах лучше распределить поля по отдельным шагам (steps), а не выводить их на одном бесконечном экране. Нажмите Add step (Добавить шаг), а затем добавьте в него нужные поля. Внутри шага поля можно менять местами перетаскиванием. Каждый шаг оформлен в виде отдельной карточки с опциональным заголовком.
Посетители видят каждый шаг как отдельный экран в чате и переходят между ними с помощью кнопок Next (Далее) и Previous (Назад), которые появляются автоматически, если в форме больше одного шага. Если в форме несколько шагов, конструктор также позволяет настроить текст, иконку и цвет для кнопок Next и Previous.
Задавайте каждому шагу понятные и лаконичные заголовки (например, "Ваши данные", а затем "Ваш запрос"), чтобы посетитель всегда понимал, на каком этапе заполнения он находится.
Поля для загрузки файлов
Поле File upload позволяет посетителю прикрепить файл к отправляемой форме. Для каждого такого поля можно задать:
- Accepted extensions (Разрешенные расширения) - список через запятую, например
pdf, png, jpg. Будут приниматься файлы только с этими расширениями. - Max size (Максимальный размер) - максимальный размер файла в МБ, не более 10 МБ.
Файлы проверяются в момент отправки: расширение должно входить в список разрешенных, размер не должен превышать лимит, а фактическое содержимое должно соответствовать заявленному формату.
Интерактивный предпросмотр
Панель Live preview (Предпросмотр) справа показывает форму ровно в том виде, в каком ее увидят посетители, обновляясь по мере добавления полей, шагов и изменения стилей.
Когда форма готова, нажмите Save (Сохранить). Теперь она появится в вашем списке в разделе Settings > Forms.
Использование пользовательской формы
Сохраненная форма сама по себе пользователям не показывается. Ее необходимо привязать к нужному разделу:
- Settings > Lead Collection - откройте выпадающий список Form shown to the visitor (Форма, показываемая посетителю) и выберите вашу пользовательскую форму вместо стандартной.
- Settings > Human Contact Form - откройте выпадающий список Form shown to the visitor и выберите вашу пользовательскую форму вместо стандартной.
После этого посетитель увидит вашу форму при срабатывании соответствующего раздела.
Сначала включите нужный раздел. В Lead Collection доступны формы, содержащие поле Name и поле Email или Phone number. В Human Contact Form отображаются формы, содержащие поле Email; первое поле типа Long answer будет использоваться в качестве сообщения для службы поддержки. Подробнее о триггерах и настройках уведомлений читайте в статьях Сбор лидов и Контактная форма поддержки.
Вы также можете предлагать форму независимо через Settings > Actions > Add action for custom form (Настройки > Действия > Добавить действие для пользовательской формы). Настройте условия, при которых ИИ должен ее показать; простое сохранение формы не активирует действие автоматически.
Как это выглядит для посетителя
Сбор структурированных заявок
Создайте форму и привяжите ее к поддерживаемой функции или действию. Примерные значения уже заполнены; демонстрация не отправляет реальный запрос и не подтверждает бронирование.
Посетитель: Я хочу забронировать столик на пятницу.
Запустите пример или прочитайте его ниже. Реальные данные клиентов не используются.Подходящий запрос активирует настроенную форму.
Воспроизведение приостанавливается, когда пример пропадает с экрана. Это симуляция, а не живой чат. Элементы у правления виджетом во время воспроизведения неинтерактивны.Прочитать пример полностью
- Подходящий запрос активирует настроенную форму.
Посетитель: Я хочу забронировать столик на пятницу.
- Сначала посетитель заполняет свои контактные данные.
Имя: Anna Weber; Эл. почта: anna@example.com
- Кнопка «Далее» переходит к деталям запроса, «Назад» возвращает к контактным данным.
Желаемое время: Пятница, 19:00; Количество гостей: 4
- Пример данных, собранных формой.
Имя: Anna Weber; Эл. почта: anna@example.com; Желаемое время: Пятница, 19:00; Количество гостей: 4
- Полученный запрос не является подтвержденным бронированием.
Ассистент: Ваш запрос получен. Команда подтвердит наличие мест.
Форма появляется прямо в окне чата. На анимации показан запрос на бронирование столика с контактными данными, за которым следуют предпочтения к заказу. На статических скриншотах ниже представлен отдельный пример заказа пиццы: посетитель сначала заполняет шаг Your details (Ваши данные), а затем переходит к следующему шагу.
Посмотреть статический скриншот
На шаге 2, Order preferences (Параметры заказа), отображаются раскрывающийся список Preferred pizza (Предпочитаемая пицца) и поле Additional notes (Дополнительные примечания). Посетитель может вернуться назад с помощью кнопки Back (Назад) или отправить данные, нажав Send request (Отправить запрос). Это названия кнопок, настроенные для данного примера; в вашей форме будут использоваться те подписи, которые вы укажете в конструкторе. После отправки в чате появляется настроенное сообщение с благодарностью. В этом примере поле для загрузки файлов не используется.
Посмотреть статический скриншот
Просмотр ответов на вкладке Leads
Когда посетитель отправляет пользовательскую форму, привязанную к Lead Collection или Human Contact Form, ответ сохраняется как лид. Откройте вкладку Leads (Лиды) вашего бота, чтобы ознакомиться с полученными данными.
Наряду со стандартными параметрами Name, Email, Phone, Collected date и Entry point, в столбце Form data (Данные формы) отображается весь заполненный ответ: название каждого поля и введенное посетителем значение (по одной строке на поле). Для поля File upload указывается имя отправленного файла; в письме с уведомлением о новом лиде и в файле экспорта CSV (кнопка Export на вкладке Leads) будет прямая ссылка для скачивания этого файла.
Из карточки каждого лида можно перейти к полному диалогу (Conversation), чтобы увидеть контекст переписки в момент отправки формы.
Проверьте работу выбранного триггера в разделе Overview (Обзор), пройдите все шаги и отправьте форму. Убедитесь, что сообщение с благодарностью отображается корректно, и проверьте сохраненный ответ. Если уведомления включены, протестируйте их доставку на доступный вам адрес. Ответы из форм, вызванных отдельными действиями (standalone action forms), фиксируются в диалоге; обратите внимание, что не каждая отправка независимой формы создает отдельный лид.