{"id":1792,"date":"2021-10-21T15:50:39","date_gmt":"2021-10-21T15:50:39","guid":{"rendered":"https:\/\/www.opinew.com\/help-center\/?post_type=ht_kb&#038;p=1792"},"modified":"2023-09-18T13:49:51","modified_gmt":"2023-09-18T13:49:51","slug":"product-review-widget-help-guide","status":"publish","type":"ht_kb","link":"https:\/\/www.opinew.com\/help-center\/knowledge-base\/product-review-widget-help-guide\/","title":{"rendered":"Product Review Widget Help Guide"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">General information<\/h2>\n\n\n\n<p>Our Product Review Widget is our main way of showing your reviews on your shop pages, either they were generated by your users through email\/sms review requests, imported from other sellers, or migrated from different review applications. We offer six visually appealing ways of displaying them across your store.<\/p>\n\n\n\n<p><strong>What kind of reviews it shows<\/strong> :<\/p>\n\n\n\n<p>The three different elements of content you can find in our main widget are photo\/video reviews, just text reviews, and featured reviews showing a special tag to show the difference among the rest of them.&nbsp;<\/p>\n\n\n\n<p><strong>Where it should be used on the store<\/strong> :<\/p>\n\n\n\n<p>The best place we suggest for the placement of this widget is on the product page template, so the reviews are visible for your customers below your product description, but this can be changed to another space to fit your visual needs.<\/p>\n\n\n\n<h2 class=\"has-text-align-left 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 video tutorial below to quickly add Opinew&#8217;s main review widget on your Shopify store&#8217;s product pages.<\/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 Opinew&#039;s product review widget on your Shopify store?\" width=\"643\" height=\"362\" src=\"https:\/\/www.youtube.com\/embed\/I0k1-2w95aE?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, home page, custom pages.<\/p>\n\n\n\n<p><a class=\"rank-math-link\" href=\"https:\/\/www.youtube.com\/watch?v=5yUjVpemtl4\" data-rel=\"lightbox-video-0\">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: Web Components<\/h3>\n\n\n\n<p>Using our new web components code, you can display the stars on collection pages, and product pages alike using the new code.<\/p>\n\n\n\n<p>These lines of code need a block of code on the header of the theme, for more information on this matter please read the <a href=\"https:\/\/www.opinew.com\/help-center\/knowledge-base\/web-components\/\" class=\"rank-math-link\"><em>web components help guide<\/em><\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">1. Place the product review widget<\/h4>\n\n\n\n<p>Insert the code to indicate where you want the widget to show. It can be any type of html element but we recommend&nbsp;<code>div<\/code>&nbsp;or&nbsp;<code>span<\/code>element. It needs to have the required class and data attributes as described below.<\/p>\n\n\n\n<p>To add it in a multiuse template: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">&lt;opinew-plugin type=\"product\" product-id=\"{{product.id}}\" domain=\"{{shop.permanent_domain}}\">&lt;\/opinew-plugin><\/code><\/pre>\n\n\n\n<p>To add it in pages knowing the product information: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">&lt;opinew-plugin type=\"product\" product-id=\"123\" domain=\"yourstore.myshopify.com\">&lt;\/opinew-plugin><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Method 3: Shopify Liquid<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">\n &lt;div style=\"clear:both;\">&lt;\/div>&lt;div id=\"opinew-reviews-product-page-code\" class=\"\">\n                &lt;span id=\"opinew-plugin\" data-server-address=\"https:\/\/www.opinew.com\" data-opw-prodreviews=\"{{ product.metafields.opinew_metafields['product_plugin'] }}\" data-opinew-shop-id=\"{{ shop.id }}\" data-shop-url=\"{{shop.domain}}\" data-platform-product-id=\"{{product.id}}\">\n                 &lt;span id=\"opinew_product_plugin_app\">&lt;\/span>\n                &lt;\/span>&lt;\/div><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>General information Our Product Review Widget is our main way of showing your reviews on your shop pages, either they were generated by your users through email\/sms review requests, imported from other sellers, or migrated from different review applications. We offer six visually appealing ways of displaying them across your&#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\/1792"}],"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=1792"}],"version-history":[{"count":19,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb\/1792\/revisions"}],"predecessor-version":[{"id":3049,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb\/1792\/revisions\/3049"}],"wp:attachment":[{"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/media?parent=1792"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb-category?post=1792"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb-tag?post=1792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}