Popup Background content functionality!

Design help Animations & Interactions
1

Hello everyone, I hope you’re all doing well.

I have a quick question that I could use some help with. I created an automatic popup for my website and set a 30-second delay before it appears. However, during this 30-second delay, my webpage becomes unresponsive. I’m unable to click any links or interact with anything until the popup appears and is closed by the user. Is there a way to implement the popup with a delay while keeping the rest of the page fully functional?

Any assistance would be greatly appreciated

Here is my public share link: LINK
(how to access public share link)

2

Hey Krens,

Popup designs generally include an overlay piece that covers the entire page, so that you can click anywhere to close the popup.

My guess would be that your overlay is triggering immediately on page load but that the popup on top of the overlay is delaying for 30 seconds. You want the overlay to delay as well.

3

thanks for the tip. tried it and it worked

1 Like