Widgets

Five layouts. One script tag.

Drop ReliableReviews on any page — landing page, product page, footer, or sidebar. Pick a layout, match your brand, and reload. No build step, no framework, no fuss.

Default

Grid

The workhorse. Three columns of cards with stars, author, body, and photos. Perfect for product pages and landing sections.

  • Responsive 1-2-3 column breakpoints
  • Inline photo gallery per review
  • Owner replies indented beneath
embed.htmlCopy
<script src="https://www.reliable.reviews/widget.js"
        data-site="your-site-id"
        data-layout="grid"
        data-limit="6"
        async></script>

Best onboarding I’ve used.

Priya S.

Moderation is genuinely useful.

Marco R.

Customers really noticed.

Joanna L.
Long-form

List

Single column, full width. When the body copy does the heavy lifting — detailed reviews, multi-paragraph testimonials, case-study style.

  • Roomy line-height for reading
  • Avatar and verified badge inline
  • Best for a dedicated reviews page
embed.htmlCopy
<script src="https://www.reliable.reviews/widget.js"
        data-site="your-site-id"
        data-layout="list"
        async></script>
Priya S.Verified

Clean UX, zero jank, and the embed looked great on the first try.

Marco R.Verified

Catches spam and steers flagged reviews into a neat queue.

Attention-grabbing

Carousel

Auto-rotating card slider with prev/next and dot pagination. Drop it into a hero, a modal, or a sidebar and rotate through your best.

  • Featured reviews float to the start
  • Touch/swipe on mobile
  • Keyboard accessible navigation
embed.htmlCopy
<script src="https://www.reliable.reviews/widget.js"
        data-site="your-site-id"
        data-layout="carousel"
        data-limit="10"
        async></script>

Exactly what I was looking for

Setup took under 5 minutes and the widget looks gorgeous on our site. Moderation is a breeze — highly recommended.

Alex Kim
Hero placement

Featured

One stunning quote card with a big opening curly quote and your top review front-and-center. The trust signal above the fold.

  • Pulls from featured reviews first
  • Elegant typography at any size
  • Ideal for above-the-fold placement
embed.htmlCopy
<script src="https://www.reliable.reviews/widget.js"
        data-site="your-site-id"
        data-layout="featured"
        async></script>

ReliableReviews made it effortless to turn happy customers into social proof. Our conversion lifted within a week of turning the widget on.

Joanna L.
Powered by ReliableReviews
Compact

Badge

A compact pill with your average rating and review count. Headers, footers, checkout buttons, email signatures — anywhere you want a quiet trust signal.

  • Under 2KB rendered
  • Inline or block display
  • Links to your full review page on click
embed.htmlCopy
<script src="https://www.reliable.reviews/widget.js"
        data-site="your-site-id"
        data-layout="badge"
        async></script>
4.9· 312 reviews
Compact enough for headers and buttons
Configuration

Configure it with data attributes

No JavaScript API to learn. If you can copy HTML, you can configure the widget.

Attributes
data-site"your-site-id"

Required. Your site slug from the dashboard.

data-layout"grid" | "list" | "carousel" | "featured" | "badge"

Defaults to "grid".

data-limit"20"

Max reviews to load. Defaults to 20.

data-color"#f0a659"

Override the primary color for this embed.

data-target"#my-div"

CSS selector to mount into. Defaults to inline position.

Under the hood

Fast, isolated, and built for the real web

A widget you can trust on any stack, from a plain HTML landing page to a heavyweight Next.js app.

Vanilla JavaScript

Under 10 KB gzipped. No React, no jQuery, no build step on your end.

Async and cached

Loaded async so it never blocks your page. API responses cached on the edge for 60s with 300s SWR.

Shadow DOM isolation

The widget runs in a shadow root — your CSS can’t bleed in, the widget’s CSS can’t leak out.

SEO-friendly

Emits JSON-LD Review schema into your host page so Google picks up ratings and reviews on the embed.

Themed to your brand

Inherit your site’s primary color or override with data-color. Typography matches your host page.

Accessible by default

Semantic markup, keyboard navigation, ARIA labels, and reduced-motion support shipped in.

Your embed is one sign-up away.

Sign up, pick a layout, copy the snippet. That is the whole list.