Popup lightbox

Support
#1

How can I get the following membership form to appear in a popup lightbox when a button is clicked on a page?

[mepr-membership-registration-form id=“11032”]

Thanks!
Blake

#2

Hello @goalsarecool,

Thanks for writing in!

You can refer our Lightbox tutorial:

Thanks.

#3

I tried the following in the text tab of a page and it didn’t work.

<div id="my-content">
[mepr-membership-registration-form id="11032"]
</div>

<a href="#my-content" class="lightbox-selector x-btn" data-type="inline">Click Me</a>

[lightbox selector=".lightbox-selector"]

My div content is still visible… the result is my MemberPress form with my button below it, which does not even open the lightbox. How do I hide the preceding div content so that only the button appears and once clicked, opens up the lightbox with the MemberPress form in it?

#4

Hi There,

Please try with this code instead:

<div id="my-content" style="display: none">
[mepr-membership-registration-form id="11032"]
</div>

<a href="#my-content" class="lightbox-selector x-btn" data-type="inline">Click Me</a>

[lightbox selector=".lightbox-selector"]
#5

It works on my MAC but not my Windows desktop.

https://goalsarecool.com/test/

Can you please tell me how to get it working on my Windows desktop? Also, how do I get the form smaller so that you don’t have to scroll in order to find the create account button?

Thanks!
Blake

#6

Hi there,

I’m on Windows 10 (desktop) and it’s working. Please clear your Windows desktop’s cache before testing.

About your last question? What’s your target height, or device? The form appears to be okay in my view (smaller with no scrolling).

Thanks!