Streaming live at 10am (PST)

Flag Message Pop Up

#1

Hi,
How can I implement a flag message like this (see attached) to every page on my site. The user should be able to click on it and it takes them to a page in my site and close it out with the “x” in the corner. I want the message on every page that a user could land on but after they close it out it shouldn’t come up anymore within that session. I would like for it to come back up during their next session.


https://preview.webflow.com/preview/blog-1-324f36?utm_source=blog-1-324f36&preview=eb5ad576e3e11f04021f19204b042860

#2

Just use a div set to absolute in the body and put your link in it and style it as you’d like. Then put a close button and apply an interaction which will hide the class of the div when clicked.

You will need to copy and paste the div onto every page on the site so I’d suggest making it a symbol first so if you want to make changes, they carry across the site.

#3

Thanks for the help on this. So how do I get the button in the div? I have everything where it should be on the homepage.

#4

Just add an image of a close button to the background of a div with a fixed size to fit. Set the div to be wherever you want it inside the banner. Then apply the interaction to it.

Seems you have a lot of questions on here. Did you go through tutorials on https://university.webflow.com ? I strongly suggest checking them out.

#5

ok thanks. I have unfortunately

#6

No worries, sorry if it seemed I was being rude. We want everyone to succeed on here but unfortunately many people ask questions before searching the forums and the university page for answers first so I try to point them to where they can find answers quicker and better than I could ever explain. Were you able to figure this out?

#7

I did but haven’t worked on the interaction yet. It’s also not to correct size on mobile and I’m not sure how to get it to work for all devices.

#8

If you got it working on desktop just change the sizing for each device to whatever you want.