Button link to OptinMonster Lightbox

Hi there,

OptinMonster now offers the option to load an OptinMonster popup lighbox with the click of any button. Information about that can be found on their website:

https://optinmonster.com/docs/how-to-manually-load-optinmonster-popup-with-click-of-a-button/

In the manual it says that the button should link to something like this:

Click me!

I should replace the slug with the slug of my own pop up lightbox. And for the class I should check with my theme. But this button isn’t a button of my theme, but a BeaverBuilder button.

I’m not so good with code. Can you help me out with linking a simple button to my pop up lighbox?

Thank you in advance!

Sincerely,

Hashim

Hello Hashim,

This will prove to be quite difficult since not only do we have to add in a class to the button/link, but we also have to add in a data-optin-slug attribute. But this is possible with the use of the HTML module which relies solely on codes. Unless you are going to be using the BB plugin default button(white text, blue background) which should be pretty easy. Let me know if you want to try it and I’ll give you a walk-through.

Ben

Hi Ben,

Thank you for your offer! I’d really like to give it a try. So I’ll be looking forward to your walk-through.

Sincerely,

Hashim

Hey Hashim,

This is the markup for the button BB uses.

<a href="#" target="_self" class="fl-button" role="button">
    <span class="fl-button-text">Click Here</span>
</a>

You can use the HTML module and paste that there, your button should be up. Adding the additional parameter for your optinmonster it should look like this.

<a href="#" target="_self" class="fl-button" role="button" data-optin-slug="slug-of-your-popup">
    <span class="fl-button-text">Click Here</span>
</a>

Just change the slug-of-your-popup to the proper slug. Then again, this is just for the default blue button with white text.

Hope this helps.

Ben

Hi Ben,

Thank you for this! But I think it’s a bit too difficult for me. I don’t really understand any of it. I don’t know where to put that code and what you mean by the basic blue with white button.

Could you please take a look on this page:

http://aziemafatima.com/test-2/

In the sidebar I placed a button. What I’m looking for is a way to have lightbox pop up when someone clicks that button. But I don’t know if that’s possible. In the manual I send you, they make it look so easy. But I don’t understand any of it.

If it’s not possible, let me know and I’ll try to get a refund from OptinMonster.

Thank you!

Sincerely,

Hashim

Hi Ben,

Thank you for assisting me so far!

I just want to let you know that I requested a refund for OptinMonster. And I just purchased OptimizePress. I’ll set it up tomorrow. So forget I asked about this. :wink:

Sincerely,

Hashim

No problem, Hashim. Getting that OptinMonster to work requires a bit of coding. Good luck on your site! :slight_smile:

Ben