> For the complete documentation index, see [llms.txt](https://docs.humblytics.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.humblytics.com/how-to-track-custom-form-submissions.md).

# How to Track Custom Form Submissions

Most forms are tracked automatically once the Humblytics script is installed. Find out which ones need a quick setup, and how to name your forms.

A form submission is one of the most valuable things a visitor can do: a demo request, a signup, a booked call. Humblytics records each one as a conversion, so you can see which pages, campaigns, and A/B test variants bring in leads.

You'll find your submissions in **Observe → Analytics → Forms**. See [Understanding Forms Data](/understanding-your-data/understanding-forms-data.md) for how to read them.

***

## Does my form need setup?

Check your form tool below. Every option needs the Humblytics script on the page where the form is. If you haven't installed it yet, start with [Getting Started](/how-to-get-started.md).

| Form tool                                                                               | Setup needed                                               | Shows up in Humblytics as   |
| --------------------------------------------------------------------------------------- | ---------------------------------------------------------- | --------------------------- |
| Regular website forms (Webflow, Framer, WordPress, Elementor, Shopify, custom HTML)     | None                                                       | Your form's name, or `Form` |
| [GoHighLevel](/how-to-track-custom-form-submissions/gohighlevel.md)                     | None                                                       | `GoHighLevel Form`          |
| [HubSpot Forms](/how-to-track-custom-form-submissions/hubspot-forms.md)                 | None for most forms. Newer HubSpot forms need one snippet. | `Hubspot Form`              |
| [HubSpot Booking Links](/how-to-track-custom-form-submissions/hubspot-booking-links.md) | None                                                       | `Hubspot Meeting Booking`   |
| [Tally](/how-to-track-custom-form-submissions/tally.so.md)                              | None. Optional connector for extra accuracy.               | Your Tally form's name      |
| Fillout                                                                                 | None                                                       | `Fillout Form`              |
| Marketo                                                                                 | None                                                       | `Marketo Form`              |
| [JotForm](/how-to-track-custom-form-submissions/jotform.md)                             | Connect in **Connectors**                                  | Your JotForm form           |
| [Typeform](/how-to-track-custom-form-submissions/typeform.md)                           | Add one snippet                                            | The name you choose         |
| [Cal.com](/how-to-track-custom-form-submissions/cal.com.md)                             | Add one snippet                                            | The name you choose         |

{% hint style="info" %}
**Using Framer?** Framer runs code from an **Embed** component inside its own frame, separate from your page. Tools marked "None" above still need a short relay snippet in Framer. Each Framer guide includes it.
{% endhint %}

***

## Give your forms clear names

Humblytics labels website forms with the first name it finds:

1. A `data-humblytics` attribute on the `<form>` tag, for example `data-humblytics="demo-request"`
2. The form's name in Webflow (its `data-name`) or its layer name in Framer
3. `Form`, if there's no name at all

If several forms on your site all show up as `Form`, add a `data-humblytics` attribute to each one so you can tell them apart.

**Webflow:** select the form block, open **Settings → Custom attributes**, and add `data-humblytics` with a value like `demo-request`.

<mark style="background-color:pink;">ADD GIF HERE</mark>

***

## Track a submission with code

Use this when your form tool isn't listed above, or when you want to record a submission yourself, for example only after your own validation passes. Run it when the form submits successfully:

```javascript
window.Humblytics.trackFormSubmission("demo-request");
```

Replace `demo-request` with any name you like. It appears in the Forms dashboard, funnels, and A/B test goals under that name.

**Form on a different domain?** For example, a checkout on `pay.yoursite.com` that should count toward `yoursite.com`. Pass your main domain:

```javascript
window.Humblytics.trackFormSubmission("checkout-form", {
  domain: "yoursite.com",
});
```

See [Cross-Domain Tracking & Whitelisting](/cross-domain-tracking-and-whitelisting.md) for the full setup.

***

## Use submissions across Humblytics

* **Funnels:** in **Observe → Funnels**, add a **Page** step for the page with your form, then a **Form** step. The drop-off between the two is your form's conversion rate. See [Understanding Funnels](/understanding-your-data/understanding-funnels.md).
* **A/B tests:** pick **Increase Form Submissions** as your goal to see which version of a page brings in more leads. See [Increase Form Submissions](/split-testing-overview/creating-a-b-page-variants-for-split-testing/conversion-goals/increase-form-submissions.md).

***

## Check that it works

1. Open your live page in a private window and submit a test entry.
2. Go to **Observe → Analytics → Forms**. The submission shows up within a minute or two.

**Nothing showing?**

* Test on your **published** site, not a builder preview or editor.
* Make sure the Humblytics script loads on that exact page: open DevTools (**F12**) → **Network**, refresh, and filter for `hmbl.min.js`. A `200` status means it's loading.
* Ad blockers can block tracking on your own device. Try with them turned off.

Still stuck? See [Verify & Troubleshoot Tracking](/how-to-get-started/verify-and-troubleshoot-tracking.md).