Skip to main content

Yotpo Integration Guide

Here is the guide we create for Yotpo Integration with Boost AI Search & Discovery.

Thomas Ta avatar
Written by Thomas Ta
Updated over 2 weeks ago

๐Ÿ“– Yotpo helps thousands of forward-thinking brands to integrate data-driven solutions for reviews, loyalty, SMS marketing, and more.


How to integrate Yotpo with Boost AI Search & Discovery

โš ๏ธThis feature only works with Boost AI Search & Discovery V2, V3 and Turbo. 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 > Integration > Third-party Integration > Select Product reviews tab.

3. Toggle ON the Yotpo integration > Select Okay, integrate now.

๐Ÿ’ก Please read the article below to know how to get the App key from Yotpo app:

โš ๏ธ 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 Settings > Sync Overview > select Sync recent updates > click Start manual sync

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, move on to step 7 and on if you are using V3 or Turbo. Learn more about Shopify's App embeds here.

  • Continue here if you are using V3.

  • Continue here if you are using Turbo.

Turbo

7. Go to Boost AI Search & Discovery > Integration > Shopify Integration > Find the theme you are working on > Next > Customize

8. Go to Product Item section > Additional information > Turn on the option Show Product rating

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

V3

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.

Now you're set and ready to go!


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 via our live chat support.

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 > 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


Feel free to reach out to our dedicated support team via chat if you have any questions or require additional assistance.

Did this answer your question?