Lightboxes are a popular way to present your media files on your website.
It makes your website more engaging, not to mention it also makes your website look more professional. (BETTER user experience.)
But What Exactly is a Lightbox in WordPress?
That’s what this post is all about.
I’ll explain what lightbox in WordPress is, how you can add it to WordPress, and share free lightbox plugins that you can use to add this functionality to your site.
A lightbox is an overlay or a popup window that shows a photo, video or other types of media once a user clicks on that media link.
Typically, a lightbox will darken the rest of the page, but the page will still be visible around the edges of the lightbox.
How Does A Lightbox Work?
This graphical control element opens a child window that displays the content of the lightbox through the use of the parent/child mode.
But simultaneously darkens the parent window.
How to Add Lightbox to WordPress
As with anything WordPress related, there are two ways to add a lightbox to your WordPress website:
- Manually: you can either modify an existing plugin to add a few lines of code and enable the lightbox functionality or you can code your own lightbox plugin from scratch.
- Via a plugin: you can use one of the popular and free WordPress lightbox plugins.
We prefer the plugin method. It’s also way easier for the end client to manage it since 0 coding is necessary.
5 Free Lightbox Plugins for WordPress
As mentioned earlier, you can use a WordPress plugin to add a lightbox to your site.
Below, you’ll find five free lightbox plugins for WordPress that allow you to add lightbox to your images, galleries, and more.
Note: If you’d like to know which is our favorite, here’s the answer: All 5.
Every free WordPress lightbox plugin here is 100% reliable.
Plus, all have some neat extra features, but that doesn’t necessarily make it better than the other.
1. Simple Lightbox
Simple Lightbox is one of the most popular lightbox plugins for WordPress with PLENTY of options for customizing your lightbox.
You can automatically resize lightbox to fit in the window, customize the lightbox with various pre-made themes, and make your lightbox more attractive with different animations.
You can use this plugin to show your images and image attachments in a lightbox, display images in a slideshow lightbox, and customize where the lightbox shows up based on the page your visitors are on.
The plugin is free to download from the official repository.
This plugin is one of the first lightbox plugins with a focus on responsive lightboxes.
It allows you to automatically add modals to WordPress galleries, WordPress images with captions, and attachment images.
FooBox works with ALL gallery plugins and has FULL Gutenberg support.
In addition to that, the plugin works with WordPress captioned images and automatically displays the caption in the lightbox.
You can also control when to exclude or include FooBox JS & CSS assets to keep your website loading fast.
The free version will give you the basic lightbox functionality. But if you want or need more features, there’s also a pro version of FooBox.
3. Responsive Lightbox & Gallery
If you’re looking for an easy-to-use lightbox plugin, the Responsive Lightbox & Gallery plugin is a great choice.
It offers many features in the free version that allow you to create lightbox galleries with a simple drag and drop.
The plugin is fully responsive and comes with many customization options.
On top of allowing you to create a lightbox for your images, the plugin also supports WooCommerce products, so you can easily display them in a lightbox.
The plugin makes it easy to add videos to your lightbox, and it’s compatible with all major page builder plugins.
What’s cool, it also has free and paid EXTENSIONS to customize the lightbox even more.
4. WP Video Lightbox
Try the WP Video Lightbox plugin if you’re looking for a plugin to display your videos in a lightbox.
You can use this plugin to display images, YouTube, Vimeo, and iFrame content in a lightbox overlay.
Everyone can view the embedded videos on iPhone, iPad and other mobile devices.
You can CUSTOMIZE how the lightbox appears and the users even have the option to RESIZE the lightbox.
What’s lovely about the plugin is that you can disable the suggested videos at the end of the video playing in the lightbox.
5. Easy FancyBox
The Easy FancyBox plugin gives you an EASY way to set all your media links on a page to open up in a lightbox.
After you’ve activated the plugin, all links to JPG, GIF and PNG images are automatically opened in the FancyBox Mac/Gnome-style lightbox that floats over the web page.
On top of that, the plugin supports videos, PDF documents, inline HTML content, SVG images, and popular gallery plugins such as NextGEN and Jetpack galleries.
You are welcome to start with the free version.
Whenever you’d need more features (such as slideshow support), unlock them with the pro version.
Adding a lightbox to your website can make your website MORE visually appealing and engaging.
(It’s all about the user experience nowadays.)
Now that you know what a lightbox in WordPress is and how to add it to your website, the only thing left to do is pick a plugin that meets your needs.
Of course, you can code it, too, but that’s not what we do. (Unless it’s a super custom project.)