How to fake block movement on a Squarespace website


Have something on your website you want to bring attention to and draw a visitors eye towards? Maybe something you really would like your visitor to click on? Add some movement to that item!

"But isn't making stuff move on a website hard ... and involve coding?"

Well it could, but I have a super-simple method using just the regular Squarespace blocks to fake movement on your website.

Here's an example using portfolio pieces.

And blog post images


Eye catching, right?!

Okay, let's get down to how I did it.

  • First, gather your images that you want to 'move' and rotate between somewhere handy, such as your desktop.

  • Click an insert on the desired area of your website or blog post

  • Select a 'Gallery Slideshow' block

  • Click 'upload images'

  • Select your images and wait until they upload and appear

  • At the top right hand corner of the window, click over from 'Content' to 'Design'

  • Select ' automatically transition between slides' and deselect all the other options

  • Set the transitions seconds to your preference.

  • Click apply


You're all done! Easy as pie, right?!

What creative way will you put this to use on your website?!

You can sign up for a free trial of Squarespace here and I also got ya a little off the price, use code PAIGE10 for 10% off your first year. (Yes, that's an affiliate link!)