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

Список виджетов «Поля для новых форм»

  1. «Имя»
  2. «Телефон»
  3. «Электронная почта»
  4. «Число»
  5. «Текст»
  6. «Многострочный текст»
  7. «Галочки»
  8. «Галочки с картинками»
  9. «Одна галочка»
  10. «Варианты»
  11. «Варианты с картинками»
  12. «Выпадающий список»
  13. «Файл»
  14. «Ползунок»
  15. «Калькулятор»
  16. «HTML шаблон»
  17. «Политика конфиденциальности»
  18. «Скрытое поле»

Важно! Теперь, если вы заполните поле в редакторе, то на опубликованной оно будет содержать данную информацию. Например, если вы в редакторе в поле “Имя” введете “Святослав”, то на опубликованной это поле будет заполнено. Для того, чтобы ввести другое имя, посетителю потребуется удалить прежнее. Помните, какой в редакторе вы форму оставите, такой она и будет в публикации.

Как добавить нужное поле на «Новую форму»

Шаг 1. В качестве примера на странице установим виджет «Новая форма».
 Вы можете просто перенести ее из меню виджетов:
 


 Шаг 2. «Новая форма» по умолчанию содержит поля «Имя», «Электронная почта» и кнопку «Отправить заявку».
 
 Добавим ещё одно поле «Телефон» с верхней панели виджетов в «Новую форму»
 


 Ура! Поле добавлено в «Новую форму» и теперь при заполнении формы посетитель сайта сможет заполнить все 3 поля.

Как изменить название «Поля»?

Шаг 1. Перейдём в настройки гаечного ключа у виджета «Поле» и в первой вкладке изменим название на нужное нам:
 

Как сделать «Поле» обязательным для заполнения?

Иногда требуется сделать некоторые поля обязательными для заполнения, чтобы посетитель вашего сайта не смог отправить форму без данной информации, например, телефон для обратной связи.
 
 Шаг 1. Перейдём в настройки гаечного ключа у виджета «Поле» и во вкладке «Поле» установим соответствующую галочку:
 


 Теперь наше поле в форме стало обязательным для заполнения и рядом с названием поля появился символ *
 

Как изменить тип «Поля»?

Если случайно добавили на форму не то поле, которое хотели, можно:

  1. Изменить тип поля в настройках виджета.
  2. Удалить и добавить нужное поле из меню виджетов.


 На нашей форме сейчас 3 поля (Имя, Электронная почта, Телефон).
 Давайте изменим поле «Телефон» на «Многострочный Текст»
 Шаг 1. Перейдём в настройки виджета «Поле» (гаечный ключ) и выберем в выпадающем списке нужный нам тип поля «Многострочный текст»:
 


 Шаг 2. Также в настройках виджета «Поле» сменим его название с «Многострочный текст» на «Текст сообщения»:
 


 Ура! Мы изменили тип поля «Телефон» на «Многострочный текст» и теперь посетитель сможет оставить свое сообщение в отправляемой заявке.
 Таким образом, мы можем изменить любое поле в форме на нужное нам!

Настройки виджета «Форма»

Вкладка «Форма»

Название формы

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

Шаг 1. В качестве примера мы изменим название формы «Подписка на рассылку».

Шаг 2. Опубликуем страницу и отправим тестовую заявку.

Теперь в уведомлениях и заявках будет отображаться указанное название формы «Подписка на рассылку».

Пример заявки раздела «Заявки».

Пример заявки «Уведомления».

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

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


 Если созданная интеграция не появилась в выпадающем списке – обновите список интеграций в форме.

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

1. Сообщение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вкладка «Положение»

Положение формы позволит настроить положение формы «Слева», «Справа», «По центру» или «По ширине» в пределах своего виджета.

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

Вкладка «Шаги»

Данная вкладка будет рассмотрена в отдельной инструкции.

Вкладка «Внешний вид»

Вкладка «Форма»

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


 Горизонтальные отступы – позволяют задать отступы справа и слева внутри формы.
 


 Фон – здесь можно выбрать фон для формы.
 


 Обводка – здесь настраиваем «Толщину» и «Цвет обводки» вокруг формы.
 


 Размер тени – позволяет задать размер тени под формой.
 

Вкладка «Поля»

Цвет активных элементов – меняет цвет «Активного поля», который выделен курсором для заполнения, а также «Выделенной галочки», «Ползунка» и многих других элементов.
 


 Размер текста – позволяет задать размер текста внутри поля.
 


 Шрифт текста – позволяет задать шрифт тексту внутри поля.
 


 Размер заголовков – позволяет задать размер текста для названий полей.
 


 Шрифт заголовков – позволяет задать шрифт для названий полей.
 


 Стиль заголовков – позволяет задать один из трех стилей для названий полей: «Простой», «Жирный» и «Заглавные».
 
 


 Внутренние отступы – позволяют задать отступы между полями. Они добавляются ко всем полям в форме сразу.
 

Вкладка «Ввод текста»

Размер полей – позволяет задать размер всех полей на форме.
 


 Скругление – для более круглых углов полей.
 


 Цвет фона – позволяет задать цвет фона для всех полей на форме:
 


 Включить обводку – позволяет управлять «Цветом», «Толщиной» и «Непрозрачностью обводки» полей:
 

Вкладка «Галочки»

Данная вкладка относится к настройкам галочек.
 Размер – позволяет задать размер галочек в форме.
 

Вкладка «Картинки»

Данная вкладка относится к настройкам полей с типом «Список галочек с картинками» и «Список вариантов с картинками».
 Скругление картинок – позволяет задать скругление углов у картинок.
 


 Вертикальные отступы – когда количество вариантов в виджете больше трёх, то между строками вариантов можно добавить вертикальные отступы.
 


 Горизонтальные отступы – позволяют настроить расстояние «Между картинок», «Вокруг элементов» и «Равномерно».
 


 Размер галочки – позволяет задать размер галочки на выбранном варианте.
 

Вкладка «Ползунки»

Данная вкладка относится к настройкам виджета «Поля для новых форм – Ползунок»
 Форма ползунка – здесь можно выбрать, как будет выглядеть ползунок: «Круг», «Квадрат», «Прямоугольник» или «Ромб».
 


 Размер ползунка – позволяет изменить размер ползунка на форме.
 


 Толщина обводки – позволяет задать толщину обводки ползунка.
 

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