для вызова popup после клика на кнопку Submit в Contact Form 7
решила задачу связкой двух плагинов Contact Form 7 + Easy FancyBox
1. Естественно, установить и активировать плагины.
2. Создать форму.
3. Этот код добавляем в блок Дополнительные настройки вашей формы CF7:
on_sent_ok: "$.fancybox ( { href: '#popup_msg' } );"
4. Само окно имеет такой вид:
<div class="fancybox-hidden" style="display: none;">
<div id="popup_msg">
<div class="popup-box">
<div class="popup-title">Спасибо!</div>
<div class="popup-subtitle">Наш менеджер свяжется с вами в ближайшее время.</div>
<span class="popup-close-btn">Закрыть окно</span>
</div>
</div>
</div>
Этот код всплывающего окна можно разместить где угодно, хоть в футере, хоть в хедере, хоть под формой, основной плюс в том, что это окно могут вызывать любые другие формы и не нужно делать под каждую форму своё.
5. И для кнопки «Закрыть окно» добавляем такой код в файл скриптов:
$('.popup-close-btn').on('click', function() {
$.fancybox.close();
});
