UTM Tracking in Thrive Cart and Send it to Zapier

You can track UTMs in Thrive Cart by adding the UTMSimple snippet on all of your pages:
First of all, let's add our UTMSimple tracking script:
Go to Custom Tracking Code section and add the script here Where is the tracking code?

Trigger Zapier when Checkout Initated:
Add the following code ONLY on checkout page
Don't forget to replace the zapier Webhook with yours.
<script>

document.getElementsByName("customer.email")[0].addEventListener('change', function (evt) {

 var data = HandL.getAll()
 for (let i in [0]){
 	let form_elements = document.getElementsByClassName("pure-form pure-form-rows")[i].elements
 	for ( let el of form_elements ){
 		if ( el.name != '' ){
 			data[el.name] = el.value
 		}
 	}
 }
 
 data['ua'] = _thrive.user.ua
 data['cur_url'] = window.location.href
 
 var json = JSON.stringify(data);
 var xhr = new XMLHttpRequest();
 data = new URLSearchParams(data).toString()
 var xmlHttp = new XMLHttpRequest();
 xmlHttp.open( "GET", 'https://hooks.zapier.com/hooks/catch/11111111/xxxxxxx/?'+data, true );
 xmlHttp.send( null );
 });
</script>

You can do similarly for the main product purchase as well: