How can I set up a Webflow popup form to only appear on a visitor's first visit to my home page and not on subsequent visits?

To set up a Webflow popup form that appears only on a visitor's first visit, you need to use cookies or local storage. Here's how to do it:

​

1. Create the Popup Form

• Design your popup form within Webflow. Position it in your home page using a fixed or absolute position.
• Hide the popup by default using initial state settings in your Webflow interactions.

​

2. Set Up Interactions

• Create a new page load interaction.
• Add a condition to only show the popup when a specific cookie or local storage item doesn't exist yet.
• Configure the interaction to show the popup form when the page loads.

​

3. Use Custom Code for Cookies/Local Storage

• Open your Project Settings and go to the Custom Code section.
• Insert a script in the "Before </body> tag" area to check or set a cookie or local storage item.
• Use an inline description like localStorage.getItem("visited") to check if the visitor has already loaded the page.

​

4. Custom Code Example

• Set a cookie or local storage upon the first visit:
• For local storage, you might use: localStorage.setItem("visited", "true");
• Add conditional logic to display the popup only if this item doesn't exist.

​

5. Test Your Popup

• Publish your site and test the popup on various browsers and devices.
• Verify that the popup only appears on the first visit. Clear cookies/local storage to simulate a first-time visitor.

​

Summary

To make a popup form appear only on the first visit in Webflow, you need to use a combination of interactions and custom code for cookies or local storage. Design your popup form, set up an interaction, and use a script to track first-time visits effectively.