Elementor Forms: Setup UTM parameter Tracking

Use our AFL UTM Tracker plugin to capture dynamic UTM parameters of your Elementor Form submissions.

• We will be using our Javascript Merge Tags to populate the UTM parameters into the Jetformbuilder hidden fields.
• You can populate First Touch and Last Touch UTM parameters.
• You can populate Click Identifiers (gclid, fbclid, msclkid and others).
• You can populate First Landing Page and First Website Referrer URLs.

Minimum Requirements

• AFL UTM Tracker v2.18.1
• Elementor Pro v3.28.0
• WordPress v5.0.0

NOTE: Hidden fields are not required for WordPress form builder plugins which we have seamless integration. You will also get a more enhance UTM attribution report.

Steps

Let’s summarize the steps to populate the UTM parameters into your Elementor Forms.

1. Enable the “Javascript Merge Tag” feature under the AFL UTM Tracker plugin settings.
2. Create Hidden Fields for UTM parameters.
3. Test your Elementor Form submission.
4. View UTM parameters in Elementor Form submission.

1. Enable the Javascript Merge Tag feature

1. Login to your WordPress Admin dashboard.
2. Go to AFL UTM Tracker > Settings page.
3. Under Attribution section, enable the Javascript Merge Tag feature.
4. Save settings.
5. Clear all page cache from your caching plugin.

2. Create Hiddens Fields for UTM parameters

Here’s an example to capture the utm_source, utm_medium and utm_campaign into the hidden fields and inserting our Javascript Merge Tag into the Default Value field.

First Touch UTM parameters

1. Add an item to the form.
   • Type: Hidden
   • Label: First UTM Source
   • Advanced > Default Value: afl_utm_js:utm_source_1st
   • Advanced > ID: utm_source_1st
2. Add an item to the form.
   • Type: Hidden
   • Label: First UTM Medium
   • Advanced > Default Value: afl_utm_js:utm_medium_1st
   • Advanced > ID: utm_medium_1st
3. Add an item to the form.
   • Type: Hidden
   • Label: First UTM Campaign
   • Advanced > Default Value: afl_utm_js:utm_campaign_1st
   • Advanced > ID: utm_campaign_1st

Last Touch UTM parameters

1. Add an item to the form.
   • Type: Hidden
   • Label: Last UTM Source
   • Advanced > Default Value: afl_utm_js:utm_source
   • Advanced > ID: utm_source
2. Add an item to the form.
   • Type: Hidden
   • Label: Last UTM Medium
   • Advanced > Default Value: afl_utm_js:utm_medium
   • Advanced > ID: utm_medium
3. Add an item to the form.
   • Type: Hidden
   • Label: Last UTM Campaign
   • Advanced > Default Value: afl_utm_js:utm_campaign
   • Advanced > ID: utm_campaign

Click Publish or Save Draft.

Want to populate more attribution data?

Refer to our Javascript Merge Tag list to populate First Touch UTM parameters, Last Touch UTM parameters, click identifiers (gclid, fbclid, msclkid), first landing page, website referrer and other attribution data.

3. Test your Elementor Forms

1. Generate your UTM tracking URL using Google Campaign URL Builder.
2. Launch your browser in private-browsing mode to simulate a new visitor.
3. Paste your UTM URL in the address bar and go.
4. Navigate your site like a normal visitor.
5. Then submit your form.

4. View your Elementor Forms submission

1. Login to your WordPress admin dashboard.
2. Go to Elementor > Submissions > Select your form.
3. View the latest submission for the UTM parameters.