Tracking UTMs in Paperform

First, create your hidden fields in Paperform as shown below:

Hidden Fields Screenshot

There are various methods explained here.

We'll use the most effective one: Dynamic Auto Filling.

Next, use the JavaScript below and copy-paste the code where you want your form:

<div data-paperform-id="kxjpum0m"></div>
<script>
document.addEventListener("DOMContentLoaded", function() {
    const params = getAllHandLUTMParams();
    const queryString = jQuery.param(getAllHandLUTMParams());

    const form = document.querySelector("[data-paperform-id='kxjpum0m']");
    if (form && queryString) {
      form.setAttribute("prefill", queryString);
    }

    // Now embed the Paperform script
    var script = document.createElement('script');
    script.src = "https://paperform.co/__embed.min.js";
    document.body.appendChild(script);
  });
</script>

Make sure you change the form ID in both places in the script according to your form.

Once done, test it to ensure the parameters appear in the result section of the form:

Result Section Screenshot

Never lose any UTMs ever 💪

Get HandL UTM Grabber V3