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 Function

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

How to integrate Yotpo with Boost AI Search & Discovery

This feature only works with Boost Product Filter & Search V2 and above. To find out which version of our app your store's current theme is installed with, please follow this article.

1
Install Yotpo to your Shopify store's apps.
2

Go to Boost AI Search & Discovery -> Tool -> Integration

3
Toggle ON the Yotpo integration > Confirm that the process will remove old Yotpo integration data (if any) so the newly selected app data will be used on all themes you have installed.  
Please read the article below to know how to get the App key from Yotpo app:
<a href="https://support.yotpo.com/en/article/finding-your-yotpo-app-key-and-secret-key">How to find your Yotpo app key & secret key</a>

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 continue following these steps only if you're using our app's V3 and just in case the automatic integration process does not work for your store after finishing the previous.
4
Go to Sync tab > Overview > select Sync recent updates.

5
Go back to Shopify Admin > Sales channels > Online Store > Themes > Find the theme you are working on > Customize.
6
In the Shopify Theme editor > From the left sidebar, select  App embeds > Toggle ON the 3rd app you'd like to integrate. 
At step 6, if you do not find the 3rd-party app in the App embeds' list, no worries, just move on to step 7.
Learn more about Shopify's App embeds here. 
7
Go to Boost AI Search & Discovery > Theme > Find the theme you are working on > Action > Edit visual design. 
8
Go to Product Item section >  in the area you'd like to add your Product's rating/reviews > Add elements > Product rating.

You can add the Product Rating anywhere in the Product Item. To learn more about this element, visit our article here.

Now you're set and ready to go!

If you encounter any issues during the integration process, please don't hesitate to contact our support team for further assistance at support@boostcommerce.net.

Customize the rating's position for the product items (V2 only)

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

By default, review stars are placed under product titles. For placing review stars to a different position, follow this instruction:

These steps below for advanced users whose expertise is in liquid & javascript coding. For further assistance, please contact us at support@boostcommerce.net.
Please find the code line containing [[item <title>]] in the file boost-pfs-filter-html.liquid, and then move it to the place you want:

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

To use review stars for filtering, refer to the instruction below:

(Optional) Build a filter option by ratings/reviews.

1
Wait about 3 minutes for the syncs to be done before creating a filter option by review ratings
2

Go to the app's Filter > Manage Filter Trees > 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

If you encounter any issues during the integration process, please don't hesitate to contact our support team for further assistance at support@boostcommerce.net.

Related Articles