Growave Integration Guide

📖 Growave is the all-in-one marketing platform that empowers your Shopify store with product reviews, wishlists, loyalty programs, referrals, social login, and UGC. Here is the guideline to make Growave Integration with Boost AI Search & Discovery app work.

In this article

About Growave

1
  App Information

2
  Growave  Integration Function

  • Display a wishlist heart icon as well as reviews in product items.
  • Build the filter by rating 

How to integrate Growave with Boost AI Search & Discovery

This feature only works with Boost AI Search & Discovery 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 Growave to your Shopify store's apps.
2

Go to Boost AI Search & Discovery  > Tool > Integration > Select Product reviews tab.

3
Toggle ON the Growave integration > Select Ok, integrate now.

Note: Please be aware that within each 3rd-party app integration category, only one app can be active at a time. Therefore, if you'd like to integrate another 3rd-party product reviews app, it's recommended to manually toggle OFF this app to avoid any conflict > Select Remove to confirm your action.

💪 In other case, even without toggling off the integration, when you enable another app within the same category, the previously active app will be automatically disabled after your confirmation.

âš  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 steps.

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:

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

Note: An automation will add/delete metafield in the in-app Metafields setting once the integration is enabled/disabled. Kindly do not remove it.

Note: An automation will add/delete metafield in the in-app Metafields setting once the integration is enabled/disabled. Kindly do not remove it.

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.

Integrate Growave Wishlist (v3)

This feature only works with Boost AI Search & Discovery V3. To find out which version of our app your store's current theme is installed with, please follow this article.

1
Go into Growave app> Settings > General settings > More > Manage app.

2
Select your preferred theme > Save.

3

From your Shopify admin, go to Online Store > Themes.

4
Find the theme you'd like to integrate the app and click Actions (⋯) > Edit code.
5
In Asset folder, find this file named:  boost-sd-custom.js.
6
Add the code snippet below to the boost-sd-custom.js file: 
if (window.boostSDAppConfig) {
window.boostSDAppConfig.integration =  Object.assign({
wishlists: 'growave'
}, window.boostSDAppConfig.integration || {});
}
7
Click Save and you're all set!
8
Go back to Shopify Admin > Sales channels > Online Store > Themes > Find the theme you are working on > Customize.
9
In the Shopify Theme editor > From the left sidebar, select  App embeds > Toggle ON the 3rd app you'd like to integrate. 

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