Skip to main content

Add Script to your Contact 7 form in Wordpress

Chad Allard
  • Updated

1. Identify your org and your inbound router name 

The script you have to add to this page will include two values you need to identify from your inbound router 

your-org-name

You can find this in the app in your inbound router

your-inbound-router-name 

This is your inbound router name:

2. Replace values in script and add to your Contact 7 page

Replace your-org-name and your-inbound-router-name values you found above in the script below and copy to your contact 7 page, before the body end tag

<script src="https://js.chilipiper.com/marketing.js" type="text/javascript"></script>
<script>
// Contact Form 7 Custom DOM Events https://contactform7.com/dom-events/
const wpcf7Elm = document.querySelector('.wpcf7');
wpcf7Elm.addEventListener('wpcf7mailsent', (event) => {
ChiliPiper.submit("account", "router", { handleSubmit: false, title: "Now pick a day and time for you demo.", titleStyle: "Roboto 22px #EA5938", query: ".wpcf7-form" })
}, false); 
</script>

Related articles