NewThe Supreme Bundle: every Divi Supreme plugin, 31% less than buying separately.See what’s inside →

How to Open Video or Image Lightbox in Divi

Have you ever wanted to have a image or video lightbox popup on a button or image without coding? We've added this feature to both the Divi Supreme Image and Divi Supreme Image module, enabling to pop up a image or video lightbox when the user clicks on the button or image. You can enable […]

K

Divi Supreme, Divi Supreme team

Jun 11, 2019

On this page

Everything on this blog ships in Divi Supreme Pro.

70+ modules and 16 extensions. Unlimited sites.

Have you ever wanted to have a image or video lightbox popup on a button or image without coding? We've added this feature to both the Divi Supreme Image and Divi Supreme Image module, enabling to pop up a image or video lightbox when the user clicks on the button or image.

You can enable the image or video lightbox in just a few clicks without any custom coding.

We know that the Divi's image module does have this "Open in Lightbox" but the Supreme Image Module have much more. Take a look at how to open a different image in a lightbox.

You don't have to code for this because we've done the hard part. Now it's your turn to enjoy and speed up your productivity. 

Steps to Open a Image Lightbox in Supreme Button or Supreme Image module

  1. Firstly, install and activate Divi Supreme plugin.
  2. Go to Divi Builder and look for Supreme Button Module/Supreme Image Module.
  3. Under Link, Toggle "Open in Lightbox".
  4. Save and Publish!

The steps above is the same for both the Supreme Button and Supreme Image Module.

Steps to Open a Video Lightbox in Supreme Button or Supreme Image module

  1. Firstly, install and activate Divi Supreme plugin.
  2. Go to Divi Builder and look for Supreme Button Module/Supreme Image Module.
  3. Under Link, Toggle "Open as Video Lightbox".
  4. Paste your YouTube, Vimeo and Dailymotion URL link on the URL input field.
  5. Save and Publish!

The steps above is the same for both the Supreme Button and Supreme Image Module.

What's the different between the free and pro version when using the lightbox?

This is available on the free and pro version. However, the free version only allow you to have image lightbox. The pro version allow you to have both the image and video lightbox. Not only that, the pro version have extra options to customize the max width and close button of the lightbox. Not only that, the pro version has more modules with lots of options compared to the free one and extensions.

Divi Supreme plugin enhances the experience and features found on Divi and extend with custom creative modules and extensions to help you build amazing Divi websites.

In case you need a demo for Divi Supreme Button and Divi Supreme Image.

Alternativily, you can watch this YouTube video by Samar Jamil.

Let us know what you think about it in the comments.

Found this useful? Share it with a Divi friend.

Get everything from this blog with Divi Supreme Pro.

Every module and extension from this blog, in one plugin, native to Divi 5.

70+ modules and 15 extensions

Unlimited sites on every plan

14-day money-back guarantee

$79

per year, or $269 lifetime

Divi Supreme Pro

Keep reading

Divi 5 multi-select with Bulk Edit applied across several Divi Supreme modules

Bulk Edit for Divi 5: Edit Many Divi Supreme Modules at Once

4min read
Temporary Support Access panel in Divi Supreme Pro showing a private support link, access window options and system status

Temporary Support Access for Divi: Let Support In Without Sharing Your Password

7min read
Supreme Post Reading Time module for Divi 5 showing a post byline with a 7 minute reading time and its content settings

Post Reading Time for Divi: Show an Accurate Read Time on Every Post, No Code

6min read

Get every Divi tip in your inbox.

New tutorials, module releases and Divi 5 updates, in one email a month. Unsubscribe any time.

Join Divi designers and agencies who build with Divi Supreme.

Divi Supreme