Как вам помочь ?

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

Статья актуальна для версии магазина: 8.0-8.5 | 7.0-6.5

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

Форма захвата (иногда ее называют лид формой) - это окно, в которое клиент вносит свои данные (имя, телефон, email), для получения обратной связи.

 

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

Для добавления формы захвата Вам необходимо на странице создания воронки продаж нажать “Добавить блок”, после чего в модульном окне выбрать “Формы захвата” (см. рис. 1):

Формы захвата в воронках, поля форм - 6426
Рисунок 1.

При переключении в данный раздел есть несколько готовых вариантов форм захвата. Рассмотрим каждый из них:

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

Формы захвата в воронках, поля форм - 9100
Рисунок 2.

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

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

Формы захвата в воронках, поля форм - 3284
Рисунок 3.

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

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

Формы захвата в воронках, поля форм - 4838
Рисунок 4.

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

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

Формы захвата в воронках, поля форм - 7989
Рисунок 5.

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

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

Формы захвата в воронках, поля форм - 5799
Рисунок 6.

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

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

Формы захвата в воронках, поля форм - 9699
Рисунок 7.

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

Текст с кнопкой (см. рис. 8):

Формы захвата в воронках, поля форм - 2283
Рисунок 8.

Данная форма отображает поля для ввода данных после нажатия на кнопку.

Текст с заголовком и кнопкой (см. рис. 9):

Формы захвата в воронках, поля форм - 2622
Рисунок 9.

Эта форма аналогична (см. рис. 8) за исключением размещенного слева заголовка.

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

Формы захвата в воронках, поля форм - 7830
Рисунок 10.

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

Форма с двумя кнопками (см. рис. 11).

Формы захвата в воронках, поля форм - 6725
Рисунок 11.

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

Форма с кнопкой во всю ширину (см. рис. 12).

Формы захвата в воронках, поля форм - 6904
Рисунок 12.

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

Форма с кнопкой и ссылкой (см. рис. 13).

Формы захвата в воронках, поля форм - 4580
Рисунок 13.

Данная форма содержит кнопку, которая вызовет форму захвата и ссылка отказа (аналогично рис.11).

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

Формы захвата в воронках, поля форм - 7656
Рисунок 14.

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

 

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

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

Тип формы \ Элемент

Форма

Картинка

Текст

Заголовок

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

Кнопка действия

Видео

Форма подписки на новости

Форма

+

   

+

     

+

Форма подписки

+

   

+

     

+

Форма с картинкой справа

+

+

 

+

     

+

Форма с картинкой слева

+

+

 

+

     

+

Форма с текстом справа

+

 

+

+

     

+

Форма с текстом слева

+

 

+

+

     

+

Текст с кнопкой

+

 

+

+

+

   

+

Текст с заголовком и кнопкой

+

 

+

+

+

   

+

Форма по центру

+

   

+

     

+

Две кнопки

+

   

+

+

+

 

+

Кнопка во всю ширину

+

   

+

+

   

+

Кнопка и ссылка внизу

+

   

+

+

+

 

+

Форма с видео

+

   

+

   

+

+

Таблица 1.

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

Сначала мы рассмотрим общие настройки, доступные для каждой формы, затем специальные.

 

Общие настройки.

Для того, чтобы пройти в настройки кнопки, наведите курсор на блок и нажмите на значок шестеренки или слово "Настройки" (см. рис 15):

Формы захвата в воронках, поля форм - 1915
Рисунок 15.

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

Формы захвата в воронках, поля форм - 7829
Рисунок 16.

  1. Внешний вид;
  2. Форма.

При настройке внешнего вида Вы можете выбрать цветовую схему, отступ сверху и снизу, добавить изображение на фон, также включить отображение блока в разных режимах. Более подробно о отображении блока на всех страницах можете узнать в инструкции, показ в мобильной версии - инструкция, про конвертацию в HTML блок - инструкция.

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

Формы захвата в воронках, поля форм - 9629
Рисунок 17.

  1. Заголовок - это заголовок блока, он выделяет название блока в воронке;
  2. Подзаголовок находится под заголовком, имеет меньший шрифт и в нем описана суть данной формы захвата;
  3. Текст кнопки - это текст, который отображается на кнопке;
  4. Название полей, которые отображаются в форме;
  5. Добавить новый элемент - позволяет добавить новое поле на форме. Рассмотрим его более подробно (см. рис. 18):

Формы захвата в воронках, поля форм - 8785
Рисунок 18.

  1. Область - это пункт, который позволяет перетаскивать поле вверх или вних путем зажатия на нем левой кнопки мыши для изменения порядка отображения элементов формы;
  2. Название поля для ввода - Данное название будет выводиться напротив формы;
  3. Выберите пункт - здесь Вы можете задать связь с полем из CRM, когда клиент отправит заявку и она попадет как лид в CRM, то значение заполненного поля в форме захвата отобразится в соответствующем поле лида (подробнее о "Cоздании лида" );
  4. Активировав данную галочку, Вы укажите, должно ли данное поле ввода быть обязательном для заполнения или нет;
  5. Удаление поля - удаление поля из данной формы захвата.

Далее мы возвращаемся к описанию пунктов рис. 17:

  1. Показывать соглашение - данная опция отображает согласие клиента на обработку персональных данных в рамках ФЗ 152;
  2. Текст пользовательского соглашения - как правило здесь размещают ссылку на пользовательское соглашение и условие, что клиент дает согласие на указанное соглашение;
  3. Сохранить - при нажатии кнопки внесенные Вами изменения сохранятся;
  4. Отмена - окно с редактирование формы закроется без сохранения настроек.

Взаимосвязь настроек формы захвата и их представление в воронке продаж можете посмотреть на рис. 19.

Формы захвата в воронках, поля форм - 9369
Рисунок 19.

Вкладки "Действия после отправки" и "Цели" более подробно можете изучить по инструкциям: Действия после отправки, Цели

 

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

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

После размещения данных форм захвата для того, чтобы отредактировать картинку, наведите на неё курсор мыши и нажмите на значок "Карандаша" (редактирование) (рис.20):

Формы захвата в воронках, поля форм - 7682
Рисунок 20.

Есть три возможности возможности обновления изображения (рис.21):

Формы захвата в воронках, поля форм - 5377
Рисунок 21.

  1. Загрузить изображение с компьютера - в данном случае Вы можете загрузить ранее подготовленный и отредактированный файл графического расширения;
  2. Загрузить по ссылке - загрузить картинку по её URL адресу;
  3. Загрузить изображение из галереи - можно загрузить изображние из фотобанка http://pexels.com, с которым мы интегрировались.
 

Текст.

Вставка текста доступна в формах захвата:

  • Форма с текстом справа;
  • Форма с текстом слева;
  • Текст с кнопкой;
  • Текст с заголовком и кнопкой.

Для редактирования текста наведите курсор на текст и нажмите на значок “Карандаш” (редактирование) (см. рис. 22):

Формы захвата в воронках, поля форм - 3438
Рисунок 22.

Более подробно с возможностями редактирования текст можете ознакомиться по ссылке (Юля Н Тексты Работа со шрифтом. (колонки, размер шрифта, жирности(у каждого шрифта свои жирности)) Убрать форматирование.)

 

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

Данный способ вызова формы захвата описан в статье "Кнопки и скроллы".

 

Кнопка действия.

Данный способ вызова формы захвата описан в статье "Кнопки и скроллы".

 

Видео.

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

Формы захвата в воронках, поля форм - 1064
Рисунок 23.

  1. Перейдите во вкладку "Настройка видео";
  2. Вставьте ссылку на видео.

Нажмите "Сохранить".

 

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

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

Все готово!

Другие статьи по теме

Статья оказалась полезной?
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить свою тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: Поля, поле, форма, формы, захват, захват контактов, лид форма, лидформа, лидоформа, form, forms, форма захвата

Мы используем cookies. Подробнее...
0