Is there a way to get rid of the x on the popups and only close on a button click?

  • 26 July 2018
  • 5 replies
  • 375 views
J
Badge

Is there a way to get rid of the x on the popups so that they only close on button click? The theory behind this is that I would like the user to ONLY be able to close on a button click and have the popup show on the first visit.

5 replies

Rob
Userlevel 6

Hi @jaredberryman you can remove the close button with a bit of CSS placed on the host page the pop up is set to fire on:

 .ub-emb-iframe-wrapper .ub-emb-close {
  	visibility: hidden;
  }

I’m not sure what the specific use case is here, but you won’t be able to track a button set to “close on click” in the page builder as a conversion. If you’re using some third party tracking (like Google Analytics) this shouldn’t be an issue for you.

If you do need to track that click in Unbounce though a sneaky little workaround would be to add a form to the popup with a single field and then hide the field by covering it with the submit button. You can then track the “form submission” as a conversion to see how many people clicked the button.

Hope this helps!

J
Badge

Thanks! This was precisely what I was looking for.

The idea is to create a popup where you can only get out of the popup if you either input your email, or you click on a button that has a negative connotation.

Thanks for your help.

L

Hi Rob,

My popup - pops up on an Unbounce host page. Where do I exactly put that script?

Best - Scott

Zoe_Zwiebelmann

Hi there, thanks, that already helped me as well. I want to go a step further and only allow to continue once the email has filled, which means that I need to avoid that they can click on the outside area of the popup to close the popup. Any idea on how I can do that?

Justin_Ulrich

Hey Zoe,

Just found this post, which has some helpful code linked to do just what you’re looking for.

Justin

Reply


Terms & ConditionsCookie settings