How to Open Video Lightbox by Clicking a Button in WPBakery Page Builder

WPBakery Page Builder is a one of the most popular drag and drop WordPress visual editors. This tutorial will guide you how to open a video in lightbox by clicking a button in WPBakery Page Builder.

You can display YouTube, Vimeo, Wistia or HTML5 mp4 videos in the lightbox popup.

There are three steps in this tutorial:

  • Step 1 - Install Wonder Lightbox plugin
  • Step 2 - Add a button in WPBakery Page Builder and link it to your video
  • Step 3 - Enable lightbox effect for the button

Continue reading

How to automatically open a lightbox popup on page load

This tutorial will guide you how to automatically open a lightbox popup on page load. You can display image, webpage, PDF document, YouTube, Vimeo or HTML5 video in the lightbox popup.

There are three steps in the tutorial:

  • Step 1 - Install Wonder Lightbox
  • Step 2 - Get the URL of the image file, PDF document, HTML video file, YouTube or Vimeo embed URL
  • Step 3 - Add HTML code to the WordPress page to create an auto popup

In step three we will learn how to add the HTML code to WordPress classic editor, Gutenberg editor and Elegant Themes Divi page builder.

We will also discuss how to popup the lightbox only once and how to autoplay YouTube, Vimeo and HTML5 videos on lightbox popup and close the lightbox automatically when the video ends.

  • Additional 1 - Autoplay YouTube, Vimeo and HTML5 video and close the lightbox automatically when the video ends
  • Additional 2 - Popup the lightbox only once

Continue reading