Hi all,

Goal

Use one Zoho Form across multiple pages and record the exact page URL (incl. subdomain + path + hash) where the user submitted it.

Example pages:

I want a hidden field in the form (alias: source_page) to store that full URL on submission.

Current embed (iframe):

<iframe id="zohoForm" aria-label="Contact Us" frameborder="0" style="height:500px;width:100%;border:none;"

  src="https://forms.zohopublic.com/myacct/form/Contact/formperma/FORMPERMA_ID">

</iframe>

What I tried (none of these populated the field):

Added a hidden Single Line field in Zoho with Field Alias = source_page (also tried matching Field Link Name).

After the iframe tag, appended the page URL into the iframe src:

<script>

document.addEventListener('DOMContentLoaded', function () {

  var ifr = document.getElementById('zohoForm');

  if (!ifr) return;

  var u = new URL(ifr.src);

  u.searchParams.set('source_page', window.location.href);

  ifr.src = u.toString();

});

</script>

A “belt-and-suspenders” version that handles data-src/lazy-load, re-applies on load, hashchange, and via MutationObserver (still no value in submissions).

Tried hardcoding a prefilled URL directly in the iframe src (static test), e.g.:

.../formperma/FORMPERMA_ID?source_page=https%3A%2F%2Fwww.example.com%2Fcargo%2F — still not showing in the submission.

Verified browser referrer isn’t reliable (only shows eTLD+1), so I can’t rely on document.referrer.

What I’m asking the community / Zoho team:

Has anyone successfully captured the full embedding page URL in a hidden field when using the iframe embed?

In practice, does Zoho Forms prefill from URL read the Field Alias or the Field Link Name for iframe embeds? Any special toggle needed?

Is there an officially recommended approach (iframe vs. JavaScript embed) for passing dynamic values like the parent page URL into hidden fields?

Are there known caveats with URL fragments (#contact), lazy-loading iframes, or caching/CDN that would block this?

If you’ve gotten this working, could you share your exact steps (field settings + embed method + code)?

Environment details:

Embed type: iframe (not the JavaScript embed)

Hidden field: Single Line, Alias source_page (hidden)

Pages are standard static pages (no SPA), may use lazy-load by the site builder/CDN

Need to support both path and subdomain variations (e.g., https://cargo.example.com/...)

Desired outcome:

Every submission includes a hidden field source_page like:

Thanks in advance I really appreciate any step-by-step examples from folks who have this working.