How to Add Scrolling Testimonials in Squarespace (No CSS Needed!)

Adding testimonials to your Squarespace website is one of the best ways to build credibility and showcase the results you've delivered for your clients. A professional testimonial section can increase trust and help convert visitors into paying customers.

In this step-by-step guide, I’ll show you how to add a scrolling testimonial slider—without any custom CSS. This method is easy, effective, and looks great on any Squarespace site.

Check out the video version.

Let’s jump in!

Step 1: Adding a Testimonial Section

1. Open your Squarespace Editor.

2. Click Edit on the page where you want to add testimonials.

3. Click Add Section → Scroll down to Testimonials.

4. Choose a carousel-style layout for a scrolling effect.

This will create a basic testimonial section that you can now fully customize.

Step 2: Customizing the Testimonial Design

Now, let’s edit the testimonial block to match your brand’s style.

1. Click on the testimonial section and select Edit Content.

2. Remove unwanted elements (titles, extra content, etc.).

3. Enable "Show Image" if you want client profile pictures.

4. Under Design, set the layout to Carousel for the scrolling effect.

5. Adjust the columns (3x4 works great for most layouts).

6. Set Media Width to 100% for better alignment.

Pro Tip: If you want a cleaner look, remove the arrows and enable infinite scroll for seamless transitions.

Step 3: Adjusting Padding & Spacing

To make sure the testimonials fit well:

• Reduce vertical padding for a compact look.

• Adjust space between elements (small spacing looks cleaner).

• Set card background to transparent for a sleek design.

If you prefer a layered effect, you can keep a subtle card background—just minimize the padding to keep it neat.

Step 4: Uploading Testimonials (Images & Text)

Now, let’s add real testimonials:

✅ Upload client images or website screenshots.
✅ Add short, powerful testimonials from happy customers.
✅ Include a "Show More" button for full case studies.

Pro Tip: If you offer web design services, showcase past projects instead of just text-based reviews.

Step 5: Adding Extra Testimonial Formats

Want text-only testimonials?

1. Add a new section with a simple text block.

2. Format it like a quote for a professional touch.

3. Add bold client names and star ratings for credibility.

This is great if you don’t have images but still want to display positive feedback!

Final Touches: Optimizing for Mobile

Before publishing, make sure your testimonial section looks great on mobile devices.

✅ Preview in mobile view in Squarespace.
✅ Adjust text sizes and spacing if needed.
✅ Ensure scrolling works smoothly on touch screens.

Check out our youtube tutorial on how to optimise your Squarespace website for mobile!

Launch Your Testimonial Section 🚀

That’s it! You now have a scrolling testimonial slider that looks great, requires no CSS, and instantly boosts trust and credibility on your website.

If you need extra customization or custom code snippets, check out my YouTube channel where I share Squarespace tips and tricks every week.

Need professional help?

📞 Ready to start your project? Book a call, or WhatsApp Me and let’s build a stunning website together!

🔥 Want more Squarespace tutorials? Subscribe to my YouTube channel for weekly web design tips!