How To Display Testimonials In Squarespace

Testimonials are one of the best ways to build trust on your website and make it more credible. And while you don’t need an entire page for testimonials, it’s useful to sprinkle them all throughout your website. Luckily, it’s really easy to add a testimonial slider in Squarespace.

In this video tutorial, I’ll walk you through the steps to add a testimonial slider in both Squarespace 7.1 and 7.0. Watch the video below or read the transcript.

Transcript: How To Add Testimonial Slider To Squarespace

Hey guys! Welcome back to my channel.

So in today's video I want to give you a quick tip on how you can showcase testimonials on your website. And yes, I will show you the method for both Squarespace 7.1 and 7.0.

So if you're on 7.1, which is the newest version of Squarespace; there's a super easy way to add testimonials to your website. So I'm going to click on add section on my test page and then we're going to click onto the list layout; and what's really super cool about the list layout is that they are perfect for testimonials.

And as you'll see, there are plenty of auto layouts which basically says these sections let you quickly add content items and switch between layouts without having to manually rearrange them.

That's great news because we can add testimonials that look super awesome to Squarespace websites now. So you have some that can be like scrolling, like this; which is great if you have a lot of testimonials.

Or you can add, like a small section like this; if you don't have a lot of testimonials to choose from.

So for this example, I am going to select one of the layouts that have the scrolling buttons. So I'm going to choose this one. This must be, this is one of my favorite layouts. And the way you basically customize it is super simple.

So all you have to do is click on edit content and then first of all you get to the cha... you get to decide whether which sections are shown.

So if you click on title uh you can add a title that says, uh, kind words, or what they're saying, or overheard on the internet, or whatever it is that you want to add here.

Or you can just simply say testimonials. And then you can add a button that basically tells them to go check out your services, orget something.. get the same results that these clients have gotten.

It's a great way to keep visitors on your page and just keep them scrolling after they see the testimonials. So I'm going to uncheck these because I want to show you how to customize the items.

So then you also can decide what is shown. So you can show the image, or you can hide it, you can show the title; which is great for their name.

You can also show the body, which is the testimonial itself and then you can show the button under individual section; which you don't need to do if you're using it to showcase testimonials.

And then when you click on content, this is where you actually edit the content of those testimonials. So you can delete it with, uh, by pressing the trash can obviously.

And by clicking this little arrow, you can add your own image. So if we click on replace, or delete, you can search for images... and let's see... do we have let's say, let's just choose this one for example.

I'm going to add that image and it's automatically going to crop it into the circle like this, and then we're going to add their name so let's say... Jane Smith.

And then you can paste the contents of your testimonials here, and then basically you repeat the process for all the other testimonials.

If you have more than this, you can click on add, and then that will add another list item or another testimonial, and then you'll go through the same process of customizing it like we did before.

I'm just going to delete it. And then for the design tab, you can switch between a simple list, a banner slideshow, or a carousel.

And if you go with a simple list, this is what it looks like; let me move this so you can see it, a banner slideshow basically is... gives you the image and then the text over the image and then it slides to the next item.

And then you can adjust the layout width, whether you want it to be full bleed, full, or inset; which looks like this. And you can also modify the padding between the items, how the text is aligned, whether you want infinite scroll, whether you want the adjacent slides to be seen or not, and then you can also adjust the size.

Let me just switch it back to the carousel, which is what it was.

So if you toggle the infinite scroll on, basically this will give you a second arrow right here, and that just means that we have four, if you remember; and it just continually scrolls between those four. So that's what infinite scroll means in this case.

And then you can also for some of them, for like carousel item, you can choose the crop of the image. And then under style, you can control the text size, whether or not you want to display a card layout so the image is bigger or the text is bigger.

And then you can also control the padding in between the items. And then you get to choose the how the arrows appear, so whether you want them at the center, or at the bottom here, how they are aligned and how they're offset from the items in the carousel and whatnot.

So that's basically how you can do it in Squarespace 7.1 and as I've said, you have plenty of layouts to choose from. So if we have another section, just go to the list section and then you can choose between all these wonderful layouts to showcase your testimonials.

And they can be styled similarly to allow you to display the testimonials on your site.

My personal favorites are the ones on the bottom with the images because they already do a lot of the pre-work for you, so you don't really have to.

Like if you choose this one, you don't really have a lot of customization to do and you can just add your content to it and replace it.

Or you can also do another one that's one of my favorites, if we remove this one and go back under the list, is one that has a simple background like this which can be... which can be used to showcase like your list of benefits, or uh, features that are built into the product, or you can even use this to showcase fun facts about you, or a list of your values if that's important to your clients.

So there are plenty of creative ways to use this, but one of my favorite ways is to use it for testimonials like this. So that's how you would do it on a 7.1 website. I'm going to save the changes.

How To Add A Testimonial Slider In Squarespace 7.0

If you are on Squarespace 7.0 though, you don't have this option. Soo... so unfortunately if you're on 7.0, you don't have this option. However there is a way around it. So what you would do in this case is, you would go to the not link section. You would create a new page, and choose blog. And then you can name it testimonials. And then you create a post.

So this is basically what you do here. You don't have to enter a post title. You can go to options and you would upload an image, so I'm just going to search for an image from Unsplash.

And let's say... let's go with that one, and here under the excerpt: 'this is my awesome testimonial' - Jane Smith; and we're gonna make this bold, and I'm going to turn this into mono space, and this will be medium paragraph, and let's make that italic...

And then I'm going to click save and publish. And then here, I'm going to just to simplify things, and speed this up; I'm going to duplicate it and save and publish.

Of course you would modify the details. So you would go... once you duplicate it you would go to options, you would change the image and you would switch out the testimonial to show the correct one; but I'm going to duplicate it one more time and click on save and publish.

And then what you can do is, let's say you want to add a new page for your testimonial. So we're going to click on blank page and I'm going to name it testimonials. And under page content, I'm going to click on edit, and under in the text block, I'm going to enter testimonials, switch that to heading 2 and make it centered.

And then I'm going to add a summary block, and now we're going to select the testimonials blog we just created; and I'm going to select no matter... metadata, and under design I'm going to switch this to carousel.

And change this to however many many testimonials you have obviously, and however you can switch this up to at least five items per row, so I'm just going to leave it at three because three is all what we have.

And then for aspect ratio I'm going to choose square, and for text size I'm going to put this at extra large. I'm going to center thetext, I'm going to remove this header text, and we don't need to display title, but we are going to leave the thumbnail and the excerpt on.

And what you can do is, you can switch this to 10 items but only three items per row and then when you click on save, they will be able to scroll through it.

Right now they can't because there's not a fourth one there, so if we go back to testimonials, and I duplicate this one more time; and then hit save and publish. And then you go back to the testimonial page we created, they can now scroll to see the fourth one.

So that is how you can make the test or how you can showcase the testimonials on your 7.0 website. Of course you can also modify this, modify this so that it only shows one testimonial at a time.

So if you switch this to one and save it, what you can do is you can add a spacer block like this... two spacer blocks to create two columns, and then you place the summary block in between and you make it slightly smaller so that it's not so, so that the entire image is not occupying the entire page.

And then you click on save, and they can scroll through the testimonials as well like that. So that's how you would showcase testimonials on your website if you're on Squarespace 7.0.

That's it for today's video. If you want a step-by-step tutorial for building your website, I have a free interactive website roadmap that walks you through the entire process. I will link to it in the description down below so you can download it and get to work on launching your website.

And if you want to see even more Squarespace and tech tutorials be sure to watch the next video and I will see you in the next time, in the next one. Bye!

Final Thoughts

And that’s how you can add a testimonial slider in Squarespace 7.1 and 7.0. Are you still working on your website and struggling to get it launched? Creating your website doesn’t have to be difficult. With a Ley Design Studio template, you can launch your website quickly and without any tech overwhelm. 

What’s even better, all the templates come with a website copy prompt workbook to help you write engaging and relatable website copy that makes your ideal client excited to work with you! Browse the collection of templates to find the one that fits your brand and business best and you’ll go live in no time.

More Squarespace tutorials: