Contact Form 7 Multi-Step Forms v4.5

Мне нужна была контактная форма, которая занимала бы несколько страниц и в конце отправляла бы электронное письмо со всей собранной информацией. Этот плагин дополняет популярный плагин Contact Form 7 и делает именно это.

Пример этой работы находится по адресу https://webheadcoder.com/contact-form-7-multi-step-form/.

Требуется плагин Contact Form 7 версии 5.2 или выше от Такаюки Миёси.

Использование

- Создайте одну страницу или запись для каждого шага в многоэтапном процессе. Если у вас есть 3 шага, создайте 3 страницы/записи. При создании ваших форм вам необходимо указать URL-адрес.

- создать форму Контактная форма 7

- Поместите кислород в окончательную форму.

- На вкладке "Шаблон формы" формы "Контактная форма 7" нажмите кнопку "Многошаговый".

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

- URL-адрес следующей страницы - это URL-адрес, содержащий следующую форму. Если эта форма является последним шагом, вы можете оставить поле URL пустым.

- Нажмите "Вставить тег"

- Сохраните заполненную форму и поместите форму шорткода на соответствующую страницу/запись, созданную на шаге 1.

- Повторите для каждой формы в многоэтапном процессе.

- На последнем шаге вы, вероятно, захотите отправить электронное письмо. Обязательно установите флажок "Отправить электронное письмо" на шаге 5. На вкладке "Почта" просто введите почтовые теги, как обычно. Например, если в вашей первой форме есть поле "ваш адрес электронной почты", вы можете включить [ваш адрес электронной почты] на вкладке "Почта" в последней форме. Примечание. CF7 воспримет это как ошибку, поскольку ваш адрес электронной почты может не отображаться в текущей форме. Вы можете смело игнорировать эту ошибку.

Параметры многошагового тега

- Имя - имя этого многошагового тега формы. Это необходимо, но в настоящее время не используется.

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

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

- Отправить электронное письмо - если этот флажок установлен, форма отправит электронное письмо, как при обычной отправке контактной формы 7.

- Пропустить сохранение - если вы используете Flamingo или CFDB7 для сохранения отправленных данных в базу данных, это не позволяет сохранить эту отправку формы.

- URL-адрес следующей страницы. Это URL-адрес, на который перейдут ваши пользователи после отправки формы.

[multistep multistep-123 последний_шаг send_email Skip_save "/спасибо"]

Дополнительные теги

[множественное "ваше имя"]

Многоформовый тег формы можно использовать для отображения поля из предыдущего шага. Замените свое имя на имя вашего поля. Это предназначено только для использования на вкладке "Форма", этот тег не будет работать на вкладке "Почта".

[предыдущий "Вернись"]

Предыдущий тег формы можно использовать для отображения кнопки перехода к предыдущему шагу. Замените "Назад" текстом, который вы хотите отобразить на кнопке.

Вкладка "Сообщения"

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

Чего НЕ делает этот плагин:

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

- Этот плагин на данный момент не поддерживает "трубы" в поле выбора. См. https://contactform7.com/selectable-recipient-with-pipes/, чтобы узнать больше о том, что такое "трубы" на сайте контактной формы 7.

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

ПРО версия

Если вы ожидаете, что через многошаговые формы будет отправлено много данных, версия Pro может помочь вам лучше. Версия PRO использует хранилище сеансов, поэтому она может обрабатывать примерно в 1000 раз больше данных для нескольких форм. В общей сложности он может обрабатывать около 5 МБ против 4 КБ в бесплатной версии. В настоящее время версия Pro ТРЕБУЕТ включения WordPress REST API и отправки контактной формы 7 AJAX.

Еще одна особенность, которую предлагает Pro-версия, - это возможность пропускать шаги с помощью плагина "Контактная форма 7 - Условные поля". Узнайте больше здесь.