# WS Form UTM Tracking Integration

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

# How to track UTMs in WS Form with HandL UTM Grabber

## UTM attribution overview

This guide explains How to track UTMs in WS Form 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.

### Add Fields to the form

Add your fields that you'd like to track as hidden text fields in your form. You can add the following fields [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-03/scaled-1680-/image-1678142813079.png)](https://docs.utmgrabber.com/uploads/images/gallery/2023-03/image-1678142813079.png)

### Add Field Class Variable to Each Field

You should add class variable to each field. Make sure it matches exactly to our naming convention 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-03/scaled-1680-/image-1678142886369.png)](https://docs.utmgrabber.com/uploads/images/gallery/2023-03/image-1678142886369.png)

### Test it!

If everything worked, you should see the fields like this under submission...

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

# Send WS Form UTMs via Zapier or Webhook

## UTM attribution overview

This walkthrough covers sending full UTM Grabber data from WS Form 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 WS Form guide](https://docs.utmgrabber.com/books/ws-form/page/how-to-track-utms-in-ws-form).

### When a webhook makes sense

Native fields in WS Form 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).