How to add Trustpilot to Shopify

Want to add a Trustpilot-style reviews carousel to your Shopify store without paying for an app? Trustpilot widgets cost $79-$429/month for businesses, and most apps charge $20-50/month. This complete tutorial walks you through adding a fully-functional Trustpilot-styled reviews section using a single Shopify section file. No app needed, no monthly fees, with the official Trustpilot logo, verified badges, and a smooth auto-rotating carousel.

Works with Dawn, Refresh, Sense, Craft, Studio, Horizon and any free Shopify 2.0 theme.

Watch the Trustpilot Reviews Tutorial

Prefer to follow along visually? Watch the full walkthrough where I install the Trustpilot reviews section on a live Dawn theme and add 3 reviews in real time:

What You’ll Get With This Trustpilot Reviews Section

This is not a basic testimonial block. It is a complete Trustpilot-styled review carousel with the official Trustpilot logo, green verified badges, and the same card layout customers already trust from millions of brand websites. Add unlimited reviews from the Customizer with auto-rotating carousel, responsive layout (3 cards desktop, 2 tablet, 1 mobile), and a side-by-side rating summary panel.

Trustpilot Logo & Stars
Official Trustpilot branding on every card.
Green Verified Badge
Adds instant credibility to every review.
Auto-Rotating Carousel
8 second slide interval, infinite loop.
Responsive Layout
3 cards desktop, 2 tablet, 1 mobile.
Rating Summary Panel
Side-by-side title + rating + Trustpilot logo.
Unlimited Reviews
Add as many review blocks as you want.
Review Title + Body
Optional title above each review text.
Time Stamp Per Review
“5 days ago” style relative time.
Author Name
Customer name in uppercase tracked style.
Exo Google Font
Modern typography for the heading.
Custom Star Rating
Set the date or rating per card.
Soft Card Shadow
Premium feel with rounded corners.

Step 1: Create a New Section File

Open Your Theme Code

  1. From your Shopify admin, go to Online Store > Themes.
  2. Click the three dots on your current theme > “Edit code”.
  3. In the left sidebar, scroll to the Sections folder.
  4. Click “Add a new section”.
  5. Name it: trustpilot-reviews
  6. Delete any default code Shopify puts in the file.

Step 2: Copy & Paste the Trustpilot Reviews Code

Click the Copy Code button below, then paste it into your new trustpilot-reviews.liquid file and click Save.

trustpilot-reviews.liquid
<div class="shopify-section trust-pilot">
  <style>
    /* Scoped styles - only affect .trust-pilot section */
    /* Card layout with shadow + rounded corners */
    /* Trustpilot green verified badge styling */
    /* Responsive: 3 desktop / 2 tablet / 1 mobile */
    /* Exo Google Font for heading */
  </style>

  <!-- Google Fonts: Exo -->
  <link href="https://fonts.googleapis.com/css2?family=Exo..." rel="stylesheet">

  <div class="section-perso container">
    <!-- Left side: Title + Trustpilot logo + rating -->
    <div class="links-side">
      <h2>{{ section.settings.main_title }}</h2>
      <img src="trustpilot-stars.svg">
      <p>{{ section.settings.main_bottom }}</p>
      <img src="trustpilot-logo.svg">
    </div>

    <!-- Right side: Auto-rotating review carousel -->
    <div class="recht-side">
      {%- for block in section.blocks -%}
        <div class="card">
          <!-- Trustpilot logo + Verified badge + date -->
          <!-- Review title + body + author -->
        </div>
      {% endfor %}
    </div>
  </div>

  <!-- Slick carousel: jQuery + autoplay + responsive -->
  <script> $('.recht-side').slick({...}); </script>
</div>

{% schema %}
  /* Section settings: main_title, main_bottom */
  /* Per block: time, review_tt, text, a_name */
{% endschema %}
Important: The code block above is a preview. Click Copy Code to get the complete working file with all 330+ lines of code.

Step 3: Add the Trustpilot Reviews in the Customizer

Open Customize and Add the Section

  1. Go to Online Store > Themes > Customize.
  2. Navigate to where you want reviews (Home page, Product page, etc.).
  3. Click “Add section”.
  4. Search for “turstpoint” (this is the schema name in the code).
  5. The section appears with 3 default review blocks pre-configured. Edit each one with real customer data.
  6. Click Save.

Step 4: Configure Your Trustpilot Reviews Settings

The section comes with simple settings split into two groups – section-level settings for the title and rating panel, and per-review block settings. Here is the full breakdown:

Main Title The big heading on the left side panel (e.g. “Reviews”, “What Customers Say”). Uses Exo Google Font.
Reviews Numbers Text The rating text below the Trustpilot stars (e.g. “Rated 4.7/5 stars from 1,200+ reviews”).
Time (Per Block) Relative time when review was posted (e.g. “5 days ago”, “2 weeks ago”, “1 month ago”).
Review Title (Per Block) Optional bold heading above the review text. Leave empty if not needed.
Review Text (Per Block) The actual review content. Supports rich text formatting.
Author Name (Per Block) Customer name displayed at the bottom of each card in uppercase letter-spaced style.

Need Custom Shopify Development?

I build custom Shopify sections, full theme customizations, and conversion-optimized stores. If you need something beyond this free code – I am here to help.

Hire Me on Fiverr Free Website Audit

Don’t Have a Shopify Store Yet?

Start your Shopify store for just $1/month – 3-day free trial + $1/month for 3 months (90 days total).

Start Your Shopify Store

Trustpilot Reviews FAQ & Troubleshooting

Is this an official Trustpilot integration?

No. This is a Trustpilot-styled reviews carousel that uses the Trustpilot logo and visual style for credibility, but does not pull live data from Trustpilot. You add the reviews manually from the Shopify Customizer. If you need a real Trustpilot API integration that pulls live reviews, hire me on Fiverr to build a custom integration.

Does this Trustpilot section work on mobile?

Yes. The section is fully responsive with three breakpoints. Desktop shows 3 review cards in the carousel, tablets (under 875px) show 2 cards in centered mode, and mobile (under 600px) shows 1 card with a small peek of the next card. The left-side title panel stacks above the carousel on small screens.

Why does the section use jQuery?

The carousel uses Slick Slider, which depends on jQuery. Slick is loaded from a CDN so it does not bloat your theme. If your theme already loads jQuery (Dawn does not by default, but most paid themes do), there is no extra performance cost. If you need a vanilla JS version without jQuery, message me on WhatsApp.

Can I use this on product pages?

Yes. The section is enabled on all templates – home, product, collection, page, blog. Add it once and reuse the section anywhere. Many stores add Trustpilot reviews directly above the Add to Cart button on product pages for a strong conversion boost.

Does it work with all Shopify themes?

It works with Dawn and all free Shopify 2.0 themes including Refresh, Sense, Craft, Studio, Origin, Colorblock, Crave, Spotlight, and Horizon. For paid themes or heavily customized themes, minor CSS adjustments may be needed – hire me on Fiverr if you want it integrated cleanly with your theme.

How do I change the auto-rotation speed?

The default is 8 seconds per slide. To change it, find the line autoplaySpeed: 8000 in the script section and change the number (in milliseconds). For example, 5000 gives a 5-second interval. To disable autoplay completely, change autoplay: true to autoplay: false.

How many reviews should I add?

Add at least 6 reviews so the carousel has enough cards to rotate through smoothly. The infinite loop kicks in once you have more than the visible card count (3 on desktop). Many high-converting stores use 9-12 reviews to give customers plenty of social proof.

Can I use a different font instead of Exo?

Yes. In the CSS, find font-family: "Exo", sans-serif; and replace “Exo” with your preferred Google Font. Also update the Google Fonts link tag near the top of the section. Or remove the font-family rule entirely to inherit your theme’s heading font.

I need help or want more custom features.

Happy to help. Send me a message on WhatsApp or hire me on Fiverr for live Trustpilot API integration, custom review submission forms, multi-language support, or full store builds.

Let’s Build Your Dream Shopify Store

I’m a Shopify developer specializing in theme customization, CRO, and custom sections. Small tweak or full store build – I’m here to help.

Hire on Fiverr Hire on Upwork WhatsApp
Subscribe on YouTube ecomranks.net [email protected]

Built by EcomRanks – Shopify Development & CRO


Leave a Comment

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