Widgets

Widget Embed Guide

Embed the ReputaFlow testimonial widget on any site and override defaults with simple data-* attributes.

1. Basic embed snippet

Drop this snippet on any page where you need testimonials. Replace YOUR_USER_ID with your dashboard ID.

<script src="https://reputaflow.com/widget.js" async></script>
<div data-rf-widget data-user="YOUR_USER_ID" data-layout="carousel"></div>

Layout	What you get	Notes
carousel	Single testimonial with arrows / auto-rotate	Default option
grid	Responsive cards (up to 3 columns, collapses on mobile)	Shows the latest 9 testimonials

The list layout is reserved for a future release.

Attribute	Type	Description
data-show-stars	boolean	Hide or show star ratings
data-show-attribution	boolean	Hide or show customer name / role
data-show-dates	boolean	Display testimonial dates
data-auto-rotate	boolean	Enable carousel auto-rotation
data-rotate-interval	number (ms)	Interval between slides (3000–15000 ms)
data-limit	number	Limit the number of testimonials rendered
data-show-branding	boolean	Force hide/show the “Powered by ReputaFlow” footer

Booleans accept true/false, 1/0, yes/no.

Grid layout collapses to 2 columns below 900 px and a single column below 640 px.
Carousel supports touch swipe gestures and pauses rotation on hover.
The container automatically scales down on narrow viewports (padding adjusts at 640 px).

If you hydrate testimonials dynamically, call the exposed helper after the DOM updates:

window.ReputaFlowWidget?.refresh();

Widget not loading: verify data-user matches the ID in your dashboard and that the widget script is reachable.
Branding showing on paid plan: confirm the plan saved in settings; override per embed with data-show-branding="false" if needed.
Layout mismatch: clear conflicting attributes or regenerate the snippet from the dashboard.