Display a testimonials gallery in Carrd

If you want to create a visually consistent gallery of quotes, here are three ways of doing this in Carrd.

Display a testimonials gallery in Carrd
Adding social proof is always important on most types of business website or landing page. However it can be tricky to create a visually consistent gallery of quotes in Carrd, so here are three ways you can do it.

Custom (Carrd + CSS)

This one was created by our editor, Mark. It’s manually built in Carrd, and can take quotes from any source. It does require the use a CSS code, but you can find out how to implement it with this Carrd tutorial or tutorial bundle. You can see the below example in action on tinydesignlessons.com.
notion image
 

Elfsight widget

The below screenshot shows a gallery of tweets built in Elfsight, which can be embedded as a widget in Carrd. The benefit of this is that they take the content from live tweets but strip out any images. You also don't have to upload the avatars, and you can add the star rating.
It costs $5/mo to remove the Elfsight logo (get $15 off via my link).
notion image
 

Jason’s Plugins

Jason is another top Carrd resource maker. He has made two free Carrd widgets for displaying testimonials.
  1. Testimonial slider
    1. This is a simple, responsive slider for customer testimonials. This one is lazy loading, so it loads only when the visitor scrolls to the tweets section. You can see a demo here.
      notion image
       
  1. Testimonial wall
    1. This one is designed for displaying a wall of selected tweets. You can use it to showcase any social proof, customer testimonials, or reviews from Twitter. This one is also lazy-loading, to help with faster page loads. You can see a demo here.
      notion image
 
You can see more Carrd resources like these on our main site starrt.co
 
We’ve written other tutorials on adding Elfsight widgets, like Instagram, WhatsApp, Pricing Tables, and Testimonials.
 
We hope you liked this tutorial. Check out other Carrd tips & tricks or our templates.
We hope you liked this tutorial. Check out other Carrd tips & tricks or our templates.

Subscribe for more carrd news & tips

Subscribe

Written by

Related posts

How to create a mobile responsive nav menu in Carrd

How to create a mobile responsive nav menu in Carrd

This is a technique to create a mobile responsive Carrd hamburger menu using only native features. No custom code required.

How to add pricing tables to Carrd

How to add pricing tables to Carrd

There is no easy way to add pricing tables with the Carrd native tools, so here are three ways we know of where you can achieve one.

Auto updating footer dates in Carrd

Auto updating footer dates in Carrd

Keeping the year in our site footer updated every year is a pain, but you could have it dynamically update by itself.

Make a Container clickable in Carrd

Make a Container clickable in Carrd

Sometimes you don’t want just a button or a link, you want to make a whole container clickable. But how do you do that in Carrd?

How to embed a PDF in Carrd

How to embed a PDF in Carrd

Embedding a PDF in your Carrd site is a clean way to share documents without forcing a download. Here’s how to do it.

How to add search and filters to a Carrd Gallery

How to add search and filters to a Carrd Gallery

For large Carrd Galleries, you can turn a static layout into something actually usable.

Add a smooth animated counter to Carrd

Add a smooth animated counter to Carrd

If you want a live, animated number up-counter you can drop into any site in Carrd, we have the code for you.

How to add animated text effects in Carrd

How to add animated text effects in Carrd

Static text is fine, but animated text gives your Carrd pages personality and impact.

Add a Dropbox‑powered image gallery to Carrd

Add a Dropbox‑powered image gallery to Carrd

Want a clean, responsive image gallery that doesn’t require uploading images to your Carrd site?