Install the widget on Shopify

This guide uses the JustReview Testimonials widget as the example. Every other widget works the same way.

1. Build your widget and click “Generate Code for your website”.

   

   

2. Open Online Store → Themes → Edit code.

   

3. Edit theme.liquid and paste part 1 and part 2 before the closing </body> tag.

   Part 1 loads the library and belongs on the page only once, even with several widgets. Part 2 is the configuration for one widget, so add one part 2 per widget.

   

   Save the file.

4. Go back to Themes and click Customize.

   

5. Add a Custom HTML section where the widget should appear.

   

6. Paste part 3 into the Custom HTML box, then save.

   

The widget will not show in the Shopify admin

The widget only renders on domains listed in your Settings, so the theme editor preview stays empty. Save and check your live storefront instead. Your store address must match the whitelist entry.

Regenerate the code after every change

Widget settings live inside the snippet on your store. After changing anything in the dashboard, generate the code again and replace part 2 in theme.liquid.

Widget still not visible?

1. Domain whitelist in Settings matches your store address. Check whether customers reach you on yourstore.myshopify.com or a custom domain, and whitelist the one they actually use.
2. Part 3 is present on the page you are looking at. Sections are per-template in Shopify, so adding it to the home page does not put it on product pages.
3. Part 1 appears exactly once in theme.liquid.
4. The Badge widget needs at least one review before it shows anything.