Формы захвата в воронках, поля форм

В данной статье мы рассмотрим, как добавить форму захвата в воронку продаж и как настраивать её поля и внешний вид.

Форма захвата (иногда её ещё называют "лид-форма") - это всплывающее окно, в которое клиент вносит свои данные (имя, телефон, e-mail) для того, чтобы оставить заявку или получить обратную связь.

• Типы форм захвата
• Типы элементов формы
• Общие настройки формы
• Поля формы
• Редактирование формы
  • Вставка картинки
  • Текст
  • Кнопка вызова формы
  • Видео
  • Подписка на новости

 

Типы форм захвата

Чтобы добавить на страницу воронки форму захвата, нажмите кнопку добавления блока, после чего во вспылывающем окне выберите пункт "Формы захвата" (рис. 1).

Рисунок 1.

Всего доступно несколько форм захвата. Рассмотрим ниже каждую из них.

Обычная форма (рис. 2):

Рисунок 2.

В данной форме есть следующие поля для заполнения: имя клиента, телефон, почта.

Форма подписки (рис. 3):

Рисунок 3.

В данной форме есть только поле для ввода e-mail.

Форма с картинкой справа (рис. 4):

Рисунок 4.

В данной форме есть такие же параметры, как и в обычной форме (рис. 2), а ещё добавлена картинка справа. Поля для ввода располагаются вертикально.

Форма с картинкой слева (рис. 5):

Рисунок 5.

Данная форма аналогична форме с картинкой справа (рис. 4), только картинка и форма захвата поменяны местами.

Форма с текстом справа (рис. 6):

Рисунок 6.

Данная форма аналогична форме с картинкой справа (рис. 4), только вместо картинки размещен текст.

Форма с текстом слева (рис. 7):

Рисунок 7.

Данная форма аналогична форме с картинкой слева (рис. 5), только текст размещен справа.

Форма по центру (рис. 8):

Рисунок 8.

Данная форма аналогична обычной форме (рис. 2). Различие заключается в вертикальном расположении элементов и их центрировании на странице.

Форма с видео (рис. 9):

Рисунок 9.

Данная форма аналогична форме с картинкой справа (рис. 4), только вместо картинки размещается видео.

 

Типы элементов формы

Ниже мы приведем сравнительную таблицу - в каких типах форм захвата какие элементы есть:

Тип формы \ Элемент	Форма	Картинка	Текст	Заголовок	Кнопка вызова формы	Кнопка действия	Видео	Подписка на новости
Форма	+			+				+
Форма подписки	+			+				+
Форма с картинкой справа	+	+		+				+
Форма с картинкой слева	+	+		+				+
Форма с текстом справа	+		+	+				+
Форма с текстом слева	+		+	+				+
Форма по центру	+			+				+
Форма с видео	+			+			+	+

Таблица 1.

На основе данной таблицы можно можно сделать вывод, что у форм захвата могут быть следующие элементы:

• поля для ввода контактов
• кнопка отправки данных
• чекбокс подтверждения обработки персональных данных
• картинка
• текст
• дополнительный заголовок
• кнопка вызова формы
• кнопка действия
• видео
• функция подписки на новости

 

Общие настройки формы

Перейдите в настройки блока с формой обратной связи.

В открывшемся окне перейдите на вкладку "Внешний вид" (рис. 10):

Рисунок 10.

На этой вкладке вы можете:

• выбрать цветовую схему
• задать отступ сверху и снизу
• добавить изображение на фон
• настроить отображение блока в мобильной версии

 

Поля формы

Рассмотрим подробно настройку вкладки "Форма" - "Поля формы" (рис. 11).

Рисунок 11.

Заголовок - заголовок блока, он выделяет название блока в воронке.

Подзаголовок - находится под заголовком, имеет меньший шрифт и в нем описана суть формы захвата.

Текст кнопки - текст, который отображается на кнопке.

Показывать соглашение - данная опция отображает согласие клиента на обработку персональных данных в рамках 152-ФЗ.

Соглашение принято по умолчанию - если поставить эту галочку, то согласие клиента на обработку данных по умолчанию уже будет стоять в форме.

Текст пользовательского соглашения - в данном поле рекомендуется разместить ссылку на пользовательское соглашение.

 

Также, под списком уже существующих полей есть кнопка Добавить новый элемент - она позволяет добавить новое поле в форму. Рассмотрим его более подробно (рис. 12).

Рисунок 12.

1. данная область позволяет перетаскивать поле вверх или вних путем зажатия на нем левой кнопки мыши
2. название для поля
3. здесь вы можете задать связь поля и соответствуюего поля лида в CRM
4. активировав данную галочку, вы сделаете поле обязательным для заполнения
5. данная кнопка удаляет поле

 

Связь настроек формы захвата и их представления в форме захвата проиллюстрирована на рис. 13.

Рисунок 13.

Вкладки "Действия после отправки", "Цели" и "Товар" более подробно описаны в отдельной инструкции.

 

Редактирование формы

Вставка картинки

Вставка картинки доступна в формах "Форма с картинкой справа" и "Форма с картинкой слева".

Для того, чтобы отредактировать картинку после размещения такой формы, наведите курсор на картинку и нажмите на значок редактированиея (рис. 14).

Рисунок 14.

Более подробно работа с изображениями в воронке описана в отдельной статье.

 

Текст

Вставка текста доступна в формах захвата "Форма с текстом справа", "Форма с текстом слева", "Текст с кнопкой", "Текст с заголовком и кнопкой".

Для редактирования текста наведите курсор на текст и нажмите на значок редактирования (рис. 15).

Рисунок 15.

Более подробно работа с текстами в воронке описана в отдельной статье.

 

Кнопка вызова формы

Данный способ вызова формы описан в соответствующей статье.

 

Видео

Вставка видео используется только в форме захвата с видео. Для вставки видео в настройках формы перейдите во вкладку "Настройка видео", вставьте ссылку на видео и сохраните настройки (рис. 16):

Рисунок 16.

 

Подписка на новости

Свойством подписывать пользователей на новости обладают все формы захвата - при условии, что в полях формы указана почта для заполнения. Тогда, если клиент ввёл в форму свой e-mail и отправил форму - он автоматически добавится в список подписчиков на новости.

 

Готово. Мы рассмотрели, как добавить форму захвата в воронку продаж и как настраивать её поля и внешний вид.