Переадресация после отправки формы обратной связи
Клиент заказал услугу через ваш сайт или просто оставил свои контактные данные и вы хотите отблагодарить его или сообщить дополнительную информацию? Показываем, как это реализуется в конструкторе uKit.
Вы наверняка когда-либо встречались с такой функцией, как переадресация после отправки формы. Вы заполняете форму, нажимаете кнопку "Отправить", после чего видите другую форму и перенаправляетесь уже на следующую страницу. Быть может, вы и самостоятельно пытались реализовать такую функцию. Так вот, у нас уже есть готовый скрипт для переадресации форм, который вы легко можете интегрировать на ваш сайт.
Приведём простой пример использования — форма обратной связи. Пользователь нажимает на кнопку, появляется всплывающее окно, где его просят ввести контактные данные. После этого появляется другое окно с благодарностью, и в этот же момент происходит перенаправление, допустим, на главную страницу сайта. Для пользователя это выглядит достовернее и убедительнее, чем форма обратной связи без всплывающих окон на одной странице. Можете сами убедиться в этом, попробовав сначала создать обычную форму, а потом воспользоваться нашим скриптом.
Также на переадресованной странице, вы можете разместить информацию о ваших акциях, информацию о доставке или оплате, все то что будет в дальнейшем интересно вашему потенциальному клиенту, либо вы можете просто поблагодарить клиента за обратную связь.
УСТАНОВКА
Перейдите в панель управления вашего сайта в раздел «Свой код». В редактор вставьте один из следующих кодов (можно использовать сразу два кода):
1. Переадресация после отправки формы с виджета «Обратная связь»:
require(['jquery'], function ($) {
$('.feedBack').attr("onsubmit","setTimeout(function() {window.location = '/ссылка'},1000)");
})
</script>
2. Переадресация после отправки формы со всплывающего окна (popup):
<script> require(['jquery'], function ($) { setInterval(function(){$('.js-orderForm-btn').attr({'onclick':"setTimeout(function() {if ($('.js-orderForm-btn').parent().find('.fields .error:contains(\"Заполните поле\")').text()==false) {setTimeout(function() {window.location = '/Ссылка'},1000)}},1000)"});},100); }) </script>
В коде нужно заменить слово «ссылка» на относительный адрес страницы, на которую будет выполнен переход после отправки формы. Например: адрес страницы благодарности mysite.ru/spasibo — тогда в коде нужно заменить «ссылка» на «spasibo».
Во вкладке «Настройки» в разделе «Выводить код» отметьте пункт «В конец <body>». (скриншот).
Сохраните код и опубликуйте ваш сайт.
0
