Yotpo Integration Guide

Yotpo helps thousands of forward-thinking brands to integrate data-driven solutions for reviews, loyalty, SMS marketing, and more. Here is the guide we create for Yotpo Integration with Boost Product Filter & Search.

In this article

About Yotpo

1
App Information

  • The app integrates data-driven solutions for reviews, loyalty, SMS marketing, and more, empowering brands to create smarter, higher-converting customer experiences.
  • App details: https://apps.shopify.com/yotpo-social-reviews

2
Yotpo Integration Benefits

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

Demo of Yotpo Integration

Here are some of our customers' stores with our app and Yotpo integration.

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.
For other versions, kindly contact support@boostcommerce.net for support.

Please make sure that both apps are installed on the selected themes or the integration might not work correctly.
1
Please go to Product Filter & Search -> Tool -> Integration
2
Switch on the Yotpo integration toggle > Confirm acknowledged that the process will  remove old integration data of Yotpo (if any) to use the newly selected app data for integration on all  themes  installed our app on. 

Confirm acknowledged that the process will remove old integration data of Yotpo (if any) to use the newly selected app data for integration on all themes installed our app on.

Please read the article below to know how to get the App key from Yotpo app:

How to find your yotpo app key & secret key

3

Build rating for the product items

After the sync ends, review rating for the product items is automatically enabled. 

By default, review stars are placed  under product titles. For placing review stars to another position, contact us or follow this instruction (only for advanced users who well-known in liquid & javascript code):

Please find the code line contain [[itemTitle]] in the file boost-pfs-filter-html.liquid, & then change it to the place you want:

Please find the code line contain [[itemTitle]] in the file boost-pfs-filter-html.liquid, & then change it to the place you want:

If the file boost-pfs-filter.liquid does not exist, please find it in boost-pfs-filter.js:

If the file boost-pfs-filter.liquid does not exist, please find it in boost-pfs-filter.js:

To use review stars for filtering, refer to Step 4 below.

4
(Optional ) 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.

Judgeme review

Related Articles