Create a Testimonial Block Slider in Squarespace

There are a number of ways you can showcase a client testimonial within your Squarespace site. In this quick little tutorial, I'll be showing you how to create a Testimonial Slider within your Squarespace website with no custom CSS involved. See below for an example:


 
 

Step 1

First, you'll need to head to the Pages section of your Squarespace site . Then, scroll down to the Not Linked section, and you will click the + icon to create a new "Blog" page and name it Testimonials. This is where you will house all of the testimonials and client reviews that you've received and would like to display on your page.

 
testimonial-squarespace.png
 

Step 2

Each blog post you create will showcase a different testimonial. In the title of your first blog post, you can choose to write your client's name, or leave the title blank. Then click on options at the top of your post settings; your excerpt section is where you will need to insert the testimonial. You can add a link here as well if you'd like to connect the testimonial to your client's website. Then click 'save & publish' to make it live.

 
squarespace-help.png
 

You'll want to repeat this step for as many testimonials as you would like to add to your slider.

Step 3

Now that you've set up the back end of the testimonial slider, you'll need to actually create it. To do this, head to the section of your website where you will be adding it (for example: your homepage). You will need to add a summary block carousel.

 
squarespace-blocks.png
 

In the carousel block settings, you will need to pull from the 'testimonial' page you just created. 

 
squarespace-tips.png
 

In the 'layout' tab, you will either change the Header text to something like "Testimonials" or "What My Readers Say", or you can remove it all together.

In the items per row section, you will change the quantity to 1. You can also adjust your text size and alignment; I prefer my text to be 'large' and 'centered'.

In the display settings, you will have a number of options to choose from. The following settings are what I typically use, but choose whichever settings work best for you!

  • If you have a Title, you will want this option checked

  • Uncheck Thumbnail

  • Check Show Excerpt

  • Uncheck Read More

  • Choose None for both Primary and Secondary Metadata

Then click apply. 

Step 4

Optional: There are a few display options you can modify.

  • If the slider is too wide for your preference, use spacers to the left and right to make it smaller.

  • You can change the display size of your text by choosing one of your H1, H2, or H3 fonts rather than using the normal paragraph text option. Simply head to the options section of your blog post, and change the formatting of your excerpt text.

Make sure you've saved your changes, and that's it- you are now ready to go! Leave a comment below if you have any questions- I absolutely love hearing from you guys!