Сообщения от Contact Form во всплывающем окне (popup)

  • 11 Сентябрь 2015
  • 0

Иногда нужно сделать так, чтобы сообщение об успешной отправке почты выводилось во всплывающем окне.

Для решения этой проблемы есть несколько вариантов, я использую такой способ:

1) Для всплывающих окон использую плагин Easy FancyBox https://wordpress.org/plugins/easy-fancybox/.

Данный WordPress плагин использует в своей основе Javascript плагин Fancybox, ссылка на документацию Javscript плагина http://fancyapps.com/fancybox/#docs.

2) При успешной отправке сообщения вызываю метод on_sent_ok в плагине CF7 (ссылка на официальную документацию http://contactform7.com/additional-settings/) и вызываю нужный метод из плагина Easy Fancybox. Вот как это выглядит на примере

Html код всплывающего окна

Код всплывающего окна

В настройках формы переходим на вкладку Additional settings и вызываем нужный метод из плагина Fancybox

Настройка CF7

Также есть плагин для вывода всех сообщений из Contact Form во всплывающем окне, я им не пользовался но ссылку на него прилагаю https://wordpress.org/plugins/contact-form-7-response-colorbox-popup/