---
title: Add hidden fields to your Webflow form
description: "## Scope Webflow is a website builder that allows you to create beautiful websites. It contains its own form builder to capture leads directly on Webflow. With Leadsources, you can **track the source of the leads generated in Webflow**, alongside…"
url: "https://help.leadsources.io/docs/add-hidden-fields-webflow/"
updated: "2026-05-21"
category: Add Hidden fields
---

# Add hidden fields to your Webflow form

## Scope

Webflow is a website builder that allows you to create beautiful websites. It contains its own form builder to capture leads directly on Webflow.

With Leadsources, you can **track the source of the leads generated in Webflow**, alongside 6 other lead source data.

In this guide, we will show you **how to add hidden fields in Webflow**to start capturing the source of your leads.

[Add hidden fields to your Webflow form](https://www.youtube.com/embed/NWqDNS9pFao?feature=oembed)

## Set up the hidden fields

From your Webflow dashboard, open the site where you want to add the hidden fields.

![](http://help.leadsources.io/wp-content/uploads/2024/11/Hidden-fields-Webflow-1-1024x461.webp)

In your Form Block, add an **embed** element. Add it right above the submit button.

![](http://help.leadsources.io/wp-content/uploads/2024/11/Hidden-fields-Webflow-2-1024x461.webp)

The **Code embed editor** opens. Simply paste the following html code:

```
<input type="hidden" value="leadsources">
<input type="hidden" class="form-item field hidden" id="leadsources-channel" name="leadsources-channel" value="[channel]">
<input type="hidden" class="form-item field hidden" id="leadsources-source" name="leadsources-source" value="[source]">
<input type="hidden" class="form-item field hidden" id="leadsources-campaign" name="leadsources-campaign" value="[campaign]">
<input type="hidden" class="form-item field hidden" id="leadsources-content" name="leadsources-content" value="[content]">
<input type="hidden" class="form-item field hidden" id="leadsources-term" name="leadsources-term" value="[term]">
<input type="hidden" class="form-item field hidden" id="leadsources-landingpage" name="leadsources-landingpage" value="[landingpage]">
<input type="hidden" class="form-item field hidden" id="leadsources-landingpagesubfolder" name="leadsources-landingpagesubfolder" value="[landingpagesubfolder]">
```

The window should look like this:

![](http://help.leadsources.io/wp-content/uploads/2024/11/Hidden-fields-Webflow-3-1024x461.webp)

Click **Save & Close**

**Publish**your changes.

You are all set!

Leadsources will **capture****and store the leads data****in these 7 hidden fields**. This data will be visible from the Webflow submissions page (under Settings --> Forms), alongside the form's responses (name, email, etc.).
