Custom JavaScript Events in Contact Form 7

Custom JavaScript Events in Contact Form 7 — a practical guide to Contact Form 7 JavaScript events with clear examples you can reuse in real projects.

Contact Form 7 Tutorial Series (42/100). Prefer one article? Read the complete Contact Form 7 tutorial.

Short description

Front-end events enable thank-you modals, GTM pushes, and pixel fires without editing CF7.

JS event example

document.addEventListener('wpcf7mailsent', function (event) {
  // event.detail.contactFormId
  // push to dataLayer / show modal
}, false);