Как перенаправить пользователя на другую страницу после отправки формы в Contact Form 7
Хотите перенаправить пользователя на другую страницу после успешной отправки формы в Contact Form 7? Сегодня мы сделаем это! 💯
С помощью плагина Contact Form 7 Redirection
Устанавливаем и активируем плагин Contact Form 7 Redirection, переходим на страницу редактирования существующей формы или создания новой и выбираем вкладку «Настройки перенаправления».
Здесь вы можете либо выбрать одну из существующих страниц сайта,
либо указать произвольный адрес, в том числе внешний, например, http://yandex.ru. В этом случае отметьте галочку «Использовать внешний URL».
После настройки перенаправления не забудьте сохранить изменения, нажав кнопку «Сохранить».
Если отметить галочку «Передать поля из формы в качестве параметров URL-адреса» (1), все значения полей отправленной формы будут переданы на страницу переадресации в виде GET-параметров. Пример: http://test.wpcute.ru/test-page/?your-name=Денис&your-email=order%40wpcute.ru&your-subject=Заказ+доработки&your-message=Мне+нужна+доработка+сайта+wpcute.ru
А если включить опцию «Открывать страницу в новой вкладке» (2) — страница переадресации будет открыта в новой вкладке браузера.
С помощью сниппета
Альтернативный вариант — использовать следующий сниппет.
1 2 3 4 5 6 7 8 9 10 11 12 |
add_action( 'wp_footer', 'redirect_cf7' ); function redirect_cf7() { ?> <script type="text/javascript"> document.addEventListener('wpcf7mailsent', function (event) { if ('777' == event.detail.contactFormId) { location = 'https://yandex.ru'; } }, false); </script> <?php } |
Вместо 777, укажите ID вашей формы, а вместо https://yandex.ru — адрес, куда необходимо перенаправить пользователя после отправки формы. Это может быть как страница вашего сайта, так и любой внешний URL.