Add Parallax Effect to Image Blocks on Squarespace

One of my favorite effects to add to Squarespace website is parallax scrolling on images.

In this tutorial I’ll walk you through exactly how to do it.

Watch the video

Check out the YouTube video below 👇

Framework for designing a perfect homepage

Want a framework for designing the perfect homepage?

Head to the page you want to add parallax effect to and double click the relevant image. Head to the design tab in the edit panel that appears and select the image effect.

Add image effect on Squarespace image

Here you’ll be presented with a variety of image effects and you need to select parallax. You can randomize your effect or edit it yourself, changing the intensity, angle and zoom.

Parallax image effect Squarespace image

Hit save and you can then head to the preview of your website to see the effect in action on your website.

Super simple but a super impactful effect to add to your website images for a dynamic user experience.

Schedule for guidelines from a expert web designer

Need an expert to build your Squarespace website?

Book a free kick-off call with our team to discuss your project requirements in detail.

Previous
Previous

Change Header Layout on Squarespace

Next
Next

How to Opt Out of Squarespace Fluid Engine