Tracking

0 views

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

‍

Good to know

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Learn more

4.9/5 • 97 reviews

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur. Aliquam orci sagittis dignissim sapien praesent donec.

Let's discuss