# FormTitan UTM Tracking Integration

Set up FormTitan with HandL UTM Grabber to capture UTM parameters, GCLID, FBCLID, referrer, and landing page data in hidden fields for lead attribution.

# Iframe UTM Tracking Integration

## UTM attribution overview

This guide explains Iframe UTM Tracking Integration 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.

HandL UTM Grabber integrates with Form Titan with only couple of clicks.

First of all, make sure you added all the utm values as utm\_campaign, utm\_source, utm\_medium, utm\_term, utm\_content as static variables like the shown below:

Make sure the names exactl matches with our naming convention shown here [Native WP Shortcodes](https://docs.utmgrabber.com/books/102-getting-started-for-handl-utm-grabber-v3/page/native-wp-shortcodes)

[![](https://docs.utmgrabber.com/uploads/images/gallery/2023-01/scaled-1680-/image-1672603524135.png)](https://docs.utmgrabber.com/uploads/images/gallery/2023-01/image-1672603524135.png)

After that Publish your change and grab the iframe code and paste it into your post:

If you are implementing using the iframe code, your code will loke like this.

```
<iframe onload="window.parent.scrollTo(0,0)" id="ft1302219221332-952-94" allowtransparency="true" src="https://domain.formtitan.com/formname" frameborder="0" width="1000" height="700" scrolling="no"></iframe>

```

Simply modify it to

```
<iframe onload="window.parent.scrollTo(0,0)" class="utm-src" id="ft1302219221332-952-94" allowtransparency="true" src="https://domain.formtitan.com/formname" frameborder="0" width="1000" height="700" scrolling="no"></iframe>

```

As you can see, we just added `class="utm-src"` to the iframe. Rest everything will work and your UTM fields will be auto populated.

After submission is completed: you will be able to use these System fields anywhere in your automation.

In submissions like this [![](https://docs.utmgrabber.com/uploads/images/gallery/2023-01/scaled-1680-/image-1672603659346.png)](https://docs.utmgrabber.com/uploads/images/gallery/2023-01/image-1672603659346.png)

Or in email sending like this:

[![](https://docs.utmgrabber.com/uploads/images/gallery/2023-01/scaled-1680-/image-1672603684389.png)](https://docs.utmgrabber.com/uploads/images/gallery/2023-01/image-1672603684389.png)

And here is the email content: [![](https://docs.utmgrabber.com/uploads/images/gallery/2023-01/scaled-1680-/image-1672603702219.png)](https://docs.utmgrabber.com/uploads/images/gallery/2023-01/image-1672603702219.png)

# Send FormTitan UTMs via Zapier or Webhook

## UTM attribution overview

This walkthrough covers sending full UTM Grabber data from FormTitan 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 FormTitan guide](https://docs.utmgrabber.com/books/form-titan-integration/page/iframe-integration).

### When a webhook makes sense

Native fields in FormTitan 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](https://docs.utmgrabber.com/books/zapier-integration/page/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](https://docs.utmgrabber.com/books/102-getting-started-for-handl-utm-grabber-v3/page/native-wp-shortcodes).

Make users: see [Make Integromat integration](https://docs.utmgrabber.com/books/integromat-integration).