Skip to main content

I am currently having an issue with a pop up on my landing page. By default, you can exit Unbounce pop ups by clicking on the surrounding area of the pop up. Seeing as financial advertising laws require us to ensure a user agrees to the pop up before seeing the page, this makes my landing page uncompliant which is causing us issues.


Does anybody know how to make the surrounding area unclickable? Like on this website https://www.carltonbonds.co.uk/


Thank you in advance!

Hey @OliverCourt23 - Unbounce pop ups aren’t really designed to be used as gates (see this post for some explanation around it).


Maybe have a look at some of the suggestions in the above linked discussion 🙂


Thanks, I managed to get a developer to write some code for me to make it work, please find below if anybody needs


https://www.codepile.net/pile/lgGAWAe9


Thanks!



Ah super cool! Thanks for sharing it 🙂


@Jess might be worth adding as an official script?


https://www.codepile.net/pile/PwXyozBy


Here is an updated version that works better btw 🙂


This is amazing!! Thanks for looping me in @Zoe_Tattersall I’ll see about turning this into an official workaround for more folks to have a look – especially with so many new changes to privacy and compliance, this is a terrific bit of functionality!


I’ve got to send you both some Unbounce swag for this, keep an eye on your DMS 👀


https://www.codepile.net/pile/PwXyozBy

 

Here is an updated version that works better btw 🙂

 

May seem like a silly question but where should this code be added? I need to make this change too on my pop ups.


Hi @sridleys!

 

I had a little play around with this, and found that the code needs to be added to the Javascript section of the page(s) where the popup is appearing. I set the placement to ‘Before Body End Tag’

 

Here’s a short video of the process. Enjoy!


This is super helpful! Thank you so much!


Reply