Конструктор форм
Создание новой формы
- Перейдите в Формы в боковой панели.
- Нажмите Новая форма.
- Заполните раздел «Основные данные» (см. ниже).
- Добавьте поля в разделе «Поля формы».
- Настройте дополнительные разделы (Внешний вид, Связь с воронкой, Защита от спама).
- Нажмите Сохранить.
Основные данные
| Поле | Описание |
|---|---|
| Назван ие формы | Внутреннее название (используется в панели администратора) |
| Слаг | URL-совместимый идентификатор — генерируется автоматически из названия. Используется в публичном URL: /f/your-slug |
| Отображаемый заголовок | Заголовок, видимый посетителям вверху формы |
| Описание | Необязательный подзаголовок/описание, отображаемое на форме |
| Текст кнопки отправки | Текст на кнопке отправки (по умолчанию: «Отправить») |
| Благодарственное сообщение | Сообщение, показываемое после успешной отправки |
| URL перенаправления | Если задан, перенаправляет на этот URL вместо показа благодарственного сообщения |
| Многошаговая форма | Группирует поля по пронумерованным шагам/страницам |
| Активна | Переключатель для включения или отключения формы |
Поля формы
Каждая форма может содержать неограниченное количество полей. Флажок Согласие GDPR автоматически добавляется последним полем и не может быть удалён.
Добавление поля
В разделе Поля формы нажмите Добавить поле и настройте:
| Параметр поля | Описание |
|---|---|
| Тип | Тип ввода (см. ниже) |
| Метка | Метка поля, видимая посетителю |
| Плейсхолдер / Подсказка | Текст-подсказка внутри поля ввода |
| Ключ поля | Сопоставляет это поле со свойством лида (например, email, first_name, phone) |
| Шаг № | Для многошаговых форм — к какому шагу относится это поле |
| Обязательное | Должно ли поле быть заполнено для отправки |
| Варианты | (Только для выпадающего списка/флажков/переключателей) — один вариант на строку |
Типы полей
| Тип | Описание |
|---|---|
| text | Однострочный текстовый ввод |
| Ввод email-адреса | |
| phone | Ввод номера телефона |
| textarea | Многострочный текст |
| select | Выпадающий список |
| multi_checkbox | Несколько флажков (множественный выбор) |
| radio | Переключатели (единственный выбор) |
| date | Выбор даты |
| number | Числовой ввод |
| hidden | Скрытое поле (предзаполняется из параметра URL) |
Изменение порядка полей
Перетащите поля вверх или вниз для изменения их порядка на форме.
Внешний вид (необязательно)
| Параметр | Описание |
|---|---|
| Цвет фона | Цвет фона контейнера формы |
| URL фонового изображения | URL фонового изображения |
| Название шрифта Google | Шрифт для использования (например, «Inter», «Roboto») |
| URL логотипа | Изображение логотипа, показываемое вверху формы |
Связь с воронкой (необязательно)
Автоматически помещайте новых лидов из этой формы на этап воронки:
- Выберите Воронку.
- Выберите Этап в этой воронке.
Все лиды из этой формы будут начинать с этого этапа.
Защита от спама
Включите reCAPTCHA v3 для защиты от роботных отправок:
- Установите переключатель Включить reCAPTCHA v3.
- Введите ваш Ключ сайта reCAPTCHA и Секретный ключ (из консоли Google reCAPTCHA).
Для каждой формы нужна отдельная пара ключей reCAPTCHA (или используйте одни ключи для всех форм).
Получение кода встраивания
После сохранения формы:
- Перейдите в список Форм.
- Нажмите кнопку Встроить в строке формы.
- Скопируйте HTML-фрагмент и вставьте его на свою веб-страницу.
URL отдельной формы: https://yourdomain.com/f/your-slug
Многошаговые формы
Когда включена Многошаговая форма:
- Назначьте к аждому полю Шаг № (1, 2, 3...).
- Поля с Шагом 1 отображаются на первой странице, Шаг 2 — на второй, и т.д.
- Между шагами появляется навигация Далее / Назад.
- Кнопка отправки отображается только на последнем шаге.
Просмотр аналитики формы
Перейдите в Формы → [ваша форма] → Аналитика (или нажмите значок диаграммы в строке формы), чтобы увидеть:
- Всего просмотров
- Всего отправок
- Конверсию (отправки / просмотры)
- Разбивку отправок по времени