How to create auto-scrolling testimonials in Squarespace
You’ve seen those automated scrolling testimonials on websites, it’s a pretty cool feature that allows you to display a lot testimonials without taking up too much space. But how do you do it on Squarespace? Continue reading for a step-by-step tutorial.
Auto-scroll testimonial example (scrolling every 3 seconds):
Step-by-Step Tutorial for Testimonial Auto-Scrolling on Squarespace
Adobe Illustrator or some other similar software (I’ll be using AI in the demo)
A Basic Squarespace plan
2 or more testimonials
Create a new document about 1280px wide and 420px tall. That’ll give you a canvas that looks like this:
2. Add a background using the rectangle tool and cover the entire canvas. Fill in the canvas with whatever background color you want or match your website’s background.
3. Use the Type Tool to add text. Make sure to leave a decent amount of padding on both sides as seen in the image below.
4. Add and experiment with your text to see what works well for you. Make sure it matches the rest of your website.
Testimonial font: Futura PT Light, size: 42pt, line height: 56pt
Source font: Futural PT Medium, size: 30pt, line-height: 41pt