How to Add a Testimonial Slider to Squarespace (2 Ways)
It’s official – if you want to get people to discover the products or services on your Squarespace website, testimonials are worth their weight in gold!
70% of people will trust a recommendation from someone, even if they don’t know them personally. So create a Squarespace testimonial slider showcasing the best reviews from happy customers, and web users will come and check you out.
The good news is that you can add a Squarespace testimonial slider two different ways - using Spark Plugin and using Squarespace’s built-in testimonial sections. Let’s take a look at both options!
How to create a code-free Squarespace testimonial slider
Option #1: Using Spark Plugin
The benefit of using Spark Plugin for your testimonial slider is that you call the shots. You can choose the colors, the font size… Even what to show and what to hide!
Once you have installed Spark Plugin on your Squarespace site, here’s how to get started:
1. Start by going to the page you want to add your testimonial slider to and click the ADD BLOCK button.
At the top of the block menu, select Testimonials.
The testimonials slider will appear on your page—drag it to where you want it to go, and resize it to suit your needs.
2. Click on your testimonial slider and select the pencil icon to edit it. You’ll then access the Spark Plugin menu where you can customize your slider.
Here you can:
Add additional testimonials (you can have up to 12)
Edit each individual testimonials, adding a quote, photo, name, job title, and star rating out of five
Show or hide the photo, job title, or rating
Choose a square, circular, or rounded photo
Choose how many testimonials you want visible at a time
Choose whether you want to show the testimonial or the photo, name, and job title first
Add a border and/or shadow
Apply autoscroll. If you use autoscroll, you can choose the speed and style
Chose the color of the text, background, star rating, border and shadow
Choose the size of the text. You can also set different sized text on a mobile device
Once you’re happy with your slider click Save on your page, and you’re done!
Option #2: Directly in Squarespace
This option allows you to take advantage of auto layouts in Squarespace to create a basic Squarespace testimonial slider. It’s not as customizable as option #1, but you can make the most of the functionality you already have on your website!
1. First, go to the page you want to add your Squarespace testimonial slider to. This can be your homepage, a products page, anywhere you like.
2. Click Edit on the page and then click Add Section
3. Select Testimonials and choose the layout you want to use. This will generate a testimonial slider for you.
4. You can determine whether you want your testimonial to display an image, title, body of text, or call-to-action button. Go to Edit Content and Elements, where you can toggle what you want to show.
5. Your newly generated testimonial slider will contain demo content; you’ll want to replace this with your own testimonials. To do this, click Edit Content, then Content.
6. Click Add to create a new testimonial or Items to edit an existing one. You can also rearrange the order of your testimonials by clicking and dragging them, or delete them by clicking the trash can icon.
The only issue with the auto layouts carousel is that there’s not much you can do to style it in Squarespace. You can adjust the font and spacing and what you want to display, but that’s about it.
However, you can use code-free tweaks to make your testimonial slider look much better – read on to find out more!
Bonus: How to style your Squarespace testimonial slider with Spark Plugin
Earlier on we said that the disadvantage of using auto layouts was that they were pretty basic. However… You can use Spark Plugin to make them a lot more fancy!
Just choose the style you want and it will be live on your Squarespace site in just a few clicks.
All Spark Plugin customizations are mobile responsive and look stylish no matter which browser your visitors use. Plus, you can use them on your galleries and blogs too.
Here are three of my favorite designs:
1. Inset
Overlay your testimonial with an eye-catching image, perhaps the logo of the business you carried out work for, or a photo of what you did for them.
2. Glassmorphism
If you’re a fan of the Apple minimalist style, you’ll love this design. It adds an opaque overlay over your image to give your testimonial a stylish twist.
3. Card
Add an image card to your testimonial slider. This one is great if you have lots of positive feedback you want to show off!
You can tweak all three of these customizations until they’re styled to your liking. Experiment and see which one looks the best on your site!
Get creating a fantastic Squarespace testimonial slider
I hope you found this guide to adding a Squarespace testimonial slider to your website useful.
A testimonial slider is a brilliant way to showcase all the great things people say about your business. And what’s more, you can set up a fantastic one without knowing a scrap of code!
