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

Когда и зачем вам могут понадобиться мультистраничные формы в WordPress

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

multistepform - Как создавать мультистраничные формы в Wordpress

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

Создаем мультистраничную форму при помощи WPForms

В этом способе мы будем использовать WPForms, который является наиболее дружелюбным к новичкам плагином контактных форм. Вам понадобится по меньшей мере Basic лицензия, которая будет стоить 39 долларов. После активации вам надо будет ввести ключ лицензии на странице WPForms – Settings в вашем сайте.

wpforms licensekey - Как создавать мультистраничные формы в Wordpress

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

formbuilder - Как создавать мультистраничные формы в Wordpress

Укажите заголовок для своей формы и выберите один из шаблонов.

wpforms formeditor - Как создавать мультистраничные формы в Wordpress

Щелкните по полям слева, чтобы добавить их к себе в форму. Вы также можете просто перетаскивать их.

form fields - Как создавать мультистраничные формы в Wordpress

Добавив несколько формуляров, вы можете добавлять новую страницу. Нажмите на Pagebreak.

addingpagebreak - Как создавать мультистраничные формы в Wordpress

Здесь вы можете настроить переход на другие страницы, добавить простенький прогресс-бар, коннектор и так далее.

edit pagination - Как создавать мультистраничные формы в Wordpress

В рамках этого руководства мы будем использовать Connectors в качестве прогресс-бара. Вы также можете выбрать цвет индикатора вашей страницы. Наконец, вы можете указать заголовок для первой страницы. Вы также можете настроить текст, который будет отображаться возле кнопки Тучею

pagetitle - Как создавать мультистраничные формы в Wordpress

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

Добавление мультистраничной формы в WordPress посты и страницы

WPForms делает процесс добавления форм в посты и на страницы WordPress суперпростым. Создайте новый пост или зайдите в старый, и вы увидите кнопку Add Form.

addformbutton - Как создавать мультистраничные формы в Wordpress

Появится попап, в котором вы можете выбрать тип формы из выпадающего списка.

insertform - Как создавать мультистраничные формы в Wordpress

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

pagedformpreview - Как создавать мультистраничные формы в Wordpress


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — vadim@coma.lv, +371 29394520


Как создавать мультистраничные формы в WordPress
5 1 vote