Logiforms UTM Tracking Integration

• How to Track UTMs in Logiform for embedded
• Send Logiforms UTMs via Zapier or Webhook

How to Track UTMs in Logiform for embedded

UTM attribution overview

This guide explains How to Track UTMs in Logiform for embedded with HandL UTM Grabber. It helps you capture UTM source, medium, campaign, term, content, click IDs, referrer, and landing page data and keep the marketing context needed for accurate reporting across forms, bookings, signups, and sales.

Create custom text fields and make them hidden.

Here we show it for utm_campaign. However, your can track any parameters listed here Native WP Shortcodes

Make sure field name matches to our naming convention here Native WP Shortcodes

Export the embed code

Before we place the code into our website, we'll make one modification in the embed code. It is the params field, please see it below.

params				: decodeURIComponent(jQuery.param(handl_utm)),

<!-- logiforms.com integration code - copy and paste anywhere on your page -->
<script type="text/javascript">
var formscript =  '//cdn.logiforms.com/v3/build/ext/formProxy-min.js';
var head= document.getElementsByTagName('head')[0];
var script= document.createElement('script');
script.type = 'text/javascript';
script.src = formscript;
head.appendChild(script);
window.formproxyS2=true;

window.addForm = function(){
FormProxy = new FormProxy({
	// user editable
	resizeOnDemand		: true,
   scrollTop           : true,
	height				: 500,
	width				: '100%',
	scrolling			: 'no',
	marginWidth			: 0,
	marginHeight		: 0,
	frameborder			: 0,
	vspace				: 2,
	hspace				: 2,
	params				: decodeURIComponent(jQuery.param(handl_utm)),
	// system properties
   cookieRedirect      : false,
   formviewid          : 0,
	hid					: 393948,
	fid					: 86172,
	eid					: 80784,
	eid2				: 21,
	secureform			: 0,
	rootformurl			: 'https://forms.logiforms.com/',
	mode				: 'standard',
	target				: 'lfform-placeholder'
});
}
</script>

<div id="lfform-placeholder"></div>
<!-- end logiforms.com integration code -->

Embed the code in your WP

After you embed, it will look like this

Now you can test it...

If everything went well, you should see the UTMs, traffic source and all the other parameters in the backend.

Send Logiforms UTMs via Zapier or Webhook

UTM attribution overview

This walkthrough covers sending full UTM Grabber data from Logiforms to Zapier, Make, or your own webhook. Handy when you need gclid, fbclid, first-touch fields, or custom params alongside the lead or order.

For the primary setup, see the main Logiforms guide.

When a webhook makes sense

Native fields in Logiforms often stop at basic UTMs. A webhook lets you push everything UTM Grabber stores without trimming values or losing click IDs.

Thank-you page script

Paste this on your confirmation page. Swap in your Zapier or Make hook URL.

<script>
var qvars = {};
window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m, key, value) {
    qvars[key] = decodeURIComponent(value.replace(/\+/g, ' '));
});
qvars = Object.assign({}, (typeof handl_utm !== 'undefined' ? handl_utm : {}), qvars);
setTimeout(function() {
    var data = new URLSearchParams(qvars).toString();
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.open('GET', 'https://hooks.zapier.com/hooks/catch/YOUR_ID/YOUR_KEY/?' + data, true);
    xmlHttp.send(null);
}, 1000);
</script>

Full pattern explained in Triggering Zapier on Thank you Page.

Quick Zapier / Make checklist

1. Create a Catch Hook trigger and copy the URL
2. Run a test conversion with UTMs in the landing URL
3. Confirm gclid, utm_source, and email (if present) show up in the payload
4. Map fields into your CRM or spreadsheet

Parameter reference: Native WP Shortcodes.

Make users: see Make Integromat integration.