How to Integrate Stamped.io Reviews App

Stamped.io reviews app
Written by Jonathan Diaz
Updated 3 years ago

Stamped.IO APP Integration

From your Shopify Admin Page -> Themes -> Actions -> Edit Codes

Step 1: Layout -> theme.liquid: Do paste the code above the </body>.

  <!-- Stamped - Begin Script-->
<script async type="text/javascript" data-api-key="" id="stamped-script-widget" src="https://cdn-stamped-io.azureedge.net/files/widget.min.js"></script>
<!-- Stamped - End Script --

STEP 2: Templates -> product.liquid: At the very bottom, but if it's already there then no need to paste it.

<!--Start Stamped.io Auto Installation--><div id="stamped-main-widget" class="stamped-main-widget" data-widget-style="standard" data-product-id="{{ product.id }}" data-name="{{ product.title | escape }}" data-url="{{ shop.url }}{{ product.url }}" data-image-url="{{ product.featured_image | product_img_url: "large" |replace: '?', '%3F' | replace: '&','%26'}}" data-description="{{ product.description | escape }}" data-product-sku="{{product.handle}}" data-product-type="{{product.type}}" data-widget-language="{{shop.locale}}">{{ product.metafields.stamped.reviews }}</div><!--End Stamped.io Auto Installation-->

STEP 3: Sections -> product-template.liquid: Paste it under </h1> not above it, it would create a conflict and issue. (This displays on Product Page)

<!-- Stamped - Begin Star Rating Badge -->
<span 
class="stamped-product-reviews-badge" 
data-id="{{ product.id }}"
data-product-sku="{{ product.handle }}" 
data-product-type="{{product.type}}" 
data-product-title="{{product.title}}" 
style="display:block;">
{{product.metafields.stamped.badge}}
</span>
<!-- Stamped - End Star Rating Badge -->

STEP 4: Sections -> both: product-grid-item.liquid && product-grid-item-new.liquid: Paste it under </h1> not above it, it would create a conflict and issue. (This displays on both Homepage/Collections)

The easiest way to located is to CTRL+F inside the editor then paste:
shopify-product-reviews-badge
<!-- Stamped - Begin Star Rating Badge -->
<span
class="stamped-product-reviews-badge"
data-id="{{ product.id }}"
data-product-sku="{{ product.handle }}"
data-product-type="{{product.type}}"
data-product-title="{{product.title}}"
style="display:block;">
{{product.metafields.stamped.badge}}
</span>
<!-- Stamped - End Star Rating Badge -->
        </div>

Please make sure you have installed the Stamped.IO Reviews App to your Store from Shopify APP Store, otherwise it would not work.
Did this answer your question?