The #1 Way To Show Testimonials On Your Squarespace Website
Welcome to my first Squarespace tutorial! I’m excited to get into these and give you guys more actionable ways to uplevel your website and move it from looking DIY to more professional.
Don’t hesitate to leave a comment below if anything in this tutorial is unclear or you have any questions! Also if you have any other Squarespace related questions (especially when it comes to customization) leave a comment below as well.
What is a testimonial slider?
A testimonial slider is a great way to show your visitors some social proof, and the best thing about them is that they’re easily updatable no matter how many testimonials you have.
Testimonials are fantastic for your business, and creating a backlog of them using the method that I’m about to show you allows you to use them in multiple places throughout your website with the click of a button! (well actually a few buttons, but you get the picture).
First, How to Filter your testimonials for maximum impact:
For example: say you’re a wedding photographer that also does headshots. You’ve been a bad ass and serving up greatness for your clients and you have testimonials from couples whose weddings you've photographed, and testimonials from clients that paid for headshots.
Two photography related services, but the testimonials are different: testimonials for weddings can go more in depth about their experience throughout the entire process and from their big day, while headshots are usually completed in a shorter time period.
With this example, by using Squarespace's TAG feature to tag your testimonials with the service they're related to, you can use their summary block slider in places around your website that highlight your wedding services and places that highlight your headshot services.
Two completely different services, different processes, different pricing, different clients, and different methods deserve their own space to shine.
On your photography services page, why have a bunch of testimonials from headshot clients that were only in contact with you for a few days? They’re talking about how fast you deliver and that’s fantastic, but that testimonial from that beautiful couple that loved the way you made them feel and smile on their wedding day is buried far below.
This scenario is geared towards photographers, but will work just as well for anyone that offers different types of services on their website.
Overall, tagging your testimonials allows you to make sure that the right ones are being shown at the right times, therefore maximizing impact.
Let's see it in action:
Below are the testimonials for Headshots:
Below are the testimonials for weddings:
You can click the arrows and scroll through to see how they're only showing testimonials that are related to either weddings or headshots.
All of the testimonals are housed in the same place on your Squarespace site, so you don't have to add them to multiple places. You simply add them once, make sure they're tagged, and you're done!
How to create the slider:
Blog + Summary Block Combo
This method makes the testimonial slider using Squarespace’s Blog feature first.
You’ll head to your PAGES panel and add in a BLOG and name it Testimonials or whatever you choose.
Then, create a new blog post. For the title, you can put the name of the client, their business, what you did for them, etc.
Then head to the OPTIONS panel in the blog post, and add the actual testimonial into the EXCERPT section of that screen.
This is majorly important since the summary block won’t pull information from the blog post itself, but from the excerpt.
Then repeat the process for all of your testimonials.
SUMMARY BLOCK SETTINGS
Once you’re done with that, now is the time to get your SUMMARY BLOCK together.
Head to whatever page that you want to the testimonials to show up, then insert a summary block.
Make sure that you’re pulling content from the Testimonials (or whatever you named it) blog, and head to the second panel.
Here is where you’ll change the following:
- Change show 3 per row to 1 per row. MAJOR KEY DON'T FORGET THIS!
- Choose whichever side that you want the text to align to (left, right, center)
- Then head to the final panel, and make sure the checkbox for “Show Thumbnail” is turned OFF.
- Make sure the checkbox for “Show Excerpt” and “Show Title” are turned ON.
- Change the primary and second metadata dropdown are both set to none.
- If you're filtering out testimonials and only want some to be displayed and not others, make sure you add in the tag you want on the Display panel. See the image on the right for help.
After that the rest of the settings are up to you!
Pro to this method:
Update them all at once: Say you place this same set of testimonials in multiple places on your website. It would be tedious as hell to to have to go to each page and update every single slider manually. By using Squarespace's Blog feature, you can house them all in one place and manage them all in one place.
So if you gather a bunch of new tutorials and want to swipe out some of the old ones, using this method is so easy. #updateallthethings
Con to this method:
The only real con to this method is that if someone accidentally clicks on the text in one of your testimonials, they may be taken to an empty blog post. If you want to cover your tracks you can put the testimonial in the blog post section of the post so they won’t just land on a blank page.
Additional way to jazz up your slider:
Add in an image of your client to give a face to the words:
And that’s it! You now have the ability to quickly and easily place testimonials on any page that you wish and you can easily update all of them AT ONCE and in the same place.
Plus, we all know that in this freelance business, saving time and repurposing content is a life saver.
If you have any questions/comments, or any questions on other Squarespace customization hacks, let me know in the comments below!