Or follow our step by step guide below:
Use those Shopify liquid codes to add the all reviews badge to your Shopify templates (for example in the footer). Compared to email badges, the template badges will auto-update.
Go to ‘Widgets’ option from the menu and click the ‘Footer & Email Badges’ button on the left side menu.
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_1024,h_506/https://www.opinew.com/help-center/wp-content/uploads/2021/04/Selection_070-1024x506.png)
Then click the ‘Edit widget settings’ button.
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_1024,h_499/https://www.opinew.com/help-center/wp-content/uploads/2021/04/Selection_071-1024x499.png)
The Footer & Email Badges Settings page will display. There, click on the ‘Badge codes’ tab.
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_1024,h_606/https://www.opinew.com/help-center/wp-content/uploads/2021/04/Selection_072-1024x606.png)
Click the ‘Copy template code’ button to copy the Liquid code into the clipboard and paste it into the desired place in your Shopify template.
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_1024,h_562/https://www.opinew.com/help-center/wp-content/uploads/2021/04/Selection_073-1024x562.png)
There are 3 designs to choose from:
Design 1
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_343,h_176/https://www.opinew.com/help-center/wp-content/uploads/2019/08/design1.png)
<div style="clear:both;"></div><div id="opinew-reviews-all-reviews-code"><span id="opinew-shop-plugin">{{ shop.metafields.opinew['opinew_badge_wide_average'] }}</span></div>
Design 2
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_274,h_236/https://www.opinew.com/help-center/wp-content/uploads/2019/08/design2.png)
<div style="clear:both;"></div><div id="opinew-reviews-all-reviews-code"><span id="opinew-shop-plugin">{{ shop.metafields.opinew['opinew_badge_small'] }}</span></div>
Design 3
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_357,h_160/https://www.opinew.com/help-center/wp-content/uploads/2019/08/design3.png)
<div style="clear:both;"></div><div id="opinew-reviews-all-reviews-code"><span id="opinew-shop-plugin">{{ shop.metafields.opinew['opinew_badge_wide'] }}</span></div>
If you happen to have any issues with adding your badge, feel free to contact our support center.