# 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**

   ```html
   <!-- 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.
