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 must 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 the script and add them 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