Revere
Help Center Install Widget Configuration

Widget Configuration Reference

All available options for customizing the Revere review widget's behavior and appearance.

Overview

The Revere widget can be configured using data-* attributes on the widget container <div> element, or by passing a configuration object to the widget script. Most visual settings (colors, fonts, logo) are controlled by your Brand Kit settings in Revere and don't need to be set here.

Required Attributes

Attribute Where Description
data-site-id Script tag Your unique Revere Site ID from Settings → General.
data-product-id Container div The unique identifier of the product whose reviews should be displayed.

Optional Attributes

Attribute Default Description
data-per-page 10 Number of reviews to show per page before pagination.
data-sort recent Default sort order: recent, highest, lowest, or helpful.
data-show-write-review true Show or hide the "Write a Review" button. Set to false to display reviews without allowing new submissions.
data-show-qa true Show or hide the Q&A section within the widget.
data-locale en-US Language and locale for widget UI text. Supports en-US, en-GB, fr-FR, de-DE, es-ES.
data-theme light Color scheme: light or dark. Dark mode is useful for stores with dark-background product pages.

Example: Fully Configured Widget

<!-- Revere Reviews Widget -->
<div id="revere-reviews"
    data-product-id=""
    data-per-page="15"
    data-sort="helpful"
    data-show-write-review="true"
    data-show-qa="true"
    data-locale="en-US"
    data-theme="light">
</div>
<script src="https://widget.irevere.com/v1/revere.js"
    data-site-id="YOUR_SITE_ID"
    async>
</script>

Star Rating Badge Options

Attribute Default Description
data-product-id — Required. Same product ID as the main widget.
data-site-id — Required. Your Revere Site ID.
data-scroll-target #revere-reviews CSS selector of the element to scroll to when the badge is clicked.
data-show-count true Whether to show the review count next to the star rating.

Content Security Policy (CSP)

If your store uses a Content Security Policy header, you'll need to allow the Revere widget domain. Add the following to your CSP directives:

script-src 'self' https://widget.irevere.com;
connect-src 'self' https://api.irevere.com;
img-src 'self' https://cdn.irevere.com data:;