It is hard to find the documentation on this, but it is quite easy to get an inline lightbox working:
First from the list of shortcodes screen insert the ‘Lighbox’, make sure you set the selector with ‘.’ or ‘#’, in this case I used: #popup
[lightbox type="inline" src="#popup"][button] Click Here to open popup. This can also be any <a> tag. [/button][/lightbox]
Next insert ‘Lightbox content’, here you don’t have to use the . or #, just the same selector from above: popup
[lightbox_content id="popup"]Hello this is in a popup lightbox. You can put anything in here, including shortcodes.[/lightbox_content]
@ajd
Thanks for this info. I was searching for the documentation on how to get this to work and your post helped me a lot.
I am using the SU lightbox with a link to create click triggers that open email popups. This is a feature that you usually need to have a premium email service plan to use, for instance, SumoMe wants $20 per month to do this. Using this plugin let’s me do this for free.
Basically, a link opens a popup with a subscribe form in it.
The code I used for the link is:
[su_lightbox type="inline" src="#click-trigger"][su_permalink]Click Here to open popup.[/su_permalink][/su_lightbox]
The code for the lightbox content is:
[su_lightbox_content id="click-trigger" width="60%"]
Call to action text then email form embed.
[/su_lightbox_content]
