How To Add a Squarespace Lightbox to Website

 

Watch the Video

Check out the YouTube video below 👇

Wanting to add a lightbox to the image or video you have? Here’s how you can do that on an image:

  • Click the “Edit” button on the image

  • Go to the “Design” tab next

  • Click on the “Lightbox” option at the bottom of the section

lightbox squarespace, squarespace lightbox, add lightbox to squarespace, lightbox video squarespace, lightbox image squarespace, website designer, squarespace website designer, web designer, squarespace website designer
 

Here’s how you can do it for a video:

  • Add a gallery block

  • Click on the “Edit” button to edit the gallery block

  • You will then have to click the “+” icon at the bottom right corner

lightbox squarespace, squarespace lightbox, add lightbox to squarespace, lightbox video squarespace, lightbox image squarespace, website designer, squarespace website designer, web designer, squarespace website designer
  • You will then click on the “Add Video” option

  • It will then prompt you to add a embeddable link. Once you add that link, wait for a minute until it has loaded all the information from the video.

  • Click “Save” once it has loaded

  • Then navigate to the “Design” tab next to “Content”

  • At the bottom of the section you will see the “Lightbox” option. Once you have clicked that, the lightbox should appear on the video

  • Don’t forget to save the page and have it reload

lightbox squarespace, squarespace lightbox, add lightbox to squarespace, lightbox video squarespace, lightbox image squarespace, website designer, squarespace website designer, web designer, squarespace website designer
 

Your Designer

I’m Dylan, a Squarespace website designer. I’ve created amazing websites for multiple clients across different industries from E-Commerce sites to Real Estate and Insurance brokers. If you’re looking for a website and want to discuss a potential project, email me at dylan@highrlabs.com. You can also schedule a free 30-minute consultation call

Previous
Previous

Add Custom Fonts To Squarespace Website

Next
Next

How To Embed Calendars on Squarespace