🔥 АКЦИЯ в МАРТЕ от ENVATO!
Скидка 40% на некоторые премиум темы и плагины WordPress: TheGem, XStore, X|The Theme, Soledad, Martfury и др.
🔴 Темы WordPress по акции | 🔴 Плагины WordPress по акции

Создаем пошаговую форму с помощью Elementor и Piotnet Addons

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

Для WordPress существуют плагины, которые позволяют создавать пошаговые формы. Например, тот же Contact Form 7, WPForms и др. В этом видео я расскажу как создать пошаговую форму с помощью плагинов Elementor и Piotnet Addons for Elementor.

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

Если у вас возник вопрос, не стоит теряться в догадках. Задайте его в комментариях. Задать вопрос

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

Например, 5 месяцев назад разработчики др. визуального конструктора «Oxygen» намекнули, что их конструктор ничем не хуже Elementor и не уступает ему. Таким образом, они укусили Elementor за ногу, давая понять, что мы дышим вам в спину и при самом удобном случае нанесем сокрушительный удар. Ладно, увидим кто победит. Но, Elementor развивается очень быстро, видно, что уступать свое первенство он никому не собирается и готов драться жестко и до конца.

Так что, если вы еще не знакомы с Elementor, то сейчас самое время это начать делать.

Создаем пошаговую форму с помощью Elementor и Piotnet Addons
Пошаговая форма созданная с помощью Elementor и Piotnet

Содержание видео

  • Вступление — Пошаговые формы. Где и как их можно использовать.
  • Elementor в скором времени сделают также возможность создавать пошаговые формы.
  • Конкуренция между визуальными конструкторами. Oxygen дышит в спину Elementor.
  • Ингредиенты для создания пошаговой формы: CMS WordPress, шаблон, плагин Elementor и плагин Piotnet Addons for Elementor.
  • Пару слов о плагине Piotnet Addons for Elementor.
  • Обзор пошаговой формы на моем примере.
  • Как я создал такую форму. Создаем страницу для вывода формы и добавляем виджет формы. Настройки формы.
  • Создаем шаги. Первый шаг формы, тип поля — Image Select.
  • Второй шаг формы, тип поля — Radio.
  • Третий шаг формы. Четвертый шаг формы.
  • Пятый шаг формы: предпросмотр выбранных опций, заполнение персональных данных и отправка формы.
  • Создаем модальное окно (popup).
  • Выводы. Алгоритм создания пошаговой формы (карта формы).
Создаем пошаговую форму с помощью Elementor и Piotnet Addons

Полезные ссылки


Если твой бизнес связан с: онлайн-курсами, вебинарами, онлайн-тренингами и коучингом, то FONDY — лучший сервис приема платежей на твоем сайте.
 

Понравилась статья? Поделиться с друзьями:
ОБ АВТОРЕ
Николай Пекарский
Автор сайта. Фрилансер. Занимаюсь созданием сайтов на WordPress, локализацией шаблонов и плагинов WordPress.
Добавить комментарий

Используйте теги <code>Здесь ваш код</code>, чтобы вставить код в свой комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Задать вопрос