This guide is for non-Shopify stores. If you're using Shopify, see the Shopify installation guide instead.
Step 1: Find Your Site ID
Your Site ID is a unique identifier for your Revere account. You'll need it in the widget snippet. Find it in Settings → General — it's displayed at the top of the page.
Step 2: Add the Widget Snippet
Copy the snippet below and paste it into your product page HTML template where you want the review section to appear. Replace YOUR_SITE_ID with your actual Site ID, and PRODUCT_ID with the unique identifier for the product on that page (typically a SKU, numeric ID, or URL slug).
<!-- Revere Reviews Widget -->
<div id="revere-reviews" data-product-id="PRODUCT_ID"></div>
<script src="https://widget.irevere.com/v1/revere.js"
data-site-id="YOUR_SITE_ID"
async>
</script>
The data-product-id value must match the product identifier that your platform sends to Revere via the integration or API. Use the same ID consistently.
Step 3 (Optional): Star Rating Badge
Place the star rating badge near the product title for quick visibility. When clicked, it smoothly scrolls down to the full review widget.
<!-- Revere Star Rating Badge -->
<div class="revere-rating-badge"
data-product-id="PRODUCT_ID"
data-site-id="YOUR_SITE_ID">
</div>
This element self-populates with the star rating and review count. No additional JavaScript is needed beyond the main widget script.
Choosing a Product ID
The product ID you pass to the widget is used to match reviews to the correct product. Use whichever identifier is most stable and consistent across your site and your Revere integration:
%%GLOBAL_ProductId%% variable in your template.blue-running-shoes) is an acceptable alternative, as long as it's unique per product and matches what your platform sends to Revere.BigCommerce Specific Notes
To install on a BigCommerce store, edit your product page template file (usually product.html) in the Storefront → Template Files editor. Paste the snippet below the product description section:
<!-- Revere Reviews Widget -->
<div id="revere-reviews"
data-product-id="%%GLOBAL_ProductId%%">
</div>
<script src="https://widget.irevere.com/v1/revere.js"
data-site-id="YOUR_SITE_ID"
async>
</script>
Testing Your Installation
Visit a product page after saving. Open your browser's developer tools (F12) and check the Console tab for any errors. A successful load will show no Revere-related errors and the review section will render on the page.
For all available configuration options (colors, language, layout), see the Widget Configuration Reference.