Skip to main content
All 18 layoutsRating Breakdown

Rating Breakdown Widget: Free Testimonial Widget Builder

INTERACTIVE WIDGET BUILDER

Build a review widget that fits your brand.

Choose a layout, customize the experience, and see your StoryProof widget come to life instantly.

Widget layoutSelect a layout template to preview liveRating Breakdown

Customization

Stars, buttons and links
#7c3aed
Colors & size
Rating star icon color
#f59e0b
Review card fill color
#0c1020
Reviewer name text color
#ffffff
Type & card shape
How large the whole widget renders
Match my page is usually best. The widget takes on your section color
A different arrangement on phones. Switch the preview to Mobile to see it
Font family used for reviews
Card corner border radius
Card border
#1e293b
Badges & Metadata
Show ratingStar rating icons
Show sourceSource platform, e.g. Google, Trustpilot, G2
Delivery
Inline, or floating over your page
Heading & buttons
Show a headingHeader title above widget
Show the overall scoreAn aggregate rating above the reviews
Show a tab per platformOne tab for each review source
Show a call-to-action buttonCall-to-action button
Show a Write a review buttonSends visitors to your review form
Show "Powered by"Footer brand watermark
ACTIVE SYNC

LIVE PREVIEW: Rating Breakdown

4.92,431 reviews, 4 platforms
GoogleGoogle4.91,204
TrustpilotTrustpilot4.8648
G2G24.7412
FacebookFacebook4.9167
Powered byStoryProof
Rating Breakdown

Try this widget on your website

Copy the code below and paste it into your website.

<div data-storyproof-demo data-layout="ratings"></div>
<script async type="text/javascript" src="https://storyproof.io/widget.js"></script>
See guides for
Shopify logoShopify install guideWordPress logoWordPress install guideWix logoWix install guideWebflow logoWebflow install guideSquarespace logoSquarespace install guideFramer logoFramer install guideNotion logoNotion install guideGhost logoGhost install guideWooCommerce logoWooCommerce install guide
Powered byStoryProof
1-Line Embed Integration

Embed on Any Platform in Under 60 Seconds

No developer skills needed. Copy your space's lightweight JavaScript snippet, paste it into your site builder, and watch your testimonials go live instantly.

Works With Every Website Builder:

FramerWebflowWordPressShopifyNext.js / ReactHTML / Tailwind
embed-widget.html
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>
Lightweight (< 12KB)Asynchronous & Security Hashed

Ready to Turn Customer Praise Into Your Highest-Converting Sales Rep?

Join 5,000+ SaaS founders boosting conversions with StoryProof. Start your 7-day free trial today.

Instant setup • 7 days free • No credit card required