Formstack: Setup UTM parameter Tracking

You can use our AFL UTM Tracker plugin to capture dynamic UTM parameters for your Formstack submissions embedded into your WordPress page.

We will using our Javascript Merge Tags feature to populate the UTM parameters and other attribution data into the Formstack hidden fields.

Minimum Requirements

• AFL UTM Tracker v2.23.0
• Formstack Javascript Embed Code
• WordPress v5.0.0

Changelog

• 2025-08-06
  • Updated Appfromlab HTML Code to support optout value.

Steps

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

1. Enable the “Javascript Merge Tag” feature under the AFL UTM Tracker plugin settings.
2. Create Hidden Fields on Formstack.com.
3. Get your Formstack Embed Code.
4. Get our Appfromlab HTML Code.
5. Paste our Appfromlab HTML Code into your WordPress page.
6. Test your Formstack.
7. View your Formstack 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 Hidden Fields on Formstack.com

1. Login to your Formstack account.
2. Go to your form.
3. Go to the “Build” tab.
4. Let’s say you want to capture the “Last Touch UTM Source”:
   • Drag and drop a “Short Answer” field to the form.
   • Field Label: Last UTM Source
   • Hidden: Checked
   • Default Value: afl_utm_js:utm_source
5. Capture the “Last Touch UTM Medium”:
   • Drag and drop a “Short Answer” field to the form.
   • Field Label: Last UTM Medium
   • Hidden: Checked
   • Default Value: afl_utm_js:utm_medium
6. Capture the “Last Touch UTM Campaign”:
   • Drag and drop a “Short Answer” field to the form.
   • Field Label: Last UTM Campaign
   • Hidden: Checked
   • Default Value: afl_utm_js:utm_campaign

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 and other attribution data.

Certain attribution data like URLs may require you to use the “Long Answer” field.

3. Get your Formstack Javascript Embed Code

1. Go to the Formstack account > Form > Share tab.
2. Look for the Website Embed section > Javascript Embed Code.
3. Copy the Javascript Embed Code by clicking on the “Copy code” button.

4. Get our Appfromlab HTML Code

1. On Line 3, replace MY_DOMAIN_NAME with your website URL.

5. Paste our Appfromlab HTML Code into your WordPress page

1. Login to your WordPress page.
2. Edit your Contact Form page.
3. Add the “Custom HTML” block.
   • Paste your Formstack Javascript Embed Code into the block.
4. Add another “Custom HTML” block below.
   • Paste our Appfromlab Javascript Code below into the block.
5. Save page and clear page cache.

6. Test your Formstack

1. Generate your UTM tracking URL.
2. Visit your UTM URL in private-browsing mode to simulate a new visitor.
3. Submit the form.

7. Check your Formstack Submission

1. Go to your Formstack account.
2. Go to your Form > Submissions tab.
3. View the submission.