Дії після успішного відправлення форми cf7 - створення сайтів на cms wordpress

Якщо форма розташована просто на сторінці, тоді там все зрозуміло - там з'являються повідомлення про помилки і повідомлення після успішного відправлення повідомлення відразу під формою.

Розглянемо, які можуть бути цікаві варіанти подій після відправки форми CF7 в pop-up вікні, тобто у спливаючому вікні. Як зробити таку форму, я описував в статті Як зробити форму зворотного зв'язку у спливаючому вікні для WordPress.

Код додаємо в блок Додаткові настройки вашої форми.

Дії після успішного відправлення форми cf7 - створення сайтів на cms wordpress

Після успішного відправлення повідомлення

Виводимо Алерт 'Дякую за Вашу заявку!' - примітивно і негарно.

Робимо редирект на сторінку подяки

Просто закриваємо поп-ап - не найкращий варіант, користувач може не зрозуміти, чи всі пройшло успішно

Виводимо поп-ап вікно «Спасибі за замовлення» після успішного відправлення повідомлення

Виводимо поп-ап вікно «Спасибі за замовлення», при цьому саме вікно знаходиться в блоці з id = "popup_msg". зовнішній вигляд і стилі потрібно буде оформляти під свій дизайн, щоб все було красиво + зробити кнопку 'Закрити' вікно подяки.

Цей код додаємо в блок Додаткові настройки вашої форми CF7:

Саме вікно має такий вигляд:

Цей код спливаючого вікна можна розмістити де завгодно, хоч в футере, хоч під формою, основний плюс в тому, що це вікно можуть викликати будь-які інші форми і не потрібно робити під кожну форму своє.

І для кнопки «Закрити вікно» додаємо такий код в файл скриптів:

Як зробити скачування файлу pdf після заповнення форми c допомогою плагіна Contact Form 7

Відкриваємо pdf відразу на цій же сторінці

Відкриваємо pdf на новій сторінці