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 👇

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

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

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


📩 Join the inner circle to get exclusive code updates


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


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

Change Header Layout on Squarespace

Next
Next

How to Opt Out of Squarespace Fluid Engine