Squarespace hack: How to build a colored page section with rotating logos
Oh hey friends, I'm back with another little Squarespace hack for yeh!
Know how on websites you'll commonly see a bunch of logos, side by side stating where the website owner has been featured, or the past clients they've worked with? It generally also has a colored background to really make it pop on the page too.
This 'logo stripe' as I'm calling it, is fab for showing social proof. Logo stripes are a quick and easy way to say 'I'm a big deal' without having to say it out loud and look all self-absorbed.
This is just one aspect of social proof, and the more bits of social proof you can build up, the more trustworthy your business will look to visitors and potential clients!
So, now you know why one of these logo stripes are super useful, lemme tell you that this is also stupid simple to set up in Squarespace.
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!)
I recorded a video to take you through the steps. I normally use Illustrator to help me prepare the background colors and logos, but this can also be done for free with Canva.
What's Canva? Think of it as free photoshop for dummies.
Here's a recap of those steps mentioned in the video:
What templates this works on:
Any template that has Index pages. Not sure if yours has Index pages? Check this page from Squarespace listing templates with Index pages.
What you'll need:
A background color image (created in Canva or Illustrator)
Logos, preferably all the same color, with a transparent background.
Add a new 'content page' to your Index page.
Upload the banner background image
Click to edit the page
Add spacer blocks, drop them side by side.
If you want your logos to be static, add image blocks in below the spacer blocks
If you want your logos to be dynamic, and switch automatically, add 'slideshow gallery blocks' below your spacer blocks, in the design panel, turn off all the options except for 'automatically transition between slides'
Add a title using a text block above your logos stating what the logos are, likely 'as seen in' or 'past clients include'
Remove the spacer blocks
There we have it, an easy to build, and beautiful little Squarespace hack to make your site look legit!