Скрипты для uKit 13.09.2017 4 922
Переадресация после отправки формы обратной связи

Переадресация после отправки формы обратной связи

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

Вы наверняка когда-либо встречались с такой функцией, как переадресация после отправки формы. Вы заполняете форму, нажимаете кнопку "Отправить", после чего видите другую форму и перенаправляетесь уже на следующую страницу. Быть может, вы и самостоятельно пытались реализовать такую функцию. Так вот, у нас уже есть готовый скрипт для переадресации форм, который вы легко можете интегрировать на ваш сайт.

Приведём простой пример использования — форма обратной связи. Пользователь нажимает на кнопку, появляется всплывающее окно, где его просят ввести контактные данные. После этого появляется другое окно с благодарностью, и в этот же момент происходит перенаправление, допустим, на главную страницу сайта. Для пользователя это выглядит достовернее и убедительнее, чем форма обратной связи без всплывающих окон на одной странице. Можете сами убедиться в этом, попробовав сначала создать обычную форму, а потом воспользоваться нашим скриптом.

 

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

 


 

УСТАНОВКА

Перейдите в панель управления вашего сайта в раздел «Свой код». В редактор вставьте один из следующих кодов (можно использовать сразу два кода):

 

1. Переадресация после отправки формы с виджета «Обратная связь»:

Код
<script>
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>». (скриншот).
Сохраните код и опубликуйте ваш сайт.


Установить сторонний код на ваш сайт, вы можете на тарифе «Про». Ознакомиться с тарифом вы можете на следующей странице: blog-ru.ukit.com/updates/tariffs. Также отмечу, что вы можете обратиться в службу поддержки uKit за помощью в установке кода на тарифах «Премиум» и выше, через раздел «Помощь» (скриншот). 
Всего комментариев: 4
avatar
1
Можно ли данный скрипт применить к кнопке Radio? с переходом на ссылку.
avatar
0
2
Radio button предназначены для выбора одной опции из определенного набора параметров (вариантов). В теории можно сделать, чтобы при нажатии на Radio button открывался другой сайт, но к этому скрипту это не относится.
avatar
3
Скажите, а как тогда можно избавится от такого недочета, когда пользователь случайно нажал отправить но еще не заполнил формы, а оно уже его перенаправило на страницу благодарности. Как можно запретить перенаправлять, пока юзер не заполнит формы, но при этом,чтобы при клике на кнопку отправить, юзеру показало что к примеру поле емейл не заполнили или некорректно.
avatar
0
4
Вероятно у вас сейчас установлен старый код, просто переустановите код со статьи.
avatar