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.
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.
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?
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.