Drag

Add

Lorem ipsum

Lorem ipsum

A

A

A

share

Tracking

5 min

Track and surface your prospects’ first navigation page in Webflow

Video

Step	Webflow element	Action
1	Head of each page	Add the script to capture the first page
2	Form	Add a hidden field to store the URL
3	Hidden input	Add a unique ID (e.g. firstpage)
4	Head or Body	Inject the value into the field

In this episode, Sandro, cofounder of the Gemeos Webflow agency, shows you how to track and capture the first page your prospects visit in Webflow

‍

1. Add the custom code to capture the first page and store it in session

Add this custom code in the head of each of your landing pages

2. Add a field to your form to pass along the stored value

Make sure to set these fields to display: none. Your prospects don't need to see them, and it could hurt your conversion rate.

‍

3. Add an ID to your form field

‍

4. Add the custom code to display the first page URL in your form field

Make sure to replace "firstpage" with the ID you set earlier

good to know

This script uses sessionStorage, which resets when the tab is closed. To keep the first page across multiple sessions, replace sessionStorage with localStorage.

5. Publish your site and test the result

‍

Published on 10.04.2025

Sandro DA SILVA

You might be interested in these tutorials

Similar tutorials

Tracking

How to Capture UTM Parameters with Calendly

1 vues

6 min

Tracking

Running A/B Tests in Webflow with UTM Parameters

1 vues

7 min

Tracking

Set up dataLayer in your Webflow project

1 vues

8 min