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.
Set up the hidden fields #
From your Webflow dashboard, open the site where you want to add the hidden fields.
In your Form Block, add an embed element. Add it right above the submit button.
The Code embed editor opens. Simply paste the following html code:
<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:
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.).