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

Поля и формы

Актуально для версии магазина: 6.5

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

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

 

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

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


Рисунок 1.

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

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


Рисунок 2.

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

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


Рисунок 3.

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

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


Рисунок 4.

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

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


Рисунок 5.

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

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


Рисунок 6.

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

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


Рисунок 7.

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

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


Рисунок 8.

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

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


Рисунок 9.

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

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


Рисунок 10.

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

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


Рисунок 11.

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

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


Рисунок 12.

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

 

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

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

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

Форма

Картинка

Текст

Заголовок

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

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

Видео

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

Форма

+

   

+

     

+

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

+

   

+

     

+

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

+

+

 

+

     

+

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

+

+

 

+

     

+

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

+

 

+

+

     

+

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

+

 

+

+

     

+

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

+

 

+

+

+

   

+

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

+

 

+

+

+

   

+

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

+

   

+

     

+

Две кнопки

+

   

+

+

+

 

+

Форма с видео

+

   

+

   

+

+

Таблица 1.

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

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

 

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

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


Рисунок 13.

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


Рисунок 14.

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

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

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


Рисунок 15.

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


Рисунок 16.

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

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

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

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


Рисунок 17.

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

 

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

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

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


Рисунок 18.

Есть три возможности возможности обновления изображения (п.2,3,4 рис. 18):

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

Текст.

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

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

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


Рисунок 19.

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

 

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

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

 

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

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

 

Видео.

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


Рисунок 20.

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

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

 

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

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

Все готово!

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

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

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

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

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

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