Contact Form 7 ★ Всплывающее уведомление об успешной оправке письма

Как в плагине Contact Form 7 сделать всплывающее уведомление об успешной оправке письма? Рассмотрим два бесплатных плагина «Popup for Contact Form 7» и «Popup Message Contact Form 7».

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

Смотреть видео

• Вступление.
• Popup for Contact Form 7: общие настройки, указываем текст и внешний вид формы.
• Дружит ли «Popup for Contact Form 7» с плагином «Art WooCommerce Order One Click»? — Нет, не дружит!
• Popup Message Contact Form 7: текст, ширина окна и шаблон формы.
• Дружит ли «Popup Message Contact Form 7» с плагином «Art WooCommerce Order One Click»? — Да, дружит!
• Выводы.

Ссылки

Contact Form 7

Popup for Contact Form 7

Popup Message Contact Form 7

Popup for Contact Form 7

Самый простой и быстрый способ реализации данной задачи, является использование плагина Popup for Contact Form 7.

Плагин Popup for Contact Form 7 является бесплатным и устанавливается как все плагины: Админка — Плагины — Добавить новый. В поле поиска вводим название «Popup for Contact Form 7» и после отображения плагина выполняем его установку и активацию.

После активации плагина переходим в его настройки: Contact Form 7 — Popup Settings.

Настройки плагина

Настройки плагина состоят из 3 вкладок с простыми параметрами.

General Settings (Общие настройки)

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

Указываем размеры окна. Не забываем указывать размеры с единицами измерения (px, %).

Указываем продолжительность отображения окна. Например, 5000 — это 5 сек., после которых окно автоматически закроется.

Popup Text (Текст)

Указываем текст и изображение для нашего окна.

Popup Design (Внешний вид окна)

Указываем цвет текста, фоновый цвет или фоновое изображение для окна.

Не забываем сохранять изменения.

Примечание: Эти плагины не работают с плагином By one click WooCommerce.