Все для начинающих интернет-предпринимателей

Как создать многостраничную контактную форму в WordPress

podpisnaia-forma

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

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

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

Создание многостраничной формы

Создание формы с нуля занимает очень много времени. Поэтому многие владельцы веб-сайтов теперь используют плагины WordPress. Сегодня мы покажем вам, как легко создать многостраничную форму с помощью плагина WPForms.

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

Итак, скачиваем, устанавливаем и активируем плагин. Далее, переходим в WPForms и нажимаем на «Add New» (Добавить новую страницу). Этим самым вы запустите Form Builder.

WPForms-1

WPForms-2

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

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

WPForms-3

WPForms-4

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

WPForms-5

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

WPForms-6

Как только вы добавили несколько полей формы, теперь можно добавить в нее новую страницу. Нажмите на поле «Разрыв страницы» в разделе «Fancy Fields» в левом столбце.

WPForms-7

Вы заметите, что WPForms добавит маркер разрыва страницы внизу и маркер первой страницы вверху страницы.

WPForms-8

На вашей первой странице будет кнопка «Далее».

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

WPForms-9

WPForms-10

Для этого урока мы будем использовать «Полоса заполнения» в качестве индикатора выполнения. Вы также можете выбрать цвет индикатора вашей страницы. Наконец, вы можете написать заголовок для первой страницы.

WPForms-11

Теперь вам нужно нажать на маркер разрыва страницы, чтобы редактировать его свойства. Здесь вы можете указать название для следующей страницы. Вы также можете редактировать текст для отображения на кнопке «Далее».

WPForms-12

Если вам нужно вы можете добавить больше полей, и больше разрывов страниц. Закончив создание формы, нажмите кнопку «Сохранить» в правом верхнем углу экрана. Поздравляем, вы успешно создали свою первую многостраничную форму.

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

Создайте новый пост / страницу или отредактируйте существующий. В верхней части редактора сообщений вы увидите кнопку «Добавить форму».

WPForms-13

Нажав на нее, вы увидите всплывающее окно со вставкой. Выбираем нужную форму из выпадающего списка и жмем на кнопку «Добавить форму».

WPForms-14

Вы заметите WPForms добавил SHORTCODE в пост или страницу. Теперь вы можете сохранить сие действие. Посетите ваш сайт, чтобы увидеть ваше творение в действии.

Многостраничные формы — отличный вариант, когда вам нужно собрать много информации, но вы не хотите перегружать своих пользователей, то лучше их не использовать. А у нас на этом все. Всем пока!

С уважением Вячеслав и Валерия!

Понравился материал? Поделитесь с друзьями!



Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *