SourceTag

Form Setup

Set up SourceTag with Zoho Forms

Zoho Forms is Zoho’s standalone form builder (separate from Zoho CRM Webforms). It has its own hidden field type in the form editor, and SourceTag can populate those fields when the form is embedded on your site.

If you are using Zoho CRM Webforms instead, see Set up SourceTag with Zoho CRM Webforms.

What you need

  • SourceTag installed on your website
  • A Zoho Forms account
  • The form embedded on your site using the JavaScript embed (not iframe)

Step 1: Open your form in the Zoho Forms builder

Log in to Zoho Forms, open your form, and click Edit to open the form builder.

[IMAGE: Screenshot of Zoho Forms builder]

Step 2: Add hidden fields

  1. In the form builder, look at the field palette on the left
  2. Under Advanced Fields, find Hidden Field
  3. Drag it onto your form
  4. Repeat for each SourceTag field

[IMAGE: Screenshot of Zoho Forms field palette showing the Hidden Field option under Advanced Fields]

Core fields (add these)

Add a hidden field for each of the following:

  • st_fc_channel
  • st_fc_detail_1
  • st_fc_detail_2
  • st_fc_detail_3
  • st_fc_detail_4
  • st_lc_channel
  • st_lc_detail_1
  • st_lc_detail_2
  • st_lc_detail_3
  • st_lc_detail_4
  • st_fc_landing_page
  • st_lc_landing_page

Optional extended fields

If you have enabled extended field groups in your SourceTag dashboard, also add:

  • st_fc_click_id and st_lc_click_id (click IDs)
  • st_visits (visit count)
  • st_days_to_convert (days since first visit)
  • st_device (device type)

Step 3: Set the field name

For each hidden field:

  1. Click on the hidden field in the builder
  2. In the field properties panel, find Field Link Name (this controls the HTML name attribute)
  3. Set it to the SourceTag field name exactly (e.g. st_fc_channel)
  4. Leave the default value empty

Zoho Forms sometimes auto-generates a link name based on the field label. Make sure the link name matches the SourceTag field name, not just the label.

[IMAGE: Screenshot of Zoho Forms hidden field properties showing the Field Link Name]

Step 4: Embed using the JavaScript method

  1. In Zoho Forms, click Share or Integrate
  2. Choose Embed in your website
  3. Select the JavaScript embed option (not iframe)
  4. Copy the embed code and paste it onto your page
<!-- Your site already has SourceTag -->
<script src="https://cdn.sourcetag.io/scripts/YOUR_ID/st.js" async></script>

<!-- Zoho Forms JS embed -->
<script type="text/javascript" src="https://forms.zohopublic.com/YOUR_ACCOUNT/form/YOUR_FORM/formperma/YOUR_ID/js"></script>

The iframe embed loads the form on Zoho’s domain, which means SourceTag cannot access the fields. Use the JavaScript embed.

[IMAGE: Screenshot of Zoho Forms embed options with JavaScript embed selected]

Step 5: Test

Visit the page with UTM parameters:

?utm_source=test&utm_medium=cpc&utm_campaign=zoho-forms-test

Submit the form. In Zoho Forms, go to All Entries and check the test submission. The hidden fields should contain your attribution data.

[IMAGE: Screenshot of Zoho Forms entry showing populated hidden fields]

Tips

  • Field Link Names in Zoho Forms are case-sensitive. Copy the names from the Fields page in your SourceTag dashboard.
  • If you have a Zoho CRM integration set up on the form, make sure the hidden fields are mapped to the right CRM fields in the integration settings. See Set up SourceTag with Zoho CRM for the CRM side.
  • Zoho Forms integrations (Zoho CRM, Zoho Sheets, webhooks, etc.) will include hidden field values.
  • If your hidden fields come through empty, inspect the form HTML in your browser dev tools and confirm the name attributes match the SourceTag field names.