...
Skip links

Проблема Contact Form 7 в Elementor Popup

Если вы работали с Contact Form 7 в Elementor Popup, то вы сталкивались с тем, что после отправки формы, страница перезагружается и нет никаких сообщений об успешной отправке, а если заново открыть форму, то только потом вы сможете увидеть сообщение об успехе. Так же после отправки формы у вас появляется ссылка, в которой есть что-то подобное /#wpcf7-f217-o1

Понятное дело, что это мешает нормальной работе сайта и пользователям не очень понятно, отправилась форма или нет и они могут по несколько раз отправлять. 

Всё это мы можем решить при помощи следующего кода:

  <script type='text/javascript'>
        jQuery( document ).ready( function() {
            jQuery( document ).on( 'click', "a[href*='#elementor-action']", function () {

                setTimeout( function() { 
                    document.querySelectorAll(".elementor-popup-modal form.wpcf7-form:not(.elementor)").
                        forEach((e => {
                            wpcf7.init(e),
                            e.closest(".wpcf7").classList.replace("no-js", "js"),
                            e.closest(".wpcf7").classList.add("mystyle");
                        }));           
                }, 800 );
            } );
        } );
</script>  

Вам нужно перейти в раздел Elementor — Custom Code и добавить новый код. Обратите внимание что локация, должна быть </body> — End и должна стоять галочка «Always load jQuery», после этого сохраняете код и ВЖУХ и всё работает как надо.

Поставьте оценку
Кайф!
Кайф!
3
Огонь!
Огонь!
2
Иди обниму!
Иди обниму!
0
Прикольно!
Прикольно!
0
Надо подумать!
Надо подумать!
0
БЛ***Ь
БЛ***Ь
0

Leave a comment

Оставить заявку

Оставьте заявку и я свяжусь с вами в течении нескольких часов. Так же вы можете связаться со мной на прямую:

Смотреть
Листай