Streaming live at 10am (PST)

Modul pop up appear after a certain period of time


#1

Hey fellow flowers,

I would like to have my modul pop up appear after a certain periode of time.

E.g. a visitor is on our site and after 50 seconds of viewing, I would like my pop up to appear with a promt to get in contact.

Is this possible somehow?

Thanks

T


#2

This is only possible with custom code. An easier way to do this with interactions is to show the popup after the user has scrolled down to a section.


#3

Can do it if it's just on one page - say the Home/landing page.

Create and style a popup div to hold the popup content (set max z index, 100vw 100vh position fixed)
Create contents of popup
Set popup class to Display None
Create an interaction for popup div, trigger is Load
Step one Show None, Wait 50000ms (or however long you want)
Step Two Show Block, 0% opacity, 0ms
Step Three Show Block, 100% opacity, 200ms

Voila!!

Or have a look at this Codepen

Just need to use your class names etc in the script and embed into the page

Not going to work if you hit a link within the site - the Wait will start all over again (btw 50 seconds seems an awfully long time?)

Good luck

PS Don't forget the Close popup button - I learnt the hard way


#4

PPS Have a look at the Webflow video - just change the Click to Load and add the Wait at the start of the interaction