Launch Lightbox with V2 Buttons

Hi is there a way to launch the lightbox using V2 Buttons?

Hi There,

Thank you for writing in! Yeah sure, first you need to place a lightbox shortcode on your page (I advise you put it on the bottom of the page). You can place it on a RAW Content element.

[lightbox selector=".lbx"]

Then apply a CLASS lbx to your button

screenshot

Of course you can have your own class-name on your button class and lightbox selector.

Shortcodes - [lightbox]

Keep in mind that the lightbox shortcode is for Images and Videos gallery only. Not meant for pages.

Hope it helps,
Cheers!

2 Likes

Thanks for this!

You’re welcome!

Hey, thanks!

I put the YouTube embed link in V2 button URL field and the video worked in lightbox, full screen. Is that the right place for the vid URL though?

Also, if I want multiple videos to show in lightbox i.e vid gallery, where do I put the other vids’ URLs?

One more thing, how do I make the YT vid play automatically? it currently doesn’t, it just show up and the visitor has to click “play”

Hello There,

Thanks for updating this thread. It’s good to know that it is working for you. You are doing the right way.

1.) If you want to add multiple videos, you might need another button. You cannot add multiple videos in one button link.

2.) To make youtube video play automatically, please add “&autoplay=1” to the video’s embed code right after the video ID (the series of letters that follows “v/”).

<iframe width="560" height="315" src=" 
https://www.youtube.com/embed/D6Ac5JpCHmI?&autoplay=1" frameborder="0" 
allowfullscreen></iframe>

If you are using youtube link, just add the &autoplay=1 to the link;

https://www.youtube.com/watch?v=D6Ac5JpCHmI&autoplay=1

Hope this helps.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.