How to Create a Testimonial Slider on Squarespace
BY BIG CAT CREATIVE
This Squarespace hack is super easy to do, but really effective and a great way to show off a snippet of your testimonials! If you’re not sure what I’m talking about, see the example below! This is what I will be teaching you how to do today...
Let's get started
Firstly, you’ll want to head to your Pages section. Then, click the + icon under Not Linked and create a new Blog. I’ve called mine Testimonials:
Click into your new Blog and add (+) a new Blog Post. Here you can enter a Title (this will display at the top of the testimonial) and an Except (this will be the actual testimonial that displays on the slider).
Note: Nothing that you write in the main blog body will be displayed in the testimonial slider.
For my testimonial slider, I have no title, only an excerpt. In my except I write the client and have a link to their website at the bottom. You can add a link with the link button in the excerpt box.
Do this same process for as many testimonials as you would like to add to your slider.
Then head back to Pages and choose the page you would like to add the slider on. My slider is on my homepage. You will need to add a Summary Block Carousel.
Once you have added this block, you need to pull from your new Blog ‘Testimonials’.
Psst, hey you!
Want goodies like this straight to your inbox? Click the link below to sign up and receive updates, discounts and exclusive access to a library full of 100% free design resources!Let's do it!
Under the Layout Tab you will want to change the Header text to something like ‘Testimonials’ or you can remove it all together, like I do. You will also want to change the Items Per Row to 1 and you can adjust the alignment and text size.
Under the Display Tab you will want to decide how many testimonials you want to display, I just put this up to 30. If you put it at 1, it will only show your most recent Blog post and won’t slide to the next one.
- If you have a Title you will want to have Title checked
- Uncheck Thumbnail
- Check Show Excerpt
- Uncheck Read More link
- Choose None for Primary and Secondary Metadata.
Note: These are just the settings I use, if you want to link this up to an actual Blog post about the project, then you might want to leave the Read More etc. Whatever settings work for you!
TIP: If you would like to use an existing or different Blog that you have, use the same process but add a Tag for each testimonial blog post called ‘testimonial’. Then when you use the summary block, you could pull from the existing Blog and target the tag ‘testimonial’.
TIP: You could also use tags to separate different categories of testimonials. For example if I wanted testimonials on my website design page, I could tag testimonials relating to website design ‘websitetestimonial’ and then pull from that tag only on my website design page.
TIP: If the slider is too wide, use spacers left and right to make it smaller.
So that’s basically it! Easy right? Now you have your very own testimonial slider. Let me know if you have any questions!