Reviews Widget for React
Drop a Reviews Widget Into Your React App
Render the widget container and load the embed runtime once — a few lines and your reviews appear.
What it looks like on React
A real AutoReview widget — exactly what your React visitors will see.
How to add reviews to React
In React, render the AutoReview <div> with its data attributes and inject the embed <script> once (e.g. in a useEffect), so the runtime picks up the widget after mount.
- 1
Add the widget container
Render <div className="autoreview" data-widget-id="YOUR_WIDGET_ID" data-type="carousel" /> where you want the widget.
- 2
Load the embed script once
In a useEffect, append a <script src="https://cdn.getautoreview.com/v1/embed.min.js" async> to document.body if it isn't already present.
- 3
Ship it
Build and deploy — the runtime scans for the container and renders your reviews.
<div class="autoreview"
data-widget-id="YOUR_WIDGET_ID"
data-type="grid"></div>
<script src="https://cdn.getautoreview.com/v1/embed.min.js" async></script>Good to know
- Guard the script injection so React 18 StrictMode's double-mount doesn't add it twice (check for an existing script tag first).
- For SSR frameworks, see the Next.js page — use next/script instead of manual injection.
Frequently asked questions
Will React StrictMode load the script twice?
Only if you don't guard it. Check whether the script tag already exists in document before appending, so the double-invoked effect in development adds it just once.
Using a different platform?
Add reviews to your React site
Collect and display reviews on autopilot — for $29/mo with a 7-day free trial.