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

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

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

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

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

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

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

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

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

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

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

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

  1. 1. В административной части сайта перейти в пункт Contact Form7 => Формы
  2. 2. Находим нужную нам форму и нажимаем на ссылку «Изменить» под её названием.
  3. 3. Переходим на вкладку «Additional Settings»
  4. Перенаправление после оправки сообщения Contact form7

    На этой вкладке есть возможность дописывать некоторые специальные функции, что позволяет расширить функционал данного плагина. Если перейти по ссылке «Дополнительные настройки», которая размещена на данной вкладке, то можно боле подробно почитать об этих возможностях. Там их всего несколько и всё описание идёт очень краткое и на английском языке, так что обычный пользователь не работавший с JavaScript, к примру, там скорее всего мало что поймёт.

  5. 4. Нам понадобится функция on_sent_ok: «» которая будет выполняться после того как сообщение будет успешно отправлено.

Вставляем в поле на вкладке «Additional Settings» следующий код:

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

В результате должно получиться как то так:

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

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

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

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

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

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

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

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

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

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

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

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

Подписаться на рассылку

Читайте также:

comments powered by HyperComments

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif