If you're using one of the 10 Horizon themes (Tinker, Ritual, Fabric, Pitch, Dwell, Savor, Horizon, Heritage, Atelier, Vessel), you can easily add the Star Rating Badge as a block on your collection pages.
Install Star Rating Badge on collection pages
Step 1: Enable Judge.me app embed
To enable Judge.me app embed:
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit and click Edit theme.
From the menu on the left, click the App embeds icon (the third icon).
Enable the Judge.me app embed.
Click Save on the top right.
Step 2: Add the Star Rating Badge code
For the Star Rating Badge to show on your collection pages:
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit and click Edit theme.
At the top of the theme editor, open the template dropdown in the middle.
Select Collections, then select Default collection.
On the left panel, inside Template, find the Collection section.
Click the right-arrow icon (>) on its left to expand it.
Hover under Price and click the plus icon (+).
In the Blocks tab, select Custom Liquid.
Click the Custom Liquid code you just added to open it.
In the Liquid code field, paste in the following code:
<!-- Start of Judge.me code -->
<div class='jdgm-widget jdgm-preview-badge'>
{{ closest.product.metafields.judgeme.badge }}
</div>
<!-- End of Judge.me code -->Click Save on the top right.