How to use Lightbox and dynamic Lightbox with Elementor

Your website is your business’s online realm. It’s a place where anyone who’s even a slight bit curious about what you do will visit. It’s often the very first thing that most buyers even look at when deciding to pursue a service provider or when it comes to buying a product. Hence, a website must be something that can truly impress. 

Table of Content

Using the Elementor Pro:

If your website is built on Elementor Pro, then you’re in for a big advantage. Elementor Pro isn’t only one of the best website page builders on WordPress but it’s highly unique and often provides plenty of ways through which you can change the look of your page. 

It’s got a brilliant contrast and array of color combinations and it’s quite easy to use as well. You can literally embed anything everywhere and this perk is supplemented by the fact that you can add more 50 widgets on your website. One of the features that we will be covering today is the use of Lightbox and how it can totally change the look of your website.

Introducing the Lightbox:

Lightbox is a tool that you can use to add images, videos and even carousels in a pop up window box. Usually, the best way to explain this is if you want a video or an image to open when your visitor clicks on let’s say a button. The Elementor Lightbox in essence enables you to display an image or a video in a manner that’s unexpected and is just a creative way to get an engagement from a viewer.

Using the Lightbox:

Using the Elementor Pro Lightbox is easy and straightforward. Generally, the Lightbox is enabled by default but you can also turn it on by going to the Global settings of a specific page. Global settings will allow you to make changes that are diverse and give you plenty of options in terms of image or video effects.

In order to go to the global settings just click on the hamburger icon as indicated in the image below:

After this you just have to click on the global settings:

Global Settings:

If you turn on the image Lightbox option then all the images that are linked will open up in a pop up or a Lightbox. This when turned on allows an exclusive feature in all of your website. 

Turning on the counter option will enable multiple images to be displayed in a Lightbox. This is especially useful when you’re trying to showcase samples or images of a certain product in different colors.

The Fullscreen as the name suggests, will open your lightbox image in a full size image. Can be useful if specific details need to be looked at in an image.

You can also enable a zoom in option, the lightbox image can be accessed across different points at a zoomed in position.

You can also share the lightbox image on social media by allowing the share option.

The title of a Lightbox image can be displayed as shown in the next image and the same case is for its description. You can choose from options such as none, Title, Caption, Description of Alt. These can be set individually while an image is uploaded.

The Global Settings of Lightbox Dynamic are essential because they provide a better understanding of the endless possibilities you can achieve with the Lightbox. The fact is that there is so much you can do with it and it all depends on how creative you can get with the images, videos and setting up the options.

Setting the Colors:

Background, UI, UI Hover colors can all be set for a Lightbox image or a video. Choose what you like and set the color schemes of your website to an entirely higher level.

Uploading an Image and Editing: