Display Widgets on your website

Follow these steps to start displaying widgets on your webpage.

1

Access Your Shopify Theme Editor

💡
Quick Tip: Make sure you're editing your live theme, or preview changes before publishing.
  • Go to Online Store → Themes
  • Click Actions → Edit code on your active theme
  • Or click Customize to use the visual editor
2

Locate Your Product Template

Find the template file where you want to display reviews. This is typically on product pages.

⚠️
Note: Template names may vary depending on your theme. Common files include: product.liquid, main-product.liquid, or product-template.liquid
  • In the code editor, look in the Sections folder
  • Find your product template (usually main-product.liquid)
  • Click to open the file
3

Generate Your Unique Widget Code

This is your personalized widget code. Copy it exactly as shown below.

<!-- Customer Reviews Widget -->
<div id="review-widget-container"></div>
<script src="https://yourapp.com/widget.js?store_id=YOUR_STORE_ID"></script>
🔑
Your Store ID: Not yet generated
4

Add Widget Code

Paste the widget code where you want reviews to appear on your page.

  • Find a good spot in your webpage
  • Paste the widget code you copied
  • Click Save at the top right

All Set!

Your WooCommerce store is now connected. Orders will automatically sync with our platform.