WonderPlugin Lightbox and Visual Composer Page Builder

This post will show you how to work WonderPlugin Lightbox with the popular WordPress page builder Visual Composer.

Step 1 - In Visual Composer page editor, click the Add Element button, then select the element Text Block.

visualcomposer-textblock

Step 2 - In the Text Block Settings dialog, add your link, then switch to Text mode, add class="wplightbox" to the <a> tag.

visualcomposer-lightbox

Step 3 - Test the lightbox effect in the published WordPress page or post

Update the page/post, visit your website and test the lightbox effect in the published page/post. The lightbox popup will not work inside the Visual Composer editor itself, both frontend and backend editors. If you click the link in the editor, it will simply goto the link.