{"id":1806,"date":"2021-10-21T20:03:54","date_gmt":"2021-10-21T20:03:54","guid":{"rendered":"https:\/\/www.opinew.com\/help-center\/?post_type=ht_kb&#038;p=1806"},"modified":"2023-09-18T13:44:02","modified_gmt":"2023-09-18T13:44:02","slug":"footer-email-badge-help-guide","status":"publish","type":"ht_kb","link":"https:\/\/www.opinew.com\/help-center\/knowledge-base\/footer-email-badge-help-guide\/","title":{"rendered":"Footer &#038; Email Badge Help Guide"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">General information<\/h2>\n\n\n\n<p>One way to summarize your complete number of reviews in your shop and display the average rating is using our review badges. These can give your customers a sense of trust showing in a small space the feedback you&#8217;ve had so far.<\/p>\n\n\n\n<p><strong>What kind of reviews it shows<\/strong> :<\/p>\n\n\n\n<p>The footer &amp; email badge will show a list of stars filled with the aggregated rating calculated with all the reviews you have on your products, you can choose one of the three available styles.<\/p>\n\n\n\n<p><strong><strong>Where it should be used in the store<\/strong> :<\/strong><\/p>\n\n\n\n<p>This widget is meant to be displayed on the footer of your store.<\/p>\n\n\n\n<p><strong>More information :<\/strong><\/p>\n\n\n\n<p>Besides basic styling options available to customize your badges you can select which URL the user will be redirected to when the badge is clicked.<\/p>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Installation Instructions<\/h2>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\">Watch our tutorial video below to quickly add an All Reviews Badge to your Shopify store. <\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to install footer and email review badge on your Shopify store and email automations - Tutorial\" width=\"643\" height=\"362\" src=\"https:\/\/www.youtube.com\/embed\/_zay3J7G-LE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Method 1: App Blocks (Storefront 2.0) <\/h3>\n\n\n\n<p><strong>What types of pages can the element be drag-and-dropped<\/strong>:<\/p>\n\n\n\n<p>Product pages, collection pages<\/p>\n\n\n\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=5yUjVpemtl4\" data-rel=\"lightbox-video-0\" class=\"rank-math-link\">Watch App Blocks Tutorial Video<\/a><\/p>\n\n\n\n<p><a class=\"rank-math-link\" href=\"https:\/\/www.opinew.com\/help-center\/knowledge-base\/product-reviews-shopify-dawn-theme\/\">See the full help center article tutorial for App Blocks.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Method 2: Javascript<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"1-place-the-stars\">1. Place the footer badge<\/h4>\n\n\n\n<p>Insert the code to indicate where you want the footer badge to show. It can be any type of html element but we recommend&nbsp;<code>div<\/code>&nbsp;or&nbsp;<code>span<\/code>&nbsp;element. It needs to have the required class and data attributes as described below.<\/p>\n\n\n\n<p><code>&lt;div class=\"opinew-badge-plugin-dynamic\"&gt;&lt;\/div&gt;<\/code><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Method 3: Shopify Liquid<\/h3>\n\n\n\n<p>There are&nbsp;<strong>3 designs<\/strong>&nbsp;to choose from:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Design 1<\/h4>\n\n\n\n<figure class=\"wp-block-gallery aligncenter columns-1 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"435\" height=\"224\" src=\"https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design1.png\" alt=\"\" data-id=\"250\" data-full-url=\"https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design1.png\" data-link=\"https:\/\/www.opinew.com\/help-center\/knowledge-base\/add-all-reviews-badge-to-shopify-template\/design1\/\" class=\"wp-image-250\" srcset=\"https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design1.png 435w, https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design1-300x154.png 300w, https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design1-50x26.png 50w, https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design1-60x31.png 60w, https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design1-100x51.png 100w\" sizes=\"(max-width: 435px) 100vw, 435px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">&lt;div style=\"clear:both;\">&lt;\/div>&lt;div id=\"opinew-reviews-all-reviews-code\">&lt;span id=\"opinew-shop-plugin\">{{ shop.metafields.opinew['opinew_badge_wide_average'] }}&lt;\/span>&lt;\/div><\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Design 2<\/h4>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"335\" height=\"289\" src=\"https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design2.png\" alt=\"\" data-id=\"251\" data-full-url=\"https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design2.png\" data-link=\"https:\/\/www.opinew.com\/help-center\/knowledge-base\/add-all-reviews-badge-to-shopify-template\/design2\/\" class=\"wp-image-251\" srcset=\"https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design2.png 335w, https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design2-300x259.png 300w, https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design2-50x43.png 50w, https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design2-60x52.png 60w, https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design2-100x86.png 100w\" sizes=\"(max-width: 335px) 100vw, 335px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">&lt;div style=\"clear:both;\">&lt;\/div>&lt;div id=\"opinew-reviews-all-reviews-code\">&lt;span id=\"opinew-shop-plugin\">{{ shop.metafields.opinew['opinew_badge_small'] }}&lt;\/span>&lt;\/div><\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Design 3<\/h4>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"506\" height=\"228\" src=\"https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design3.png\" alt=\"\" data-id=\"252\" data-full-url=\"https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design3.png\" data-link=\"https:\/\/www.opinew.com\/help-center\/knowledge-base\/add-all-reviews-badge-to-shopify-template\/design3\/\" class=\"wp-image-252\" srcset=\"https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design3.png 506w, https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design3-300x135.png 300w, https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design3-50x23.png 50w, https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design3-60x27.png 60w, https:\/\/www.opinew.com\/help-center\/wp-content\/uploads\/2019\/08\/design3-100x45.png 100w\" sizes=\"(max-width: 506px) 100vw, 506px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">&lt;div style=\"clear:both;\">&lt;\/div>&lt;div id=\"opinew-reviews-all-reviews-code\">&lt;span id=\"opinew-shop-plugin\">{{ shop.metafields.opinew['opinew_badge_wide'] }}&lt;\/span>&lt;\/div><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>General information One way to summarize your complete number of reviews in your shop and display the average rating is using our review badges. These can give your customers a sense of trust showing in a small space the feedback you&#8217;ve had so far. What kind of reviews it shows&#8230;<\/p>\n","protected":false},"author":7,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[24],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb\/1806"}],"collection":[{"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/comments?post=1806"}],"version-history":[{"count":12,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb\/1806\/revisions"}],"predecessor-version":[{"id":3046,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb\/1806\/revisions\/3046"}],"wp:attachment":[{"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/media?parent=1806"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb-category?post=1806"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb-tag?post=1806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}