AFL UTM Tracker Documentation

  2. Home
  4. Docs
  6. AFL UTM Tracker Documentation
  8. Other Form Integrations
  10. Zoho Forms: Setup UTM Conversion Tracking

Zoho Forms: Setup UTM Conversion Tracking

With our AFL UTM Tracker plugin, you can populate the UTM parameters into your Zoho Forms for UTM conversion tracking.

Minimum Requirements

  • AFL UTM Tracker v2.17
  • WordPress v5.0.0

Steps

AFL UTM Tracker Settings

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

Setup Zoho Form Hidden Fields

  1. Login to your Zoho Forms account.
  2. Go to your Form > Builder.
  3. Add a Single Line field for each UTM parameters below.
  4. Set Field Label to the following and set each field’s Visibility to “Hide Field”.
    • First UTM Source
    • First UTM Medium
    • First UTM Campaign
    • First UTM Term
    • First UTM Content
    • Last UTM Source
    • Last UTM Medium
    • Last  UTM Campaign
    • Last  UTM Term
    • Last  UTM Content
    • GCLID
Zoho Forms > Single Field
Zoho Forms > Single Field

Setup Field Alias

  1. Go to the Settings tab > Field Alias – Prefill URL.
  2. Map the respective Field Label to the Field Alias as below:
    • First UTM Source: utm_source_1st
    • First UTM Medium: utm_medium_1st
    • First UTM Campaign: utm_campaign_1st
    • First UTM Term: utm_term_1st
    • First UTM Content: utm_content_1st
    • Last UTM Source: utm_source
    • Last UTM Medium: utm_medium
    • Last  UTM Campaign: utm_campaign
    • Last  UTM Term: utm_term
    • Last  UTM Content: utm_content
    • GCLID: gclid
  3. Save the setting.
Zoho Forms > Setup Field Alias
Zoho Forms > Setup Field Alias

Embed Zoho Forms

  1. Go to the Share tab > Embed > iframe.
  2. Copy the iframe code.
  3. Login to your WordPress admin dashboard.
  4. Go to the page where you want to display the Zoho Forms.
  5. Add a “Custom HTML” component.
    • Paste the iframe code into the “Custom HTML” component.
    • Change the iframe src=”https://…” attribute to afl-utm-src=”https://…”

Sample Code

<iframe aria-label='Contact' frameborder="0" style="height:500px;width:99%;border:none;" src='https://forms.zohopublic.com/xxxxxx/form/Contact/formperma/xxxxxx'></iframe>

Modified Sample Code

<iframe aria-label='Contact' frameborder="0" style="height:500px;width:99%;border:none;" afl-utm-src='https://forms.zohopublic.com/xxxxxx/form/Contact/formperma/xxxxxx'></iframe>
  1. Add another “Custom HTML” component.
    • Paste our javascript code below into the component.
  2. Save page.

Javascript Code