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.
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
- Click save!
There we have it, an easy to build, and beautiful little Squarespace hack to make your site look legit!
Before you go, I have a question for you! Are you ready to outsource some site build things to a pro to grow your online empire quickly? Oh perfect, I'd love to help with that! You can find all the details on how we can work together building or tweaking your site right over here.