Перенаправление после оправки сообщения Contact form7

Приветствую вас дорогие читатели моего блока! Мне не раз поступали вопросы о возможности перенаправления после отправки сообщения на страницу благодарности, поэтому сегодня я расскажу именно об этом.

На сегодняшний день Contact Form7 является одним из наиболее популярных, удобных и многофункциональных плагинов для создания формы обратной связи у вас на сайте. С его помощью можно делать как стандартные формы обратной связи так и формы заказа звонка, оформления заказа, сбор подписной базы и так далее.

Для чего нужно перенаправлять пользователя на страницу благодарности?

В основном такие страницы используют на посадочных страницах Landing Page. Бытует мнение что наличие таких страниц позволяет увеличить конверсию. Возможно это так, но при условии что ваша страница правильно оформлена.

Можно выделить несколько элементов, которые желательно реализовать на странице благодарности:

1. 1. Естественно сама благодарность за оставленную заявку и обращение к вам.
2. 2. Информация о том, что будет происходить дальше. Например: «В течении 15 минут Вам позвонит Ваш личный консультант чтобы согласовать детали заказа, после чего Вы сможете осуществить оплату» или что то подобное. То есть сообщение должно отображать следующий шаг.
3. 3. Возможность возврата на главную страницу. Вполне вероятно что ваш потенциальный клиент захочет ещё полазить по вашему сайту пока вы обрабатываете его заявку, поэтому будет не лишним разместить на этой странице ссылку для возврата на главную, иначе клиент после оформления заявки, скорее всего, покинет ваш сайт.
4. 4. Наличие дополнительного контента. Было бы очень здорово, если бы после отправки заявки клиент не сидел в ожидании звонка, а боле подробно изучил вашу продукцию или услугу.

Можно разместить там следующий контент:

• ссылки на Ваши группы в соцсетях или канал на YouTube;
• ссылка на скачивание каталога вашей продукции;
• ваше видеообращение к потенциальному клиенту;
• промо код со скидкой;
• предложите заполнить мини анкету;
• краткую информацию о ваших гарантиях, а также деталях оплаты и доставки или что-то ещё.

Главное чтобы информации не было слишком много и она была интересна вашему потенциальному клиенту.

Как сделать перенаправление после отправки сообщения в Contact Form 7.

Данный плагин содержит в себе достаточно большое количество настроек.
Более подробно о них я рассказывала в статье «Настройка Contact Form 7».
Сегодня же я остановлюсь только на возможности перенаправления.
Для того чтобы реализовать данную задачу в новых версиях плагина нам нужно:

1. 1. Открыть для редактирования файл footer.php активной темы. Для этого можно воспользоваться встроенным редактором WordPress, который находится по адресу «Внешний вид» — «Редактор»
   
2. 2. В самом конце добавляем следующий код.
   
   XHTML

   <script type="text/javascript"> document.addEventListener( 'wpcf7mailsent', function( event ) { location = '//impuls-web.ru/thank-you/'; }, false ); </script>

   1 2 3 4 5

   <script type="text/javascript"> document.addEventListener( 'wpcf7mailsent', function( event ) {      location = '//impuls-web.ru/thank-you/'; }, false ); </script>

3. 3. В параметре location вместо «//impuls-web.ru/thank-you/» вы указываете ссылку на свою страницу благодарности и нажимаем на кнопку «Обновить файл»

Теперь после отправки сообщения посетитель будет перенаправлен по этой ссылке.

Автоматическое перенаправление со страницы благодарности на главную страницу.

Также бывает необходимость после того как пользователь попадёт на страницу благодарности и прочитает текст перенаправить его обратно на главную.

Это имеет смысл использовать только тогда, когда у вас немного текста на странице благодарности и пользователь успеет прочитать его в течении нескольких секунд.

Чтобы это сделать нам нужно:

1. 1. На странице благодарности перейти на вкладку текст
2. 2. В самом низу добавить следующий скрипт:

Вместо «//impuls-web.ru/index.html» — вы указываете свою ссылку на главную

Вместо «3000» — указываем нужное время по истечению которого будет осуществляться переход. Время задаётся в миллисекундах.

Надеюсь что помогла вам с реализацией данной задачи :) К стати, если вам нужно сделать эту форму во всплывающем окне, то почитайте эту статью с подробной видео инструкцией:
Всплывающая форма обратной связи для WordPress

А если возникнет необходимость добавить к вашей форме возможность отправки файлов, то вам поможет эта статья, тоже с видео инструкцией:
Отправка прикреплённых файлов с сайта WordPress

Если статья вам хоть немного помогла, буду очень вам благодарна, если вы поделитесь ссылкой на неё в соцсетях или оставите комментарий.
Желаю вам удачи в разработке и доработке сайтов! Если вам интересна эта тема и вы хотите узнать больше, то подписывайтесь на новости блога.

До встречи в следующих статьях.

С уважением Юлия Гусарь