Собственные js-события после отправки «Contact Form»

Довольно часто после отправки формы, которые предоставляет плагин «Contact Form» необходимо запустить некое js-событие, например открытие popup-окна, отправку данных в сервисы-аналитики и другие.

До версии «Contact Form 7.5.0» js-код для отправки данных об отправке в сервисы-аналитики. Но с версии с 7.5.0 все js-события после отправки форм осуществляются через DOM-события.

Обработка «Contact Form» DOM-событий

Плагин «Contact Form» предоставляет несколько типов пользовательских событий DOM. Вы можете использовать события в своем коде JavaScript для запуска функции в конкретной ситуации.

Пример события после отправки любой формы «Contact form»

<script>

document.addEventListener('wpcf7mailsent', function (event) {

alert('Super! Form submitted');

}, false);

</script>

Пример события после отправки определенной формы «Contact form»

<script>

document.addEventListener('wpcf7mailsent', function (event) {

// ID_FORM - id формы плагина "ContactForm"

if ('ID_FORM' == event.detail.contactFormId) {

alert('Super! Form submitted');

}

}, false);

</script>

Полезные ссылки:

• Документация Contact form
• Метод EventTarget.addEventListener()