How To Create A Squarespace Video Lightbox

Squarespace

Jul 22

Are you looking to create a Squarespace video lightbox? If so, here are 3 options that I thought will work perfectly for creating your Squarespace video lightbox. Option 1: The video Lightbox gallery (On Squarespace), Option 2: Video Lightbox Button and option 3: The video gallery widget. These are all extremely easy to set up and require no coding skills at all! Feel free to leave a comment if you found this article useful.

Jump to:

Option 1: How to create a video lightbox in Squarespace

Option 2: Creating a video lightbox button

Option 3: Create a video gallery widget

Why should you use a Video Lightbox on Your Squarespace Website?

Incorporating a Squarespace Video Lightbox into your website is a powerful way to engage your audience and enhance their experience. A video lightbox, which opens videos in an elegant pop-up overlay, can instantly capture visitors' attention, allowing them to focus solely on your content without distractions. This feature not only adds a modern touch to your site's design but also encourages deeper interaction with your brand by presenting multimedia content in an immersive and visually appealing manner.

Option 1: How to create a Squarespace video lightbox in the Squarespace gallery block

Create a gallery block on your page.

Click the + icon on the bottom left before you upload anything

You will then see a pop that says add video

hoqw to guide for a Squarespace Video Lightbox

10% off Squarespace with code: GENIUS10

Add as many videos as you like, choose your own thumbnails for each and video titles.
Once you have uploaded your videos and thumbnails click on ‘design’ on the top right, then make sure the Lightbox selection is ticked.

guide to install a Squarespace Video Lightbox

In the same ‘design’ settings you can also resize your gallery thumbnails and padding to suit your website.

Option 2: Creating a video lightbox button

example of a video gallery lightbox button for Squarespace

This Squarespace Video Lightbox Button by SQSP Themes is designed to turn any video link into an engaging pop-up. This plugin supports both Squarespace 7.0 and 7.1, seamlessly integrating with all templates. Whether you're using buttons or galleries, this allows for diverse applications. Customize easily with the CSS generator to match your brand's unique style.

Setting up is very straightforward, and SQSP Themes offer comprehensive support to guide you through the process. Plus, you can easily set the aspect ratio to ensure a perfect fit.

Add a captivating video lightbox button for Squarespace to make your site stand out.

Option 3: Create a video gallery widget

A third option for creating a full video gallery lightbox is to use a gallery widget. Which may be a better option depending on your design type. One of my favourites is the elfsight youtube gallery widget.

example of squarespace video lightbox gallery widget

GET 10% OFF YOUR SQUARESPACE SITE SUBSCRIPTION

A Squarespace Video Lightbox offers numerous benefits that make it a valuable addition to any website. By providing a sleek and engaging way to display videos, it helps keep visitors on your site longer and makes your content more memorable. Whether you're showcasing a product demo, sharing customer testimonials, or delivering a message from your team, a video lightbox ensures that your audience receives your content in the most impactful way. Enhance your site's user experience and boost engagement with this simple yet effective tool.

Did I help you? Consider buying me a coffee as thanks!

I hope you found this squarespace hack useful. Feel free to leave a comment, and sign up for the latest tricks and tips for squarespace website design.

New Plugins Just Arrived!

Featured

Genius Squarespace Filter Plugin

$59.99

Looking for an easy way to add filters to Squarespace?

The Genius Squarespace Filter Plugin helps you turn busy portfolio pages, blogs, event pages and galleries into a cleaner, easier to browse experience.

Visitors can quickly filter your content by category, topic, service, location, resource type or any labels you choose, instead of scrolling through everything.

Perfect for portfolios, blog archives, event listings, galleries (grid, masonry & strips only) resource hubs and larger content collections, this plugin gives your visitors a smoother way to explore your content without the cost or complexity of custom development.

Portfolio Filter Demo ➜

NEW Advanced Dropdown Portfolio Filter Demo ➜

Gallery Filter Demo ➜

Blog Filter Demo ➜

Event Filter Demo ➜

Key Features:

Simple to install and customise
Filter options for portfolio pages, galleries, blogs and events
Includes the new advanced dropdown portfolio filter
Ideal for Squarespace sites needing more in depth filtering options with a simple user experience
Beginner friendly setup with copy and paste instructions
Designed for Squarespace 7.1 websites

Squarespace Navigation Upgrade Kit

$30.00

Give your Squarespace navigation a more polished, custom-designed look without rebuilding your whole header.

The Genius Squarespace Navigation Upgrade Kit is a Squarespace navigation plugin that helps you style your desktop and mobile menus with soft pill-shaped designs, elevated drop downs, a full rounded header bar, mobile menu card styling and eye-catching navigation badges.

It’s ideal if your Squarespace header feels a little too basic and you want your menu to look more premium, more intentional and more in line with the rest of your brand.

No complicated rebuild. No mega menu setup. Just simple, flexible styling upgrades for your existing Squarespace navigation.

View Demo ➜

Includes:

Desktop full or condensed floating pill style design
Dropdown styling with optional frosted design
Navigation badges for highlighting links
Mobile overlay menu card design
Mobile header floating pill style design

Important:

This plugin is only compatible with Squarespace 7.1 sites.

Squarespace Directory Plugin

$45.00

Create a searchable directory on Squarespace without a custom build

This Squarespace Directory Plugin helps you turn a standard Squarespace blog page into a cleaner, searchable directory for members, suppliers, charities, teams, partners, local businesses and resources.

Designed for Squarespace websites, this plugin transforms a standard blog page into a more user friendly directory experience. Whether you are showcasing members, staff, suppliers, local businesses, partners, team profiles, or resources, it helps visitors find exactly what they need faster.

Instead of scrolling through long lists of content, users can quickly search, filter, and navigate directory items in a much more intuitive way. It is a great option for anyone who wants the feel of a custom squarespace directory template without paying for a fully custom build.

Perfect for directories that need to feel organised, professional, and easy to use while still working beautifully within Squarespace.

View Demo ➜

Important:

This plugin only works with the built in blog page on Squarespace (It does not work with summary blocks or any other page type) Your directory listings must be set up as a blog.
This plugin is only compatible with Squarespace 7.1 sites.
One-off cost for a full license to use on multiple Squarespace 7.1 websites

Squarespace Gallery Filter Plugin

$30.00

Gallery Filter Plugin

The Square Genius Gallery Filter Plugin lets Squarespace 7.1 users add filterable category tabs to a gallery block grid. No coding knowledge required. It's the most affordable dedicated filter plugin for Squarespace at $30.

The Squarespace gallery filter plugin lets you filter images by category using simple tags added to your image descriptions. Perfect for showcasing projects, portfolios, case studies, or general images, this plugin allows visitors to quickly find what they are looking for without scrolling through everything.

View Demo ➜

Key Features:

Simple to Install & Customise
Add as many filters as you like
Add optional captions
Add optional link click throughs
Ideal for Squarespace sites needing more in depth filtering options with a simple UX

Note: This plugin only works with Gallery Blocks not Gallery Sections. If you are not a Squarespace circle silver member or above you can use this classic gallery block add on.

Looking to filter a full Gallery Section instead?

This plugin is designed specifically for Squarespace Gallery Blocks. If you want to add filters to a full Gallery Section, you’ll need the Genius Filter Plugin, which includes filtering for Gallery Sections (grid, strips and masonry styles) alongside other collection types.

This plugin is only compatible with Squarespace 7.1 sites.