How to Display Testimonials on Your Website (11 Examples)

How to Display Testimonials on Your Website (11 Examples)

by Stacey Corrin on June 4, 2020

Do you want to display customer testimonials on your website? Reviews and testimonials play a large part in building customer confidence and securing new product sales. But finding ways to publish them on your website is difficult if you have little design experience.

This article shows you how to display testimonials on your website with examples you can recreate without needing to hire a developer.

Here’s a table of contents to help you navigate this article:

    1. Create a dedicated testimonial page
    2. Show testimonials on your homepage
    3. Add Twitter testimonials to a sliding carousel
    4. Embed Instagram testimonials in your footer
    5. Create a video testimonial page
    6. Display testimonials in your sidebar
    7. Show testimonials in image galleries
    8. Display reviews on your contact page
    9. Add single testimonials to your about page
    10. Curate UGC reviews on product pages
    11. Show reviews on checkout pages

Let’s get to it.

What Are Customer Testimonials and How Important Are They?

Customer testimonials are recommendations from satisfied users of your products and services. They’re a way of telling you if what you offer has value to other customers.

In some circumstances, testimonials come as paid endorsements from influencers. Yet the most common reviews are given voluntarily from happy customers, or by requests like post-purchase emails.

They also come in several different formats, including:

  • Quotes: A short quote from customers summarising the key values of a product
  • Videos: Customer accounts displayed through video recordings
  • Hero images: Large images are often shown at the top of websites overlaid with quotes
  • Star ratings: Products and services rated out of 5 stars
  • Blog post reviews: Written reviews of a product or service published in a blog post
  • User-generated content: Photos and videos shared on social media reviewing the product
  • Case studies: Long-form examples of how products or services helped customers improve their lives.

Testimonials are essential for your website because they help potential buyers overcome any objections they might have for buying your product. That can result in a significant boost in sales, and with the right customer service, turn your customers into brand ambassadors.

How to Display Testimonials on Your Site

There are several ways to display testimonials on your website, so below are some great examples you can try for yourself. While they might seem difficult to implement, there’s no need to worry. We’ll show you how you can create something similar on your website without needing to hire an expert to do it for you.

1. Create a Dedicated Testimonial Page

create a dedicated testimonial page

The most common place to put testimonials on your website is on a dedicated testimonial page. That way, visitors can browse endorsements without unnecessary distractions.

In this example, the Toast Cafe created a separate page for testimonials using our Custom Facebook Feed Pro plugin. And with the Reviews Extension, they were able to display a feed of customer testimonials from their Facebook page.

As you can see, they customized their feed to match the branding and minimalist design of their website, creating a unified and consistent look that’s appealing and distraction-free.

You can learn how to add a Facebook feed to your website here.

2. Show Testimonials on Your HomePage

Facbook and Twitter testimonial feeds

Another way to utilize testimonials from your Facebook Page is to display them on your websites’ homepage. That way, visitors get an instant snapshot of how customers view your service and highlight your active community on social media.

In the example above, MAS Youth Centre combines Facebook reviews alongside their Twitter feed, displaying their presence on various social platforms.

Casper display twitter testmonials

The next example is from the retailer Casper who specializes in mattresses and bedding. They use their reviews page to display several types of reviews, but what stands out is their slider of testimonials from Twitter.

The carousel slider cycles through reviews pulled from Twitter. This is a great way to demonstrate social proof while highlighting positive comments about their products.

You can replicate Casper’s example using the Custom Twitter Feeds Pro plugin and changing the layout type to Carousel. You can then use hashtags or an advanced search to filter content to display testimonials related to your company.

Twitter carousel slider testimonials

Learn how to add Twitter feeds to WordPress here.

Fabletics instagram testimonials

Customer testimonials also come in visual formats, and they’re a great way to show how real customers are using your products in the wild.

Fabletics demonstrates this wonderfully with an Instagram feed of user-generated content (UGC) in their website footer. The feed shows content from paying customers, using their branded hashtag #myfabletics to filter the results.

When potential customers see those examples, they get an idea of how to use the product in real life, giving them a nudge towards making a purchase.

You can recreate this example yourself using the Instagram Feed Pro plugin and adding the Instagram Feed widget to your website’s footer area, as demonstrated below.

instagram reviews in footer

Follow these instructions on how to embed an Instagram feed in WordPress to try it for yourself.

5. Create a Video Testimonial Page

Video testimonials

Videos also play an essential role in converting visitors into paying customers. Instead of reading a written account of customer experiences, you get to see the body language and emotions of customers, which is a lot more convincing.

In the above example, this business highlights customer testimonials in an interactive video feed providing written descriptions below each video.

You can emulate this design easily with the Feeds for YouTube Pro plugin by displaying testimonials from YouTube in a beautiful feed on your website. Simply choose your preferred layout and display videos by selecting a specific playlist, search term, or single video id.

Here’s how we recreated the above example using the YouTube Feed plugin.

YouTube video testimonial feed

You can learn how to add YouTube feeds to WordPress here.

And if you’re interested in how to create powerful video testimonials for your business, check out this helpful tutorial for more information.

Put testimonials in your website sidebar

When working out where to put testimonials on your website, don’t forget about your sidebar. This is an area that’s often overlooked, but it’s the ideal space to highlight testimonials, alongside your other content.

In the example above, the website owner used our Reviews Extension for Facebook Feeds to show testimonials from Facebook in their WordPress sidebar. When used with other testimonial formats, it creates a varied experience for readers and draws attention to their online communities.

Want to know how to display a Facebook review widget on your sidebar? Follow the instructions on this post on how to create a social media review widget today.

7. Show Testimonials in Image Galleries

IBM testimonial gallery

Visual content is the perfect way to create more exciting and inviting pages. It’s easier for people to skim pages with images, breaking up large walls of text. And pictures are often easier to understand for visual learners.

IBM uses the power of visual content to display different testimonials from the type of customers they serve. Plus, they showcase that content in stunning image galleries to significant effect.

It might seem tricky, but you can create a similar effect using our Instagram Feed plugin. Just choose the type of content you want to display in your feed, and set the layout to the highlight option.

Here’s a version we put together to demonstrate how easy it is without needing any design experience.

Instagram testimonials in a highlight feed layout

Why not give it a go yourself? Get the Instagram Feed plugin here and follow these instructions for adding Instagram feeds to WordPress.

8. Display Testimonials on Your Contact Page

Contact page testimonials

Your contact page is where potential customers turn to ask questions about your products or services. Most websites only add their contact information here, but you can make that page more useful to visitors by putting testimonials there.

That’s what The Chandeliers did by importing testimonials from their Facebook page using our Reviews Extension.

To keep the reviews consistent with their website design, they styled their feed cleanly and minimally. Even better, they offered a way for customers to add their review, helping them collect feedback with minimal effort.

9. Add Single Testimonials to Your About Page

Customer video testimonial on about page

Like your contact page, your About page is where users learn more about your business. It’s also where visitors form their first impressions, so you must make that page as informative as possible.

In this example, an individual video testimonial is used to illustrate the about page. This is an effective way to combine visual content with written information. And with the subscribe button displayed clearly beneath the video, it advertises the youtube channel, helping increase subscribers on YouTube.

Follow the instructions mentioned earlier to add a YouTube feed to your website. To add a single video to your website, click the Single Videos feed type, and enter your chosen video ID.

Display single youtube video testimonials

Get your copy of Feeds for YouTube to get started.

10. Curate UGC Testimonials on Product Pages

product page UGC testimonials

As we mentioned earlier, UGC is a great way to add diversity to your website and showcase how people use your products in real-life. And with the rise of Instagram, UGC is finding it’s way onto more important website pages like product pages.

Tarte Cosmetics is redefining UGC’s use in eCommerce by showing real customer reviews on high-performance product pages. As a result, shoppers are more likely to convert into customers. That’s because real customer reviews authenticate Tarte’s products and help build trust.

You can add UGC Instagram feeds to WordPress’s product pages using the instructions we shared earlier in this article.

11. Show Testimonials on Checkout Pages

checkout page testimonials

It’s disheartening seeing potential customers get to your checkout page, only to abandon their cart and leave your website. Shopping cart abandonment is a real problem for eCommerce stores, resulting in lost sales and a lot of money left on the table.

But similar to product pages, adding testimonials to your checkout page can significantly influence potential customers buying decisions and reduce shopping cart abandonment. When shoppers see positive reviews on the checkout page, it’s proof your product or service has value and can be the right push they need to commit to buying.

You can recreate the above example using any of Smash Balloon’s social feed plugins to filter and display testimonials on your checkout page. Learn how to add social media feeds to your WordPress website here.

That’s it!

We hope this article helped you learn how to display testimonials on your website so that you can convert visitors into customers.

So what are you waiting for? Get Smash Balloon now!

And don’t forget to follow us on Twitter and Facebook for more social media tips and tricks.

Comments

  1. Nitish Lakra

    Informative post.

    Reply
  2. Alex

    Such an insightful post!

    Reply
  3. S Schardt

    Helpful! Thank you, Smashballoon.

    Reply
  4. Emmanuel

    Fantastic!

    Reply
  5. Kakhaber Khmelidze

    Thanks for the useful info.

    Reply
  6. Steve Hassall

    Great primer on how to build trust for your business by using customer testimonials software. Well done!

    Reply
  7. Lucian Mihailescu

    Smash Balloon has an excellent customer service! They helped me debugging a script that was marginally interfering with their plugin and it was a success! Thank you!

    Reply
  8. James Rainwater

    Nice!

    Reply
  9. Kym

    This is great. Will definitely have to keep in mind.

    Reply
  10. Anoop

    Very much informative….

    Reply
  11. Vishal Pandey

    Fantastic

    Reply
  12. Mohd Khairi Wahab

    i never regret using smashballoon. such an awesome plugin

    Reply
  13. Aditya Agarwal

    A comment with hope to win giveawaty haha

    Though genuinely well written post..

    Reply
  14. Johan Linder

    I have to try this. Thanks.

    Reply
  15. Grace

    Great Post

    Reply
  16. scott

    Good tips, thanks

    Reply
  17. Raymond Westphal

    This is a very useful post.

    Reply
  18. Anne S

    Thank you for the tips!

    Reply
  19. Daniel B.

    👏👏👏

    Reply
  20. Thomas P

    Very comprehensive overview. Really helps understand the options.

    Reply
  21. Anna

    Very helpful info. Thank you.

    Reply
  22. Tracy Pfromm

    Thanks for the info.

    Reply
  23. jesus alonso

    Good info. Thanks

    Reply
  24. Jenny Ham

    Thanks for sharing

    Reply
  25. Jay

    Good stuff!

    Reply
  26. Michelle David

    Thank you for the easy to follow presentation!

    Reply
  27. Silver Teede

    Great to know

    Reply
  28. Tammy Liscio

    Love the information. Thank you

    Reply
  29. Kakhaber Khmelidze

    Not very actual for me now but thanks anyway.

    Reply
  30. Melinda Mattox

    This is so helpful! Thanks Smash Balloon.

    Reply
  31. Pat M

    Info we’ve all been looking for!

    Reply
  32. Ashley Zabel

    Amazing!

    Reply
  33. Mohd Khairi bin Wahab

    with this plugin, some of my big problem solved like a charm!

    Reply
  34. Susan

    Thanks for all the useful information.

    Reply
  35. Adam Ithiel

    Are there any stats on how showing reviews on your checkout page improves conversions or reduces cart abandonment?

    Reply
  36. Steven Epstein

    I am learning a lot about how to get more people to my site

    Reply
  37. Kallie

    Thanks for sharing , very good stuff !

    Reply
  38. Vanessa Machado

    Awesome ideas! Congrats

    Reply
  39. Michelle David

    I’ve always wondered how those side scrolling comments worked, thank you!

    Reply
  40. Vangelis Dimitroulas

    Very helpful! Keep up the good work!

    Reply
  41. Melinda Mattox

    I didn’t even know how to display testimonials before I read this! Thank you!

    Reply
  42. Anthony

    This was excellent and detailed information.

    Reply
  43. Starr McDaniel

    Thank you, again. I learn more every time I visit.

    Reply
  44. Lisa Edwards

    Very interesting

    Reply

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Leave a Reply

Your email address will not be published. Required fields are marked *