TABLE OF CONTENTS
FOLLOW
Customer feedback is an important tool for any business to prove to potential customers and clients the value of your product. Including an engaging testimonial section on a landing page is an incredible way to bring prior feedback to the forefront and craft a narrative around what visitors should expect.
Webflow Testimonial Cloneables
While it is sometimes best to let your product or service speak for itself, it can’t hurt to sometimes let other people speak for it as well. Testimonial sections are a powerful way to get first-hand accounts of why people should want to get signed up. When presented in visually compelling and convincing ways, they can be a major force driving conversion on your websites.
Testimonial Slider with Custom Arrows by Flowbase
https://showcased.webflow.io/projects/testimonial-slider-custom-slider-arrows
Interactive webpage elements are always a surefire way to get visitors to your site engaged in whatever you’re selling. This testimonial cloneable from Flowbase combined interactivity with great UI design to offer a visually appealing way to get
The focus of this template is the photographs. The samples they give feature smiley and colorful faces – a great use of what’s available. The structure of the testimonial text also means that you can include not only a witty quote, but names, brands, and other visual elements. Flowbase also emphasizes the customized arrows they’ve built, adding a new level of design freedom to your site.
What is in this website template?
- A template of homepage with slider element
- Code snippet in <head> and before the </body> tag for custom sliders
What is this website template best for?
- People-focused testimonials
- Website with only a few key testimonials
The Bottom Line
This is a fairly classic design for a testimonial section, albeit with exceptional design and a high degree of customizability. It goes well with colors and photos and will complement web pages that really want to emphasize those kinds of visuals. Flowbase is also a major design player in Webflow, so this template can fet well with other templates (from their website).
Grid Testimonial Slider by Pretty-Nice-Websites
https://showcased.webflow.io/projects/grid-testimonial-slider
While testimonials are often placed at the bottom of web pages, sometimes it can be useful to make it a major focus of the page. This Grid Testimonial Slider from Pretty-Nice-Websites shows you what that can look like. It’s definitely possible to include this as a section (instead of a full page) but the intention is definitely to get readers to stop and focus on the testimonials being displayed.
With another photo-centric UI, you’ll be best off choosing high-quality colorful photos to display. Stock photos would probably work well. There is a gradient design that can be modified directly within the Webflow platform. You’ll probably want to keep the quotes brief – the included text box isn’t that large (and you don’t want a font that is so small that it becomes unreadable). Also of note is the big call-to-action button included in each slide.
What is in this website template?
- Homepage template with slider element
- A three-card slider
What is this website template best for?
- Low-text, image centered testimonials
- Websites wanting to emphasize customer testimonials
The Bottom Line
This is a great option if you want to make the testimonial a focus of an entire page or a large section of a page on your site. The call-to-action in every slide means that you can tailor the testimonial quotations toward getting people signed up for your website or subscribed to a newsletter.
Amazing Testimonials Section by ZealousWeb
https://showcased.webflow.io/projects/zeal-testimonial
You’ve done the work and collected the testimonials. Now you need to make all of the great feedback known to the world. This awesome testimonial template from ZealousWeb does the job and more. Featuring an auto-scrolling box layout, you’ll be able to display everything that you want to show off in a gorgeous UI design.
The start of the show here is the interactive elements of the page. Although the boxes scroll by slowly, hovering over one freezes the box, inverts the colors, and lets you read through it. With so many testimonial boxes, I can imagine nesting the elements inside a CMS collection and populating new boxes using that. You don’t have to though, as the template page features all the boxes on scroll.
What is in this website template?
- Homepage template
- 10 card elements (broken into two columns)
What is this website template best for?
- Websites/companies with a large number of testimonials to choose from
- Websites (or pages of a website) that want to focus on testimonials
The Bottom Line
This template tries to be a statement more than it tries to provide information for visitors to read. It’s a great way to showcase just how much your users appreciate the product you’re selling in a really interactive and visually interesting way. This is a great one for companies with a lot of clients or who sell many kinds of products and services.
3D Testimonial or Process Card Animation on Scroll by Francesco Castronuovo
https://showcased.webflow.io/projects/3D-Testimonial-or-Process-Card-Animation-on-Scroll
Scroll animations are definitely in right now. This 3D Testimonial Card template from Franceso Castronuovo is a great example of how you can use that for your own website. Although this template shows a process workflow, he acknowledges its great use case with testimonials. This is a good template to feature on a page with other scroll animations – it says “ok, now let’s hear what other people have to say”.
The simple template design also means that you can make these cards into whatever you want them to be. From customer photos (or stock photos) to logos, the left-bound text and right-bound photo design is a tried and true way to display important information. Other elements like big quotation marks or subtitles could also be added.
What is in this website template?
- Hosting page with (three) card elements
- HTML embed code for the card scroll
What is this website template best for?
- A website with a full-section testimonial area
- Pages where other elements enter are introduced on scroll
The Bottom Line
This one is best suited when it fits into the overall flow of your site. Animations on the scroll are a hugely popular element of a lot of Webflow sites, and this is a perfect way to fit testimonials into that UI schema.
BRIX Testimonial Template
https://showcased.webflow.io/projects/Testimonials-Webflow-Cloneable-Template-BRIX-Template
This is a classic testimonial design that stands out to us for its impeccable design and ease of use. Perfect snuggled away at the bottom of a landing page, it gives you a lot of space to show what your customers have been saying. The “quote highlight” and body text design of each box is a great design practice, letting viewers scan the testimonials for whatever sticks out to them.
Another great candidate for nesting inside of a CMS collection, this is definitely made for text-heavy testimonials. Small circular photos are included in the design, but they are more of an afterthought that rounds out the design. The well-placed slider arrows also mean that information can be brought in and out of focus depending on what customers want to be reading.
What is in this website template?
- Home page with Brix branding/newsletter signup
- Three versions of the testimonial templates (three different card arrangements)
- Changelog (tracking updates to the template)
What is this website template best for?
- A small testimonial section at the bottom of the page
- Websites that want to include punchy, short quotes from the testimonial
The Bottom Line
This is perhaps the most classic of the options featured here. It isn’t overly imposing, but it does the job of highlighting customer feedback in a way that is very easy to make sense of. It doesn’t hurt that it is so well-designed as well.
.png)
