Add Lightbox to Images on Squarespace

One of the most popular questions I get asked is can I add lightbox to Squarespace elements.

Now, there is a fantastic plugin on Squarespace Themes called Lightbox Anything that allows you to do this, however, there is also a way to do it natively (and for free) on images!

Let’s take a look.

Watch the video

Check out the YouTube video below 👇

To add lightbox to your images on Squarespace, head to your edit dashboard and double click the image in question.

Within the panel that appears, move to the Design tab and here you can toggle on Lightbox. You can also select from a dark or light overlay too. Dark means the background will be black, light makes it white.

Add lightbox to image Squarespace

Select which one you prefer and hit save. And that’s how you add lightbox to images on Squarespace. Super simple and effective.


📩 Join the inner circle to get exclusive code updates


If you found this article useful, be sure to check out more of my Squarespace tutorials.


Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.


Want more?

Sam Crawford

This article was written by Sam Crawford, one of the world’s leading Squarespace website designers.

Sam is an official Squarespace Expert, official Squarespace Partner, official Squarespace Community Leader, official Squarespace blog contributor, official Squarespace panelist, Squarespace educator and multi-award winning Squarespace designer.

https://bycrawford.com
Previous
Previous

How to Resize Images in Squarespace: Complete 2024 Guide

Next
Next

How to Add a Video Background in Squarespace Version 7.1