Новые формы заявок

Содержание:

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

10009200

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

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

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

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

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

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

Добавим ещё одно поле «Телефон» с верхней панели виджетов в «Новую форму»

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

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

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

10009203

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

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

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

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

10009205

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

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

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


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

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

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

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

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

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

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

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

100092052.png

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

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

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

100092053.png

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

100092054.png

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

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

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

100092056

 

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

1. Сообщение

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

100092059

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

100092056

 

 

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

100092057

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

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

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

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

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

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

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

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

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

10009221

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

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

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

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

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

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

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


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

10009228

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

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

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

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

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

10009232

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

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

10009233

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

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

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

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

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

10009237

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

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

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

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

10009240

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

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