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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.humblytics.com/how-to-track-custom-form-submissions/tally.so/webflow-how-to-track-tally.so-form-submissions.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
