Widgets Gallery

Testimonial and review widgets for any website

Embed customer reviews on any page of your website. Set filters, match fonts, aggregate sources, and copy the widget script in your workspace dashboard.

review_grid

Grid Widget (Masonry Wall)

Display your customer testimonials in a beautiful, dense masonry layout. Column heights automatically balance, arranging reviews of different lengths without layout shifts.

  • Auto-balancing columns (1–4 columns)
  • Keyword search bar and rating filter
  • Optional "Load More" page buttons
  • Custom card shadows and corner radius

★ Recommended Usecase & Placement:

**Suitable Pages:** Testimonials pages, customer success hubs, or dedicated "Wall of Love" tabs.

**Why it works:** Perfect for pages where high-intent buyers want to read comprehensive case studies and verify long-form customer feedback in detail.

Live Widget Preview (Grid Layout)
review_horizontal_carousel

Horizontal Carousel (Double Row Slider)

A premium sliding carousel featuring two parallel rows of customer reviews moving in opposite directions. Takes up minimal page height while drawing high visual engagement.

  • Dual parallel rows sliding in opposite directions
  • Auto-moving loops with custom speeds
  • Smart hover-to-pause behavior
  • Smooth animation keyframes with zero layout shifts

★ Recommended Usecase & Placement:

**Suitable Pages:** Homepage hero bottom sections, key landing page bodies, and product pages.

**Why it works:** Keeps your page clean. Excellent for homepages where spacing is critical. It allows you to display 8-16 reviews without cluttering the screen.

Live Widget Preview (2-Row Horizontal Marquee)
review_vertical_marquee

Vertical Carousel (Double Column Marquee)

Parallel vertical columns scrolling infinitely in opposite directions (up and down). Uses a premium overlay mask to fade cards out at the boundaries.

  • Dual parallel columns scrolling UP and DOWN side-by-side
  • Hover-to-pause and touch scrolling support
  • Faded overlay mask at boundary edges
  • Pure CSS keyframe loop with high availability performance

★ Recommended Usecase & Placement:

**Suitable Pages:** Sidebars, checkout workflows, landing page columns, or sticky floating panels.

**Why it works:** Highly optimized for vertical grids and sidebar panels where standard horizontal space is restricted but user validation is required.

Live Widget Preview (2-Column Vertical Marquee)
review_spotlight_slider

Single Review Spotlight Slider

A focal slider card showing one prominent testimonial at a time. It rotates automatically and provides manual chevron arrows to jump between review cards.

  • Focal design displaying one quote at a time
  • Auto-rotation interval with hover-pause
  • Manual indicators (arrow buttons & dot navigation)
  • Smooth slide and scale transitions

★ Recommended Usecase & Placement:

**Suitable Pages:** Next to registration forms, hero spotlight rows, or pricing table cards.

**Why it works:** Directs the reader's attention to a single, high-impact review instead of overwhelming them, building focus right next to conversion elements.

Live Widget Preview (Focal Spotlight Slider)
review_avatar

Avatar Row Trust Badge

An ultra-compact Trust signal that stacks reviewer faces in a single line. Visitors click an avatar to pop open and review details instantly.

  • High-density layout footprint
  • Click-to-expand card drawers
  • Dynamic reviewer initials or image support
  • Verified trust checkmark badge integrated

★ Recommended Usecase & Placement:

**Suitable Pages:** Checkout pages, pricing card buttons, lead sign-up forms, and billing anchors.

**Why it works:** Placed right next to critical call-to-actions to ease anxiety and build absolute validation at the exact second a lead decides to register or buy.

Live Widget Preview (Interactive Avatars)

Side-by-Side Feature Comparison

All widgets share the same styling customization tools in your dashboard. Differences are layout characteristics.

FeatureGridCarouselAvatar
Custom colors & fonts
Mobile responsive
Filter by rating or source–
Auto-play / animation––
Navigation controls––
Load more / pagination––
Compact footprint––
Custom CSS override
Schema markup (SEO)

Frequently Asked Questions

How do I embed testimonial widgets on my site?

Copy the 1-line HTML snippet from the ProofBeer dashboard and paste it inside any code block or custom HTML widget of your website platform (Shopify, WordPress, Webflow, Wix, etc.).

Can I style widgets to match my brand?

Yes, our visual widget customization editor allows you to configure fonts, colors, border radius, shadows, animations, and layouts to look native on your site.

Will the widget auto-update when new reviews sync?

Absolutely. Testimonials collected from forms or synced from Google and Facebook update dynamically in the widget without requiring you to publish any code.

ProofBeer is an all-in-one social proof platform for websites. It combines AI-assisted feedback forms, automatic Google, Facebook and Instagram review sync, and embeddable testimonial widgets in one dashboard. ProofBeer is software and is not related to beer or alcohol.

Which widget should you use?

Grid (masonry Wall of Love): best for a dedicated testimonials page or a long landing page. Shows many reviews at once and handles long and short quotes gracefully. Horizontal carousel: best for homepages and pricing pages where height is limited. Two rows of sliding reviews keep proof visible without taking over the page. Vertical marquee: best for sidebars, narrow columns and hero sections where you want constant motion. Single-review spotlight: best next to a checkout button or a high-stakes call to action, where one strong quote beats ten average ones. Avatar row trust badge: best near sign-up forms and in headers, to show a row of customer faces and a rating in very little space.

Where to place widgets

Put proof at the moments of doubt: under the main headline, next to pricing, beside the add-to-cart or sign-up button, and on any page where visitors drop off. Match the widget to the page: a spotlight beside checkout, a grid on the testimonials page.

Customization

Colours, fonts, card style, corner radius, number of reviews and speed can be matched to your brand. Filter by star rating, source (Google, Facebook, Instagram, your own forms) or date so only the reviews you choose appear. Hide any review in one click.

How embedding works

Copy one snippet from the widget editor and paste it into an HTML or embed block. It works on Shopify, WooCommerce, WordPress, Webflow, Wix, Squarespace, Framer, Kajabi and any site that accepts custom HTML. Widgets are served from a CDN and updated automatically when you approve new reviews.

Real reviews only

Widgets should show genuine customer feedback. Keep original wording, link to the source when you show Google or Facebook reviews, and do not edit meaning.

Frequently asked questions

What is a testimonial widget?

A testimonial widget is an embeddable component that shows customer reviews and ratings on your website. You paste a snippet of code into your page and the widget displays approved testimonials in a grid, carousel or badge, updating automatically when you add or approve new reviews.

What widget types does ProofBeer offer?

ProofBeer offers a masonry grid for Walls of Love, a horizontal double-row carousel, a vertical double-column marquee, a single-review spotlight slider and an avatar-row trust badge. All formats can be styled to your brand and filtered by rating, source or date.

Do I need a developer to add a widget?

No. Copy one embed snippet from the ProofBeer widget editor and paste it into an HTML, embed or custom code block. Guides exist for Shopify, WordPress, Webflow, Wix, Squarespace, Framer, Kajabi and WooCommerce. Any platform that accepts custom HTML can display the widget.

Can widgets show Google and Facebook reviews?

Yes. After connecting your Google Business Profile or Facebook Page, synced reviews can appear in any widget alongside testimonials from your own ProofBeer forms. You can filter by source and rating, hide individual reviews, and combine several sources in one widget.

Is there a limit on widget views?

No. ProofBeer states that widget views are unlimited on all plans, including the free Starter plan. Some competing tools price by monthly views, so unlimited views can matter on high-traffic pages. Plan limits apply to workspaces, forms and responses instead, so check the pricing page.

Which widget converts best?

There is no single winner; it depends on the page. A spotlight beside a checkout button, a carousel on a homepage and a grid on a testimonials page are common choices. Test one change at a time and compare conversion before and after rather than relying on general claims.

Ready to embed reviews on your site?

Create a free account, connect your social channels or share a form link, and copy one copy-paste snippet.

Get Started Free