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

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

Важно! На данный момент в личном кабинете можно найти два типа форм: старые и новые. Старые формы имеют оранжевую обводку и менее гибкую настройку. О том, как работать с ними можно найти информацию ниже в инструкции. Если же вы настраиваете новые формы, то инструкция по их настройке расположена тут: инструкция

Виды форм

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

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

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

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

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

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

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

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

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

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

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


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

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

1. Сообщение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

Стиль

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

1. Без стиля

2. Простой

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

4. Цветной

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

Размер

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

Цвет формы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


 3. “Галочка”
 


 4. “Текст”
 


 

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

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


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

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

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

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

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


 

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

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

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

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

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

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

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

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

Вы нашли ответ?