Содержание
- Очередь просмотра
- Очередь
- YouTube Premium
- Хотите сохраните это видео?
- Пожаловаться на видео?
- Понравилось?
- Не понравилось?
- Текст видео
- Bootstrap snippet + Contact Form 7
- Плагин последовательной формы Contact Form 7
- Плагин конструктор Multi Step Form (не CF7)
- Платные плагины
Очередь просмотра
Очередь
- Удалить все
- Отключить
YouTube Premium
Хотите сохраните это видео?
- Пожаловаться
Пожаловаться на видео?
Выполните вход, чтобы сообщить о неприемлемом контенте.
Понравилось?
Не понравилось?
Текст видео
There is an add-on plugin for Contact Form 7 that allows you to create a multi-step form that spans several pages, like an application for instance.
Contact Form 7 Multi-Step Forms is a plugin from a different author. It works with Contact Form 7 to collect information using a multi page form. Contact Form 7 must be installed along with this add-on for this plugin to operate properly.
Code for next page location:
on_sent_ok: «location.replace(‘REPLACE-WITH-URL’);»
hidden shortcode format
[hidden step «1-3»]
Bootstrap snippet + Contact Form 7
- Копируем JS и CSS на наш сайт. Без JS кода переходы не будут работать. А стили дают нужный вид форме.
Создаем новую форму Contact Form 7 и копируем в неё HTML код.
Нужно заменить все поля ввода на элементы управления CF7. Не забудьте про кнопку «Отправить» в конце формы.
- Собственно, всё, дизайн готов. Копируем шорткод на страницу и наслаждаемся. Далее вы знаете как довести форму и тело сообщения до работающей отправки.
Ничего сложного. В сети выложены много готовых сниппетов (на сайтах подобным https://www.bootply.com) и вы легко найдете подходящие для себя, даже если не умеете верстать самостоятельно красивые формы.
Плагин последовательной формы Contact Form 7
Последовательность состоит не из одной, а из нескольких страниц и форм. Иногда это то, что требуется.
Для каждого шага нужно создать страницу и форму. В шаблоне формы вставляется тег multistep, с указанием текущего шага, количества шагов и ссылки на следующую страницу.
Сообщение отправляется последней формой, поэтому в её тело сообщения нужно собрать все нужные теги из остальных/предыдущих форм.
Наверное, не совсем удобно делать несколько форм. Ну а в остальном, плагин полезный.
Плагин конструктор Multi Step Form (не CF7)
Плагин позволяет создать отзывчивую форму с помощью привычного перетаскивания элементов.
Инструкция (https://mondula.com/en/2017/01/06/multi-step-form-anleitung/) абсолютно вся в картинках. Поэтому разобраться не сложно.
За неё разработчику отдельный жирный плюс.
Платные плагины
Подойдет для более сложных дизайнов, лендингов и пр, с большим количеством полей.
Разумеется, этот плагин сделает за вас все сложные технические шаги.
Как видите, варианты есть практически на любую ситуацию, где требуется пошаговое отображение, но единая отправка формы.
Multi-step forms are great for newsletters, applications, or for marketing purposes.
This is the 1st of 3 contact forms demonstrating the Contact Form 7 Multi-Step Forms plugin. These forms will not send any emails. Fill out the form and click next to see step 2. Click on the link below the form to view the form’s relevant code.
Источник:
