Webflow – How to Track Tally.so Form Submissions

Skip the complex tracking stacks—Humblytics records Tally.so form completions in Webflow automatically, no extra JavaScript required.


Why Track Form Submissions?

  • Measure lead conversion from landing pages and pop‑ups

  • Compare form variations in A/B tests

  • Attribute success to specific traffic sources or campaigns

  • Trigger funnel goals inside your Humblytics dashboard

Because Humblytics is 100 % cookie‑free, you remain privacy‑compliant without consent banners.


Prerequisites

  1. A live Tally form URL (e.g., https://tally.so/r/wo1EaP)

  2. The Humblytics global script installed in Webflow → Project Settings → Custom Code → Head

Already tracking page views? Then you’re set—Humblytics will detect Tally submissions automatically once the embed is on the page.


Step‑by‑Step Setup in Webflow

  1. Open Your Page in the Designer Navigate to the page where your form should appear.

  2. Drag in an “Embed” Component From the Add panel (A), drag Embed into the layout at the desired location.

  3. Paste the Tally Embed Snippet

    <!-- Tally embed code begins -->
    <iframe data-tally-src="https://tally.so/embed/wo1EaP?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1" loading="lazy" width="100%" height="276" frameborder="0" marginheight="0" marginwidth="0" title="Contact form"></iframe>
    <script>var d=document,w="https://tally.so/widgets/embed.js",v=function(){"undefined"!=typeof Tally?Tally.loadEmbeds():d.querySelectorAll("iframe[data-tally-src]:not([src])").forEach(function(e){e.src=e.dataset.tallySrc});};if("undefined"!=typeof Tally)v();else if(d.querySelector('script[src="'+w+'"]')==null){var s=d.createElement("script");s.src=w;s.onload=v;s.onerror=v;d.body.appendChild(s);} </script>
    <!-- Tally embed code ends -->

    No extra tracking code needed—the Humblytics script in your <head> listens for the submission event automatically.

  4. Publish Your Site Click Publish and select the target domain(s). That’s it—Humblytics starts logging submissions instantly.


Viewing Submissions in Humblytics

  1. Log into your Humblytics dashboard.

  2. Go to Forms in the left nav.

  3. Look for a new event, typically labelled with your Tally form title.

  4. Slice by source, device, or date range to analyse performance, or set it as a goal in funnel reports.


Troubleshooting

Issue
Fix

No events showing

Confirm the global Humblytics script is present in Project Settings → Custom Code → Head and published.

Form not visible

Ensure the Tally embed URL is correct and the page is republished after edits.

I need to fire a custom event

Use window.Humblytics.track("tally-submit", {/* properties */}) inside an Embed if you want extra context, but it’s optional.


Quick Recap

  1. Embed Tally → Designer → Embed component → paste snippet.

  2. Publish → Humblytics auto‑captures submissions.

  3. Analyze → Forms tab → segment, compare, optimise.

Last updated

Was this helpful?