Всё о форме

Настраиваем самый важный элемент лендинга

ПОСТЫ ЭТОЙ РУБРИКИ


Всё о форме

Публикуем подборку материалов о самом важном элементе продающей страницы – форме заявки.

Как разместить?

Какие бывают формы, сколько их должно быть на лендинге, как добавить форму и где её разместить. Инструкция здесь

Дизайн

Форма – это виджет. Её можно выбрать в верхней части редактора и переместить внутрь любой секции или использовать шаблон секции, где уже размещены стандартные формы. Выбираем вид формы, настраиваем

Настраиваем сообщение после отправки формы

Для каждой формы можно прописать действие после отправки в настройках формы в поле “Действие после отправки“:

Для действий “Сообщение“, "Сообщение и перенаправление", "Сообщение + переход к оплате", "Сообщение + Вставка HTML кода" можно настроить текст сообщения.

После отправки формы, но перед показом, сообщение проходит обработку шаблонизатором (функция template из библиотеки Lo-Dash).

Если вписать в качестве сообщения следующий код:

То при заполнении формы

Размещать ли форму на первом экране?

Первый экран – знакомство клиента с продавцом и его товаром. Как при знакомстве с человеком нужно 7 секунд, так и при знакомстве с сайтом – один взгляд и посетитель закрывает страницу или скролит вниз. Логично сразу рассказать о товаре и его стоимости, разместить на первом экране форму заявки и кнопку “Заказать”.

Первый экран с полной формой заявки Первый экран с полной формой заявки

Но форма с несколькими полями:

Сообщение после отправки формы

Что клиент увидит после заполнения формы?

В настройках формы можно выбрать действие после отправки:

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

Не забудьте написать http:// или https:// перед адресом сайта.

  • Отправка сообщения и перенаправление на указанный адрес:

Важно: согласие на обработку персональных данных

О чем чаще всего забывают, размещая форму на лендинге?

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

Для этого в настройках виджета

Форма: настройка полей

Сколько полей должно быть внутри формы?

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

Стандартное поле формы

Форму должно быть легко заполнить: обычно достаточно имени и номера телефона или имени и электронной почты.

Пример стандартного поля с именем и номером телефона Стандартного поля с именем и почтой Поля с именем и почтой, дополнительное

Форма: дизайн

Форма – это виджет. Её можно выбрать в верхней части редактора и переместить внутрь любой секции или использовать шаблон секции, где уже размещены стандартные формы.

Секция "Форма"

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

Виджет

Три способа разместить форму заявки

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

В серии материалов о форме разбираемся в видах, учимся размещать форму на странице, настраивать её и обрабатывать заявки.

В этой статье:

  • Какие бывают формы?
  • Сколько форм