Spiffy Checkout UTM Tracking Integration

• Spiffy Checkout UTM Tracking Integration
• Track UTMs via Checkout Success Page Webhook

Spiffy Checkout UTM Tracking Integration

UTM attribution overview

This guide explains Spiffy Checkout UTM Tracking Integration with HandL UTM Grabber. It helps you capture campaign attribution on checkouts, orders, quote requests, and ecommerce conversions and keep the marketing context needed for accurate reporting across forms, bookings, signups, and sales.

Spiffy Checkout integration is very easy.

As long as you can pass UTMs to the checkout URL, Spiffy can take them and record automatically as it is explained here https://help.spiffy.co/article/251-adding-utm-parameters.

So how can you append all the UTM variables to checkout URL.

It is very easy, simply create your anchor link and add utm-out class variable.

<a href="https://domain.spiffy.co/checkout/test" class="utm-out" />

You can view the UTMs in the Spiffy.

You can pass UTMs using the integrations as well such as Zapier.

Track UTMs via Checkout Success Page Webhook

UTM attribution overview

This walkthrough covers sending full UTM Grabber data from Spiffy Checkout 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 Spiffy Checkout guide.

When a webhook makes sense

Native fields in Spiffy Checkout 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.