Повысьте удобство работы пользователей с помощью перенаправления контактной формы 7: изучение нескольких методов

Метод 1: использование события JavaScript «on_sent_ok».
Самый простой способ перенаправить пользователей после отправки формы — использовать событие «on_sent_ok», предоставляемое контактной формой 7. Вы можете добавить собственный код JavaScript в файл JavaScript вашей темы. или используйте плагин типа «Simple Custom JS» для обработки перенаправления. Вот пример:

document.addEventListener('wpcf7mailsent', function(event) {
   location = 'http://www.example.com/thank-you-page/';
}, false);

Метод 2: использование атрибута короткого кода «on_sent_ok».
Контактная форма 7 также позволяет указать URL-адрес перенаправления непосредственно в коротком коде формы. Этот метод полезен, если вы хотите перенаправлять пользователей на разные страницы в зависимости от отправленной ими формы. Вот пример:

[contact-form-7 id="123" title="Contact Form" on_sent_ok="location.replace('http://www.example.com/thank-you-page/');"]

Метод 3: использование плагина перенаправления контактной формы 7
Если вы предпочитаете более удобный подход, вы можете установить и активировать плагин «Перенаправление контактной формы 7» из репозитория WordPress. Этот плагин добавляет новый раздел настроек в каждую контактную форму, что позволяет легко настроить URL-адрес перенаправления.

Метод 4: использование динамического текстового расширения Contact Form 7
Динамическое текстовое расширение Contact Form 7 — еще один удобный плагин, который предоставляет расширенные возможности настройки формы. Он включает функцию «Дополнительные настройки», где вы можете указать собственный URL-адрес перенаправления для каждой отправки формы. Вот пример:

[contact-form-7 id="123" title="Contact Form"]
on_sent_ok: "location.replace('http://www.example.com/thank-you-page/');"

Метод 5: реализация пользовательского кода PHP
Для разработчиков, знакомых с PHP, вы можете использовать собственный фрагмент кода для обработки перенаправления контактной формы 7. Этот метод требует добавления кода в файл functions.phpвашей темы или создания собственного плагина. Вот пример:

add_action('wp_footer', 'custom_cf7_redirect');
function custom_cf7_redirect() {
   ?>
   <script type="text/javascript">
      document.addEventListener('wpcf7mailsent', function(event) {
         location = 'http://www.example.com/thank-you-page/';
      }, false);
   </script>
   <?php
}

В этой статье мы рассмотрели несколько способов реализации функции перенаправления контактной формы 7. Независимо от того, предпочитаете ли вы события JavaScript, атрибуты короткого кода, плагины или собственный PHP-код, у вас есть ряд вариантов перенаправления пользователей на определенные страницы после отправки формы. Используя эти методы, вы можете улучшить взаимодействие с пользователем на своем веб-сайте WordPress и обеспечить удобство его использования посетителями.