A visitor taps one of your gallery thumbnails. What opens next decides whether they keep looking or leave.
Without a lightbox, that tap can land them on the bare image file, alone on a blank page. To see the next photo, they have to find the back button first.
A lightbox opens the photo large over your page instead, with arrows to move through the rest. It’s the first setting I check on any new gallery.
Here’s how to add a lightbox to WordPress for free, what the built-in option can do, and when the Pro version is worth it.
In This Article
- What a Lightbox Does for a Photography Website
- Can You Add a Lightbox in WordPress Without a Plugin?
- How to Add a Lightbox to WordPress with Imagely
- Upgrade to the Pro Lightbox for Full-Screen Viewing, Sharing, and Comments
- Tips for Getting the Most Out of Your WordPress Lightbox
- FAQs About WordPress Lightboxes
What a Lightbox Does for a Photography Website
A lightbox is an overlay that shows a photo large on top of the page, then closes back to where the visitor was. The gallery stays in place underneath, so nobody loses their spot.
That matters most on a photography site, where the photos are the whole point. Thumbnails catch a visitor’s eye, but the full-size view is where they judge your work.
A good WordPress lightbox gives your visitors three things:
- A bigger view without leaving the page: the photo fills the screen, and one click or tap brings them back to the gallery.
- An easy way to keep browsing: arrows move to the next photo without reloading the page.
- The same experience on phones: the photo fits the smaller screen, so visitors don’t have to pinch and zoom.
Together, those turn a quick scroll through your thumbnails into a proper look at your work.
Can You Add a Lightbox in WordPress Without a Plugin?
Yes. WordPress has a basic lightbox built in, and it works with the Image and Gallery blocks.
Select an image in the block editor, click the link button in the toolbar and choose Enlarge on click. Once it’s on, visitors can click the photo to see it larger.
In a Gallery block, visitors can also use arrows to move between the photos. For a blog post with a handful of images, that may be all you need.
It stops there, though. The built-in lightbox has one look, no thumbnail strip, and no way for visitors to share or comment on a photo.
It also only covers images added with those two blocks. For real control over how your galleries open, a gallery plugin is the better fit.
How to Add a Lightbox to WordPress with Imagely
Imagely is a WordPress gallery plugin built for photographers, and its free version comes with several lightboxes ready to use. Setting one up takes five steps.
Step 1: Install and Activate Imagely
In your WordPress dashboard, go to Plugins » Add Plugin and search for Imagely. The free plugin comes up as the first result.
Click Install Now, then Activate. A new Imagely menu appears in your dashboard.
On a paid plan, keep the free plugin active and add the Pro plugin alongside it. Then enter your license key under Imagely » Settings » License.
The Imagely Pro install guide walks through it if you get stuck.
Step 2: Choose Your Lightbox Style
Next, go to Imagely » Settings and open the Lightbox Effects tab. The first dropdown, Lightbox Library, sets which lightbox your galleries use.
The free plugin gives you these options:
- Simplelightbox: the default on a new install. It’s clean and minimal, with arrows and a photo counter.
- Fancybox, Thickbox, Shutter and Shutter Reloaded: four classic styles, if you’d like a different frame around your photos.
- Custom Lightbox: for developers who want to connect a lightbox of their own.
- None: turns the lightbox off.
The Lightbox Effects guide shows each style in action. Imagely saves your choice as soon as you pick it, so there’s no save button to look for.
Step 3: Decide Which Images Open in the Lightbox
The second dropdown, Lightbox Context, decides which images on your site use the lightbox. It’s easy to skip, and it’s often the answer when a lightbox doesn’t open where you expect.
You have four choices:
- Only apply to Imagely images: the default. Only your Imagely galleries open in the lightbox.
- Only apply to Imagely and WordPress images: your galleries plus the regular images in your posts and pages.
- Try to apply to all images: every image on the page, wherever it came from.
- Try to apply to all images that link to image files: any image that links to its full-size file.
If your posts mix Imagely galleries with regular images, I’d pick Only apply to Imagely and WordPress images. Every photo on your site then opens the same way.
Step 4: Add a Gallery with the Imagely Block
Now add the gallery your lightbox will open. Create one under Imagely » Add New Gallery, upload your photos and choose a layout.
Then open the post or page where you want it. Add the Imagely block, keep the Gallery tab selected and pick your gallery from Select Gallery.
Click Insert, and your gallery appears in the editor. If you haven’t made the gallery yet, Create New inside the block gets you started.
Our guide to creating a gallery in WordPress covers layouts and gallery settings in more detail.
Step 5: Publish and Test Your Lightbox
Publish or update your page, then open it in a new browser tab. Click any photo, and it should open in the lightbox you chose.
Use the arrows to move through a few photos. Then close the lightbox and check you’re back where you started.
Test it on your phone too, since that’s where many visitors will first see your work. The photo should fit the screen, with an arrow on each side.
If a photo opens on a page of its own instead, go back to Step 3 and check your Lightbox Context setting.
Upgrade to the Pro Lightbox for Full-Screen Viewing, Sharing, and Comments
The free lightboxes show your photos well. The Pro Lightbox turns each photo into something visitors can respond to, which matters when you want clients to share, comment and come back.
To switch it on, choose Pro Lightbox in the Lightbox Library dropdown. Its settings appear right below, in these groups:
- Color options: a dark, all-black or all-white theme, plus your own colors for the background, sidebar and icons.
- Lightbox and image sizing: padding around the photo, and six ways to fit or crop it to the screen.
- Social: comments and sharing buttons, so visitors can talk about a photo or post it to their own followers.
- Thumbnail carousel: a strip of thumbnails along the bottom, shown always, never or only on desktop.
- Transition effects: five ways to move from one photo to the next, with your own transition and slideshow speed.
- Other settings: browser routing, which gives each photo its own link that visitors can share.
If you sell prints, an ECommerce section also adds a cart to the lightbox. Selling through Imagely comes with the Pro plan and above.
Comments are the setting I’d switch on first, because they turn a quiet gallery into a conversation with your clients. Our guide to letting visitors comment on your photos shows how it works.
Want to try it before you upgrade? The Pro Lightbox demo lets you click through a live gallery.
The Pro Lightbox, full-screen viewing, image commenting, social sharing and deep linking come with Imagely Plus and above. The free plugin and Starter include the standard lightboxes. Compare Imagely plans
Give Your Photos the Full-Screen Treatment
The Pro Lightbox comes with Imagely Plus and above. Add comments, sharing and a thumbnail carousel, and give every photo its own link to share.
Tips for Getting the Most Out of Your WordPress Lightbox
A few small choices make a lightbox feel like part of your site rather than an add-on.
Match the Lightbox Colors to Your Photos
A dark background makes most photos stand out, while a white one suits bright, airy work like weddings and newborn sessions. Pick the one that flatters your portfolio, not the one that matches your logo.
In the Pro Lightbox, the Color theme setting switches between them in one click.
Keep Thumbnails Off Small Screens
On a phone, a thumbnail strip takes space away from the photo itself. Setting the Pro Lightbox carousel to Only on desktop browsers keeps thumbnails for big screens and gives phone visitors the whole photo.
Use One Lightbox at a Time
Some themes and plugins add a lightbox of their own. Two lightboxes on one page can compete for the same click, so a photo opens twice or not at all.
If that happens, switch off the other lightbox and let Imagely handle your galleries.
FAQs About WordPress Lightboxes
Does WordPress have a built-in lightbox?
Yes. The Image and Gallery blocks have an Enlarge on click option that opens photos in a simple lightbox. It has one style and no sharing, comments or thumbnails.
Can I add a lightbox to regular WordPress images, not just galleries?
Yes. In Imagely » Settings » Lightbox Effects, set Lightbox Context to Only apply to Imagely and WordPress images. The images in your posts and pages then open in the same lightbox as your galleries.
Does a WordPress lightbox work on mobile?
Imagely’s lightboxes work on phones and tablets, with the photo sized to fit the screen. In the Pro Lightbox, you can also hide thumbnails on phones to give the photo more room.
Which Imagely plan includes the Pro Lightbox?
Imagely Plus, Pro and Ultra. The free plugin and Starter come with the standard lightboxes, including Simplelightbox and Fancybox.
Why isn’t my lightbox opening?
First, check that Lightbox Library isn’t set to None, and that Lightbox Context covers the images you’re clicking. If both look right, your theme or another plugin may be running its own lightbox. This troubleshooting guide walks through the fix.
A lightbox takes a few minutes to set up, and visitors feel the difference on every photo they open. Be sure to check out our guide to adding social share buttons to your WordPress galleries to help those photos travel further.
Don’t have Imagely yet? Get started today!
For more photography tips and WordPress tutorials, check out our blog.
