The Rating Badge is Vauch's most versatile and compact widget. Designed to provide instant "at-a-glance" social proof, it distills your entire collection of testimonials into a single, powerful trust signal: your average star rating.
Whether as a floating badge or a static element in your footer, it provides a professional validation of your brand's quality without requiring significant screen real estate.
Key Features
- Live Average Score: Automatically calculates and displays your real-time average rating based on approved testimonials.
- Aggregate Proof: Shows the total number of reviews to demonstrate the scale of your customer satisfaction.
- Interactive CTA: Includes a customizable "Leave a review" button that links directly to your public feedback form.
- Branded Stars: Fully adjustable star colors to match your brand's visual identity.
- Ultra-Responsive: A tiny footprint that fits perfectly in sidebars, headers, mobile footers, and checkout blocks.
When to Use This Widget
The Rating Badge is ideal for reinforcing trust in tight spaces where full testimonials might be too distracting.
- Headers & Navigation: Place a compact version in your site's header to maintain a baseline of trust across every page.
- Checkout Pages: Reduce last-minute cart abandonment by placing the badge right next to the "Pay Now" button.
- Below CTAs: Use a rating badge directly beneath your primary signup or purchase buttons to provide that final boost of confidence.
- Floating Trust Signal: Embed it as a fixed element in the corner of your site so users always see your high rating as they scroll.
How to Embed
Getting the Rating Badge widget onto your site is effortless.
1. Copy from Builder
In your Vauch dashboard, navigate to the Widget Builder for your Rating Badge widget. Click the "Copy Embed Code" button. This will copy a single HTML snippet to your clipboard.
2. Paste into Your Website
Paste the copied snippet into the HTML of your website exactly where you want the badge to appear. No additional scripts or manual configuration are required.
Customization Options
You can fine-tune every aspect of your Rating Badge in the Widget Builder:
- Star Color: Set the exact brand-compliant color for your rating stars.
- Button Text: Change "Leave a review" to something that fits your voice, like "Rate Us" or "Share Your Story."
- Button Styling: Customize the background color, text color, and border-radius of the built-in action button.
- Show/Hide Count: Choose whether to display the total number of reviews next to the star score.
- Background & Borders: Match the badge to your site's theme with custom backgrounds, borders, and shadows.
Best Practices
- Strategic Placement: Use the badge as a "sidekick" to your main content. It should support, not compete with, your primary headlines.
- Consistent Branding: Ensure the star color and button styling match the other interactive elements on your website.
- Keep it Updated: Since Vauch calculates the average in real-time, new 5-star reviews will automatically improve your score everywhere the badge is embedded.
- Actionable Feedback: Use the built-in button to actively encourage new submissions. A high rating combined with a large number of reviews is much more powerful than a high rating alone.