Если вы работали с 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”, после этого сохраняете код и ВЖУХ и всё работает как надо.
