Stamped.io Integration Guide

In this article, we will provide you a guide for Stamped.io integration with Product Filter & Search app.

About Stamped.io

1
App Information
  • Stamped.io collect and showcase Product & Videos, Site Review, Photo Reviews, Q&A, Instagram, Checkout Reviews easily to increase Social Proof & Conversions.
  • App details: https://stamped.io/
2
Stamped.io Integration Benefit
  • Boost sales with Collection Filter & Smart Instant Search and high-impact Customer's content throughout their buying journey.

Demo of Stamped.io Integration

1
Display reviews/ratings in the product item.

Motion RC | A store using Stamped.io and Boost Product Filter & Search app.

2
Display filter option by ratings/reviews


Instruction

Attention: The current document only works with the new front-end lib from Boost Commerce. Please read this document first to know if you are using the latest version.

Build rating for the product items

1
Edit your current theme.
2
Go to the boost-pfs-filter.js  file in your current theme.
3
Copy the following snippet:
// For boost-pfs-filter.js
'<span class="stamped-product-reviews-badge" data-id="{{itemId}}"></span>' +

// For boost-pfs-filter-html.liquid
<span class="stamped-product-reviews-badge" data-id="[[itemId]]"></span>

Then paste it inside the block productGridItemHtml, where you want your Ratings to appear, for example, under the product price: 

Stamped.io Integration

If  productGridItemHtml variable does not exist, please check the file boost-pfs-filter-html.liquid:

Stamped.io Integrate

4
Add the below script to the ProductList.prototype.afterRender function:
// Integrate Stamped.io Reviews
var self = this;
if (typeof StampedFn !== 'undefined' && typeof StampedFn.loadBadges == 'function') {
	StampedFn.loadBadges();
}

Build a filter option by ratings/reviews.

1
Please go to Product Filter & Search -> Integration -> Product Reviews -> Stamped.io & turn on the setting. You can find the public key of your store in the link here

How to enable Stamped.io on Boost Product Filter & Search app

2
The sync process will run daily. If you want to sync the reviews instantly, please click the button Sync now:

enable Sync settings to complete the integration

3
After the sync process completed, please check your store again, everything should be good now:

Preview the review rating on the filter

If something goes wrong, please contact us at support@boostcommerce.net.

Still need help? Contact Us Contact Us