Interactive video makes it possible to create a richer user experience, increase engagement, and give your brand a personality.

The “Manage Custom Files” feature in Squarespace is truly a lifesaver when it comes to uploading PDFs, images, videos, and any other downloadable resources. But if it suddenly quits on you, it can throw a real wrench in your workflow .

Squarespace’s native gallery blocks are gorgeous and functional, but in some cases, one gallery layout might not be the perfect fit for all screen sizes. Maybe your desktop users would be great with a full-on slideshow but your mobile users would like a smaller carousel. Here’s where device-specific galleries can help.

Are your merchandise photos appearing clipped, enlarged, or weird in your Squarespace shop? You're not alone.

As standard, Squarespace applies layout rules - these are often preset and force your product images to have a fixed aspect ratio.

Slide arrows may be a little thing, but they have a massive impact on how your users engage with your galleries and image sliders. Squarespace 7.1 comes with plain white SVG arrows by default

Looking to make a Squarespace section really pop like a proper modal window? Although Squarespace doesn’t have a native lightbox feature for full sections, this is very easy to do in a few lines of custom code.

Squarespace 7.1 comes with a gorgeous, slimmed-down interface for building galleries, but one thing that it doesn’t have built in is the ability to place a custom background image behind a gallery section. Originally, you can add colors in this way, but how about showing a full, rich image background behind your photos or slides?

In this tutorial, you'll discover how to add a full-width background image on a specific gallery section, no plugins or code blocks needed, with only a dead-simple CSS snippet.

Squarespace 7.1 utilizes a robust video framework called Plyr.js for the insertion and control of video blocks. It comes with this standard-centered play button overlay that’s all fine and good for most designs.

Banner video: A bold new way to introduce yourself, whether you are on desktop, cinematic, eye-catching, and immersive. But on mobile, they are often a burden. And the slow load times, inconsistent autoplay, and data consumption that’s a heavy load to the user, leave mobile visitors a little more frustrated than flattered.

Squarespace 7.1 puts your site’s header (which includes your logo, navigation, and utility links) at the top of the page by default. But what if, instead, you want your very first section (ie, a giant hero banner and/or video background) to be positioned above the header?

If you feel like you are stuck waiting for 5, 10, or even 15+ minutes for a section of Squarespace 7.1 to load, you are not mistaken. You’re suffering from the platform’s most maddening and widespread performance problem: editor sluggishness.

Squarespace 7.1 provides a stunning way to showcase images with the help of Gallery Blocks and Sections. But out of the box, captions will display in the grid, and also within the lightbox, and for some designs, that can get a little much