🎉 Install Your Review Widget

Follow these simple steps to add customer reviews to your store

Step 1: Select Your E-commerce Platform

1
Access WordPress Admin

Log into your WordPress admin dashboard where WooCommerce is installed.

💡
Quick Tip: Your WordPress admin is typically at yoursite.com/wp-admin
  1. Navigate to your WordPress admin panel
  2. Make sure you have admin privileges
  3. Ensure WooCommerce is active
2
Open Theme Editor or Use a Plugin

You have two options for adding the widget code:

Option A: Theme Editor

Go to Appearance → Theme File Editor

⚠️
Recommended to use a child theme to prevent losing changes on updates

Option B: Code Snippets Plugin

Install Code Snippets or Insert Headers and Footers plugin

✓
Safer option - changes persist through theme updates
3
Copy Your Unique Widget Code

This is your personalized widget code for WooCommerce. 

<!-- 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 Code to Product Pages

Choose your method and add the code:

Method A: Theme Editor

  1. Navigate to Appearance → Theme File Editor
  2. Find single-product.php or content-single-product.php
  3. Locate the section after woocommerce_after_single_product_summary
  4. Paste your widget code
  5. Click Update File

Method B: Using a Hook (Recommended)

// Add to your theme's functions.php or use Code Snippets plugin
add_action('woocommerce_after_single_product_summary', 'add_review_widget', 15);
function add_review_widget() {
    echo '<div id="review-widget-container"></div>';
    echo '<script src="https://yourapp.com/widget.js?store_id=YOUR_STORE_ID"></script>';
}
5
Verify Installation

Let's verify that the widget is working on your WooCommerce store.

1
Access Your Website's HTML

You'll need access to edit your website's HTML code. This varies by platform.

💡
Common methods include: FTP access, hosting control panel, website builder's custom code section, or your platform's theme editor.
2
Copy Your Widget Code

This is your personalized widget code. 

<!-- 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
3
Add Code to Your Product Pages

Paste the code where you want reviews to appear on your product pages.

📍
Best Practice: Place the code in your product template file, typically after the product description.
  1. Locate your product page template or HTML file
  2. Find where you want reviews to display
  3. Paste the widget code
  4. Save your changes
  5. Clear any caches if applicable
4
Verify Installation

Verify the widget is working correctly.

🎉 Congratulations!

Your review widget has been successfully installed and verified.

You can now start collecting and displaying customer reviews!

Need help? Contact Support or view our Documentation