How to create a testimonial slider in Squarespace

If you want to add testimonials to your website, and I strongly suggest that you do, then there are tonnes of different ways you can display them on Squarespace.

The design style I return to time and time again for displaying testimonials on clients websites however, is a slider.

Testimonial sliders are sleek and timeless, they won’t look dated or garish in a few years time.

So if you want to create a testimonial slider on Squarespace, keep reading to find out how.

Watch the video

Check out the YouTube video below 👇

On the page you want to add your testimonial slider to, first add a new section. There are some pre-made testimonial section templates, but honestly? I don’t think they’re great.

Therefore I suggest you select a list section and then edit it to look how you want it to. So, add the list section to your page and hit save.

For the next step of this tutorial you actually need to open a new tab and navigate to the fsymbols website. Navigate through the symbols to Symbols > Symbols, Signs and Emojis > Star and select a star you feel meets your design style.

Back on your Squarespace website, head back to your newly created testimonial section and select Edit Content.

Within the content tab, select one of the elements and replace the title with your copied star. Paste it into the title section five times, to give a five star review. Repeat this for every element in your slider.


📩 Join the inner circle to get exclusive code updates


Next, in the design tab select Style and untoggle the Card option. This will remove the coloured card background. This is a personal preference but I think it looks so much better without it.

Within the editing panel you can also play around with changing the size of the testimonial images and alignment.

Back in the content tab, you can also add in your content for each element of your slider. The content will of course be each individual testimonial that you want to showcase.

You can also change the title text for your section. 

Once you’re happy with how your testimonial slider looks, hit save and you’re done!


Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.


Want more?

Sam Crawford

This article was written by Sam Crawford, one of the world’s leading Squarespace website designers.

Sam is an official Squarespace Expert, official Squarespace Partner, official Squarespace Community Leader, official Squarespace blog contributor, official Squarespace panelist, Squarespace educator and multi-award winning Squarespace designer.

https://bycrawford.com
Previous
Previous

Guide: How to create anchor links in Squarespace

Next
Next

Download images from your Squarespace website [Asset Library guide]