Free Review Widget Maker

Build a beautiful customer reviews widget for your website. Add reviews from Google, Trustpilot, G2, Capterra and more, copy the embed code and paste anywhere.

Template

Reviews

3/6

Upgrade to Premium for unlimited reviews, auto-sync, and analytics.

Upgrade

Embed Code

<div style="font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5;background:#ffffff;color:#0f172a;padding:24px;border-radius:12px;box-sizing:border-box;max-width:100%;width:100%;margin:0 auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale" data-contentanchor-widget="review">
  <h2 style="font-size:20px;font-weight:700;margin:0 0 16px;color:#0f172a">What our customers say</h2>
  <div style="display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:20px;box-sizing:border-box">
    <div style="font-size:32px;font-weight:800;line-height:1;color:#0f172a">4.8</div>
    <div>
      <span style="display:inline-flex;gap:2px;line-height:0" aria-label="Rated 5 out of 5 stars"><svg width="18" height="18" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg><svg width="18" height="18" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg><svg width="18" height="18" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg><svg width="18" height="18" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg><svg width="18" height="18" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg></span>
      <div style="font-size:13px;color:#64748b;margin-top:4px">Based on 234 reviews</div>
    </div>
  </div>
  <div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(min(260px, 100%), 1fr));gap:16px"><div style="background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,0.06);display:flex;flex-direction:column;gap:10px;color:#0f172a;box-sizing:border-box">
    <div style="display:flex;align-items:center;gap:10px">
      <div style="width:36px;height:36px;border-radius:50%;background:#ea580c;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;line-height:1">SC</div>
      <div style="flex:1;min-width:0">
        <div style="font-weight:600;font-size:14px;color:#0f172a;line-height:1.3">Sarah Chen</div>
        <div style="font-size:12px;color:#64748b;margin-top:2px">Mar 2026</div>
      </div>
    </div>
    <span style="display:inline-flex;gap:2px;line-height:0" aria-label="Rated 5 out of 5 stars"><svg width="16" height="16" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg><svg width="16" height="16" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg><svg width="16" height="16" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg><svg width="16" height="16" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg><svg width="16" height="16" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg></span>
    <p style="font-size:14px;line-height:1.55;color:#0f172a;margin:0">Honestly the best support experience I&#039;ve had. Fast responses and the product actually works as advertised.</p>
    <div><span style="display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;color:#ffffff;background:#4285F4;line-height:1.4;vertical-align:middle"><span style="width:14px;height:14px;border-radius:50%;background:#ffffff;color:#4285F4;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;line-height:1">G</span>Google</span></div>
    
  </div><div style="background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,0.06);display:flex;flex-direction:column;gap:10px;color:#0f172a;box-sizing:border-box">
    <div style="display:flex;align-items:center;gap:10px">
      <div style="width:36px;height:36px;border-radius:50%;background:#ea580c;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;line-height:1">MA</div>
      <div style="flex:1;min-width:0">
        <div style="font-weight:600;font-size:14px;color:#0f172a;line-height:1.3">Marcus Alvarez</div>
        <div style="font-size:12px;color:#64748b;margin-top:2px">Feb 2026</div>
      </div>
    </div>
    <span style="display:inline-flex;gap:2px;line-height:0" aria-label="Rated 5 out of 5 stars"><svg width="16" height="16" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg><svg width="16" height="16" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg><svg width="16" height="16" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg><svg width="16" height="16" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg><svg width="16" height="16" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg></span>
    <p style="font-size:14px;line-height:1.55;color:#0f172a;margin:0">We switched from a competitor and saved hours every week. Worth every penny of the subscription.</p>
    <div><span style="display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;color:#ffffff;background:#FF492C;line-height:1.4;vertical-align:middle"><span style="width:14px;height:14px;border-radius:50%;background:#ffffff;color:#FF492C;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;line-height:1">G2</span>G2</span></div>
    
  </div><div style="background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,0.06);display:flex;flex-direction:column;gap:10px;color:#0f172a;box-sizing:border-box">
    <div style="display:flex;align-items:center;gap:10px">
      <div style="width:36px;height:36px;border-radius:50%;background:#ea580c;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;line-height:1">PN</div>
      <div style="flex:1;min-width:0">
        <div style="font-weight:600;font-size:14px;color:#0f172a;line-height:1.3">Priya Nair</div>
        <div style="font-size:12px;color:#64748b;margin-top:2px">Jan 2026</div>
      </div>
    </div>
    <span style="display:inline-flex;gap:2px;line-height:0" aria-label="Rated 4 out of 5 stars"><svg width="16" height="16" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg><svg width="16" height="16" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg><svg width="16" height="16" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg><svg width="16" height="16" viewBox="0 0 20 20" style="color:#f59e0b;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg><svg width="16" height="16" viewBox="0 0 20 20" style="color:#cbd5e1;fill:currentColor;display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 1l2.6 5.3 5.9.9-4.3 4.2 1 5.9L10 14.5 4.8 17.3l1-5.9L1.5 7.2l5.9-.9z"/></svg></span>
    <p style="font-size:14px;line-height:1.55;color:#0f172a;margin:0">Clean interface, easy to set up. Docked one star for wishing the mobile app was a little snappier.</p>
    <div><span style="display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;color:#ffffff;background:#00B67A;line-height:1.4;vertical-align:middle"><span style="width:14px;height:14px;border-radius:50%;background:#ffffff;color:#00B67A;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;line-height:1">T</span>Trustpilot</span></div>
    
  </div></div>
  <div style="margin-top:20px;text-align:center;font-size:11px;color:#64748b">Powered by <a href="https://contentanchor.com/tools/review-widget-maker" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;font-weight:600">ContentAnchor</a></div>
</div>

Paste this anywhere: WordPress, Shopify, Wix, Webflow, plain HTML sites. The widget uses inline styles so it works in every CMS without extra setup.

Live Preview

What our customers say

4.8

Based on 234 reviews

Sarah Chen

Mar 2026

Honestly the best support experience I've had. Fast responses and the product actually works as advertised.

GGoogle

Marcus Alvarez

Feb 2026

We switched from a competitor and saved hours every week. Worth every penny of the subscription.

G2G2

Priya Nair

Jan 2026

Clean interface, easy to set up. Docked one star for wishing the mobile app was a little snappier.

TTrustpilot

What is a Review Widget?

A review widget is a small, embeddable section of a webpage that displays customer reviews and ratings from platforms like Google, Trustpilot, G2, Capterra, Yelp, and Facebook. It acts as instant social proof, helping website visitors trust your business before they buy or sign up. With ContentAnchor's free review widget maker, you can design a beautiful widget from your best customer reviews and paste it onto any website, no account, no payment.

How to use the Review Widget Maker?

Pick a template: choose from Grid, Carousel, List, Badge, or Featured.
Add reviews: click Add Review, then enter the customer's name, rating, review text, date, and source platform.
Customize: set the widget title, toggle the overall rating, and pick light or dark theme.
Preview: see exactly how your widget will look in the live preview on the right.
Copy the embed code: paste it into your website, WordPress, Shopify, Wix, Webflow, or plain HTML.

Frequently Asked Questions (FAQs)

Is this review widget maker really free?

Yes. You can build and export unlimited widgets without creating an account. Everything runs in your browser.

Does it auto-sync reviews from Google or Trustpilot?

The free version is a manual builder, you enter review details yourself. This is intentional: it keeps the tool free, private, and fast. For automatic syncing from Google Business, Trustpilot, Facebook, and more, our Premium tool connects securely to your accounts and refreshes reviews on a schedule.

Where can I paste the embed code?

Anywhere that accepts HTML: WordPress (Custom HTML block), Shopify (custom section), Wix, Squarespace, Webflow, Framer, or any static HTML site. The widget uses 100% inline styles so it won't be stripped by editors and won't clash with your site's CSS.

Is the widget mobile responsive?

Yes. Every template adjusts to screen size. The grid collapses to a single column on small screens, the carousel becomes horizontal-scroll, and text sizes scale down for readability.

Can I edit the widget later?

Since the free tool doesn't save data on our servers, you'd rebuild the widget or edit the copied HTML directly. Premium users get a dashboard that stores widgets, lets you update them, and auto-pushes changes to every site using them.

Is it safe to post reviews my customers gave me?

Yes, if the reviews are publicly posted on their respective platforms (Google, Trustpilot, etc.) and you link back to the source. You should not invent reviews or modify what customers actually wrote, that would be misleading and against most review platforms' terms.

Related Tools

Explore more tools to grow your website:

Form Builder

Build beautiful forms visually and export the code.

QR Code Generator

Generate QR codes for URLs, text, and more instantly.

Thumbnail Generator

Generate thumbnails for YouTube videos instantly.