> 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/hubspot-forms/webflow-how-to-track-hubspot-form-submissions.md).

# Webflow – How to Track HubSpot Form Submissions

Embed a HubSpot form in Webflow and Humblytics tracks submissions automatically.

{% hint style="info" %}
**You need:** the Humblytics script installed on your Webflow site. See the [Webflow install guide](/how-to-get-started/webflow.md).
{% endhint %}

## 1. Embed your HubSpot form

1. In HubSpot, open your form and click **Share → Embed code**, then copy it.
2. In the Webflow Designer, open the page, press `A` to open the **Add** panel, and drag a **Code Embed** element where the form should go.
3. Paste the HubSpot code and click **Save & Close**.

If the code contains `hs-form-frame`, also paste the [snippet for newer HubSpot forms](/how-to-track-custom-form-submissions/hubspot-forms.md#which-hubspot-embed-do-i-have) into the same Code Embed, below the HubSpot code. Otherwise, you're done.

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

## 2. Publish and test

1. Click **Publish** and choose your live domain.
2. Open the live page in a private window and submit a test entry.
3. In Humblytics, go to **Observe → Analytics → Forms** and look for **Hubspot Form** (or the name you chose) within a minute or two.

**Not showing?**

* Test on your published domain, not the Webflow Designer or preview.
* Check which embed you have. Newer HubSpot forms (`hs-form-frame`) need the snippet.
* Confirm the Humblytics script is in **Site settings → Custom code → Head code** and that you published after adding it.