fbpx

How To Add Product Reviews To Your Webflow eCommerce Website

Welcome to Wiremo! In this step-by-step tutorial, you will find out how to set up one of the best customer review widgets on Webflow.


 

1. First log in to your Webflow dashboard, access Apps & Integrations, find the Wiremo app, and click on the Install button.
Select the Site or Workspace (Pin 1) and click on the Authorize App ( Pin 2) button.

Install Wiremo on webflow


 

2.  Next click on the Proceed button (Pin 3) to continue with the Wiremo installation.

proceed Wiremo on webflow


 

3. In the next window, you'll be taken to a page where you'll find the Wiremo div code. Simply click on the "Copy code" button (Pin 4) to copy it.

Install the Wiremo code webflow


 

4. Go back to the Webflow dashboard, hover over the site thumbnail, and open the Designer mode.

designer mode webflow


 

5. On the next page click on Home (Pin 5) and then click once on Products Template (Pin 6).

Webflow edit product template


 

6. First, decide where you want the Wiremo review widget to appear on your product page. Once you've chosen the spot, look for the plus icon (+) and click on it (Pin 7), then find and add the Embed code block (Pin 8).

embed HTML code


 

7.  When you click on the "Embed code", a window will open. Simply paste the Wiremo div code into this space. (Pin 9), then Save & Close (Pin 10).

webflow paste embed code


 

8. Go to Publish and click on “Publish to Selected Domains”.

Publish changes Wiremo webflow


 

9. Now if you access your website outside the Edit mode you will see the Wiremo review platform on your Product pages.

Wiremo review app webflow


 

10. Next, add the Star rating on your Product pages. To do that, log in to your Wiremo dashboard, go to Install Wiremo (Pin 11), and click on the Optional Settings (Pin 12)
then on the "Copy " button to copy the Star Rating code. (Pin 13).

Wiremo star rating


 

11. Now, go back to the Webflow dashboard, and again to the "Products Template" designer mode, and decide where you want the Wiremo Star Rating to appear on your product pages, we recommend placing it under the Product Price. Once you've chosen the spot, click on the plus icon (+) (Pin 14) then, find and add the Embed code block (Pin 15).

Wiremo star rating


 

12. When you click on the "Embed code", a window will open. Simply paste the Wiremo Star Rating code into this space. (Pin 16), then Save & Close (Pin 17).

Wiremo star rating code webflow


 

13. Now, if you access your website outside the Edit mode you will see the Wiremo Star Rating on your Product pages.

Wiremo star rating webflow


 

14. Go to Publish and click on “Publish to Selected Domains”.

Publish changes Wiremo webflow


 

15. Congratulations, you've installed the Wiremo review platform on your Webflow website.

 


 

Thank you for choosing Wiremo!