Pop-up that loads when visiting the site, not the page

Ask the community
,
1

Hi.

I’m trying to make a pop-up that behaves exactly like the defaut lightbox available on Editor X - when a user visits the main page for the first time during that session a lightbox shows up. If the visitor is navigating through the site and goes back to the main page, the lightbox doesn’t show up again.
However, if the visitor refreshes the page, the lightbox will show up again.
What I don’t like about the default lightbox is that it blocks the background while it’s showing (maybe the Wix developers should add an option to stop the lightbox from blocking the background).

How can I make Wix identify if a visitor has visited the site for the first time during that session?

OBS: I don’t want the pop-up to show up only during the first visit ever of a visitor, but on all the first times he entered the site.

Thanks and I apologize about for my english.

2

Hey there,

What you’re looking for is the sessionStorage API provided by Velo. That will allow you to check whether this is the visitor’s first time on the site during that session or now.

In your masterPage.js file, you’ll want to check if they’ve visited before. If they haven’t you’ll show your lightbox and set the visited flag to true using the session API. Something like

//masterPage.js

$w.onReady(()=>{
    cosnt hasVisited = session.getItem('visited');
    //If hasVisited is null, then this is there first time.
    //If it has a value, then they have been on the site for this session before.
    
    if(!hasVisited){ //Checks if hasVisited is null using a NOT operator
        showLightbox(); //Your code to show the lightbox.
        session.setItem('visited','true');//Takes strings as values
    }
})

The showLightbox() above is pseudocode, and would be replaced by your own code.