Okendo Integration Guide

Okendo empowers its customer reviews, including many of the fastest-growing direct-to-consumer brands. Here is our guide for Okendo integration with Boost Product Filter & Search app.

About Okendo

1

App Information

• Okendo is a customer marketing platform with all the tools needed to capture and showcase high-impact social proof such as product ratings & reviews, customer photos/videos, and Q&A.
• App details: https://apps.shopify.com/okendo-reviews

2

Okendo Integration Benefit

• Display reviews/ratings in the product item.
• Display the filter option by ratings/reviews.

Demo for Okendo integration with Boost

Here is our customer's store with our app and Okendo integration.

1

Display reviews/ratings in the product item

• https://sukinnaturals.com.au/collections/all

2

Display a filter option by ratings/reviews

We have not yet received any request to display a filter option by ratings/views with Okendo. However, it should be exactly like in the screenshot.

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 item

1
Please go to  Product Filter & Search -> Tool -> Metafields
2
Add the new metafields like the image below:

Namespace: okendo
Key: ProductListingSnippet



3
Copy the following code snippet to your clipboard:

'{{itemOkendoReviews}}' + // For boost-pfs-filter.js

[[itemOkendoReviews]] // For boost-pfs-filter-html.liquid<br>
	

4
Go to the boost-pfs-filter.js file, then find productGridItemHtml and paste the snippet to where you want the Ratings to appear, for example, under the product title:




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


5
Add the below script to the  ProductGridItem.prototype.compileTemplate function:

var itemOkendoReviewsHtml = Utils.getProductMetafield(data, 'okendo', 'ProductListingSnippet') !== null ? Utils.getProductMetafield(data, 'okendo', 'ProductListingSnippet') : '';
itemHtml = itemHtml.replace(/{{itemOkendoReviews}}/g, itemOkendoReviewsHtml);
	

Build a filter option by ratings/reviews