1. Форма заявки: полная инструкция

Содержание:

  1. Виды форм
    1. Виджет “Форма”
    2. Виджет “Горизонтальная форма”
    3. Виджет “Форма с одним полем”
    4. Виджет “Кнопка с формой”
  2. Настройки виджета “Форма”
    1. Вкладка “Форма”
    2. Вкладка “Вид”
    3. Вкладка “Поля”
    4. Вкладка “Соглашение”
  3. Настройка полей
    1. Добавить поле и изменить его тип
    2. Переименовать поле
    3. Изменить порядок отображения полей

 

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

Важно! Все заявки с форм поступают в личный кабинет в раздел “Заявки”. Уведомление о поступлении заявки  можно настроить в настройках страницы во вкладке “Контакты” (как добавить контакт к странице).
Для начала необходимо выбрать нужный виджет формы.

Виды форм

1 Виджет “Вертикальная форма”

Виджет можно выбрать в верхней части редактора и перетащить внутрь секции.

2017-10-13_1210

 

2 Виджет “Горизонтальная форма”

Виджет можно выбрать в верхней части редактора и перетащить на секцию.

2017-10-13_1211

 

4 Виджет “Кнопка с формой”

Виджет можно выбрать в верхней части редактора и перетащить на секцию, всплывающее окно открывается нажатием левой кнопки мыши на установленную кнопку.

Oct-13-2017 12-14-47

Настройки виджета “Форма”

 

Вкладка Форма:


Название формы (для статистики)

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


Интеграция с сервисами


В данном поле можно подключить настроенные интеграции.
Инструкция по подключению интеграций.

Действие после отправки

1. Сообщение

После отправки, будет появляться всплывающее окно с сообщением, что заявка принята, также вы можете изменить текст сообщения.

image07=

2. Перенаправление

После отправки, будет выполнено перенаправление пользователя на указанный ниже адрес
Важно! Перед адресом сайта обязательно писать http:// или https:// – если вы активировали функцию HTTPS (SSL).

3. Сообщение + Перенаправление

После отправки, будет появляться всплывающее окно с сообщением что  заявка принята + будет выполнено перенаправление пользователя на указанный ниже адрес
Важно! Перед адресом сайта обязательно писать http:// или https:// – если вы активировали функцию HTTPS (SSL).

4. Переход к оплате

После отправки, будет выполнен переход на страницу оплаты, если выбрана интеграция в настройках страницы, данная функция доступна на тарифе Бизнес+

5. Сообщение + Переход к оплате

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

6. Вставка HTML кода

Данная функция позволит вам установить сторонний HTML код для действий после отправки сообщения, этот код будет вставлен перед закрывающим тегом BODY

7. Выполнение JavaScript кода

Данная функция позволит вам установить сторонний JavaScript код для действий после отправки сообщения, этот код выполняется после успешного отправления заявки

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

Вкладка “Вид”

 

Структура формы


Структура формы может быть “Горизонтальной” или “Вертикальной”, от этого зависит расположение полей и кнопки отправки.

 

Горизонтальная Вертикальная
image08  image14=

 

Стиль

Задать индивидуальный стиль вашей форме, можно именно в этой настройке. На выбор у вас есть несколько вариантов:

1. Без стиля

image11=

2. Простой

image25=

3. Простой с цветным заголовком

image21=

4. Цветной

image10=

5. Цветной прозрачный (создаётся полупрозрачный фон)

image16=

Размер

Размер позволяет задать определенный размер вашей формы, это может быть Маленький, Нормальный или Большой размер.
Изменить ширину формы можно потянув за левый или правый край формы.

image24=

Цвет формы

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

Скругление обводки

Вы можете закруглить края вашей формы.

Oct-13-2017 12-27-05

Показывать заголовок

Если вам не нужен заголовок, то вы его можете скрыть, кликнув на данную настройку

Oct-13-2017 12-28-29

Градиент в заголовке

Градиент в заголовке позволяет изменять цвет от более светлого к темному

Oct-13-2017 12-29-17

Вкладка “Поля”

 

Скругление обводки

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

image17=

Положение текста

Название полей можно отобразить в разном положении:

1. Слева от поля

image06=

2. Сверху поля

image19=

 

3. Внутри поля

image03=

Ширина поля (доступна только в горизонтальной)

Если в горизонтальной форме поля слишком узкие, то вы можете их расширить настройкой “Ширина поля” и задать нужный вам размер.

image12=

Вкладка “Соглашение”

Согласие на обработку данных

Согласие на обработку данных” можно добавить к форме в виде:

20170627163203

1. “Не требовать”
При выборе данного вида соглашение не будет добавлено к форме.

2. “Кнопка”
20170627152428
3. “Галочка”
20170627152507
4. “Текст”
20170627152532

Для “Текста” и “Галочка” доступно редактирование текста, который отображается в форме.

20170628083209

Добавить кликабельную ссылку можно заключив нужный текст в угловые скобки < … >
Например:
Вариант 1: Даю согласие на <обработку персональных данных>
Где <обработку персональных данных> становится кликабельной ссылкой для открытия всплывающего окна с информацией.

20170628090227
Вариант 2: <Даю согласие на обработку персональных данных>
Где мы перенесли скобку в начало текста и сделали его кликабельным.

20170628090451

Окно с условиями

20170627161217

1. Общее для всех форм на странице – соглашение (которое появляется при нажатии на ссылку “Обработка персональных данных“) будет доступно для всех форм на странице.

2. Уникальное для этой формы
– соглашение будет уникальным для каждой формы на странице.

Как редактировать текст соглашения?

Шаг 1. Необходимо перейти в “Настройки формы (гаечный ключ)” – “Соглашение”  и выбрать нужный тип отображения “Согласие на обработку данных“.

obrdan2

Шаг 2. После добавления соглашения на форму необходимо открыть всплывающее окно и прописать в него информацию.
Сделать это можно, нажав на ссылку “Обработка персональных данных“.

obrdan3

Настройка полей

Добавить поле и изменить его тип

Изначально в форме имеются стандартные поля (например, имя и электронная почта).
Если нам необходимо добавить еще несколько полей с разным типом, то это можно сделать нажав на кнопку “Добавить поле”, выбрать нужный тип поля, установить галочку “Обязательное поле”, если вы хотите чтобы пользователь не смог отправить сообщение не заполнив данное поле.

image09=

Переименовать поле

Также мы можем изменить название поля в настройках поля.

image02=

Изменить порядок отображения полей

Мы можем поднять нужное поле выше или опустить его ниже

image01=

Была ли эта статья полезна?

Похожие статьи