{"id":2676,"date":"2023-03-21T03:53:34","date_gmt":"2023-03-21T03:53:34","guid":{"rendered":"https:\/\/www.opinew.com\/help-center\/?post_type=ht_kb&p=2676"},"modified":"2023-03-21T13:39:35","modified_gmt":"2023-03-21T13:39:35","slug":"add-reviews-to-replo","status":"publish","type":"ht_kb","link":"https:\/\/www.opinew.com\/help-center\/knowledge-base\/add-reviews-to-replo\/","title":{"rendered":"How to add reviews to Replo"},"content":{"rendered":"\n

If you are looking to add reviews to Replo, follow our tutorial to easily add review widgets to Replo using liquid components. <\/p>\n\n\n\n

Requirements<\/h2>\n\n\n\n

Opinew Product Reviews<\/a> installed on your store, and ideally with reviews already on your products. <\/p>\n\n\n\n

Replo Landing Page Designer<\/a> installed on your store. <\/p>\n\n\n\n

Add Star Ratings to Replo<\/h2>\n\n\n\n

Open Replo, and create a new product page or edit your current product page created in Replo. <\/p>\n\n\n\n

\"Create<\/figure>\n\n\n\n

Open the component tab, and search for the liquid component. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Drag & drop the liquid component to the location of your choice on your page. For product stars, we usually recommend placing them right under your product\u2019s name or above the price. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Open the Config tab and \u201cLaunch the code editor\u201d on the right sidebar. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Copy and paste the liquid code on this page<\/a> or below and hit \u201cSave code\u201d. <\/p>\n\n\n\n

<div id='opinew-stars-plugin-product'>{% render 'opinew_review_stars_product' product:product %}<\/div><\/code><\/pre>\n\n\n\n
\"\"<\/figure>\n\n\n\n
If you can\u2019t see it live in the editor, click to preview the page. Once you\u2019re happy with it, hit publish. <\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
If you’re looking to customise the colour or the display of the stars, you will need to head back to Opinew\u2019s dashboard > Widgets > Product & Collection Stars. <\/p>\n\n\n\n
Add Opinew’s Main Product Review Widget to Replo<\/h2>\n\n\n\n
On the same page, create a new container, and add a new liquid component inside of it. <\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Copy and paste the liquid code below and hit “Save code”. <\/p>\n\n\n\n
<div style=\"clear:both;\"><\/div><div id=\"opinew-reviews-product-page-code\" class=\"\">\n                <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                 <span id=\"opinew_product_plugin_app\"><\/span>\n                <\/span><\/div><\/code><\/pre>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Once you hit publish, you will be able to see the product review widget on your live product page. <\/p>\n\n\n\n
If you notice that the widget goes out of the window like in the picture below, follow these 2 simple steps: <\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
First, set the Width to “Fill Available Width”. <\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Finally, set the margin-left and margin-right to 20px. <\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Now the Opinew widget should display correctly on your live Shopify store. <\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
If you happen to have any issues while trying to add reviews to Replo, feel free to contact our support team via live chat.<\/p>\n","protected":false},"excerpt":{"rendered":"
If you are looking to add reviews to Replo, follow our tutorial to easily add review widgets to Replo using liquid components. Requirements Add Star Ratings to Replo Open Replo, and create a new product page or edit your current product page created in Replo.  Open the component tab, and…<\/p>\n","protected":false},"author":5,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[23],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb\/2676"}],"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\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/comments?post=2676"}],"version-history":[{"count":9,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb\/2676\/revisions"}],"predecessor-version":[{"id":2706,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb\/2676\/revisions\/2706"}],"wp:attachment":[{"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/media?parent=2676"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb-category?post=2676"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb-tag?post=2676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}