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

Okendo display reviews/ratings in the product item.

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.

Okendo display reviews/ratings in the product item.


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

    How to edit metafield to prepare for the integration

    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:

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

    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

1
Please go to Product Filter & Search -> Tool -> Metafields
2
Add the new metafield like the image below:
Namespace: okendo
Key: summaryData

How to edit metafield to prepare for the integration

3
Build a filter option by ratings/reviews.
Wait about 3 minutes for the syncs done before creating a filter option by review ratings: Go to the app's Homepage > Manage Filter tree > From a filter tree, click Add a filter option button > Choose Review Ratings > Click 2 Save buttons. Refer to  this article for more details.

Still need help? Contact Us Contact Us