📖 This article will help you learn how to integrate GemPages pagebuilder with Boost AI Search & Discovery.
About GemPages
App Information
The app helps merchants create a store by simply dragging & dropping to design professional-looking & sales-boosting sites.
App details: https://apps.shopify.com/gempages
GemPages Integration Function
Enable Boost's filter and recommendation on Gempages' template
How to integrate GemPages with Boost AI Search & Discovery
⚠️ This feature only works with Boost AI Search & Discovery TURBO and GemPages V7 or Boost AI Search & Discovery V2 and V3 and GemPages V6 or below. To find out which version of our app your store's current theme is installed with, please follow this article.
Integrate with Boost AI Search & Discovery (Boost AI Search & Discovery TURBO with Gempages V7)
⚠️ This feature only works with themes in Shopify OS 2.0
🧩 For Product Filter function
After installing the app, the Boost TURBO block will appear in the Product Grid section of your GemPages template.
💡 If you're using an older version of TURBO, the Boost integration will be located under the Shopify App blocks section in your GemPages template.
🤖 For Recommendation function
The Boost app block for Recommendations can be found under the Shopify App blocks in your GemPages template.
💡 If you don’t see the Boost app block, click “Update changes from Shopify” in GemPages to refresh the available integrations.
Integrate with Boost AI Search & Discovery manually (Boost AI Search & Discovery V2 and v3 with Gempages V6 or below)
1. Login to Gempages admin > Collection Pages > Click the Create new template button for the collection page (or you can go to the existing Collection page where you'd like to have our app integrated).
2. In the page editor, add a Liquid element to the page (name it after our app for later check if needed)
3. Paste this code snippet into the Liquid's Template tab:
If you're using Boost AI Search & Discovery V2, please paste this snippet:
{& include 'boost-pfs-integration' %}⚠️ For V2 users, please go to your Theme's code editor and search for this file: boost-pfs-integration.
Only if this file exists, adding the code snippet above for integration will work. Else, don't hesitate to contact our support team for further assistance.
If you're using Boost AI Search & Discovery V3, please paste this snippet:
<div class="boost-sd__filter-block"></div>
4. Click Save.
5. Finally, hit Publish to start rendering your newly added code to your page.
Integrate Boost Recommendation with Gempages (v6 or below)
After finishing integrating Gempages with Boost AI Search & Discovery, if you'd like to display your Boost Recommendation widget whilst using Gempages, follow the instructions below:
Step 1: Go to Boost AI Search & Discovery Dashboard > Recommendation > Manage Recommendations Widget.
Step 2: Find the widget you'd like to add, copy its widget ID. For example:
Step 3: Paste the widget ID into this code snippet replacing {{- widgetId -}}
<div id="boost-sd-widget-{{- widgetId -}}"></div>For example:
<div id="boost-sd-widget-homepage-326800"></div>
Step 4:
Add it below this line of code
<div class="boost-sd__filter-block"></div>
For example, we will have it look like this:
<div class="boost-sd__filter-block"></div> <div id='boost-sd-widget-collectionpage-1123'></div>
Feel free to reach out to our dedicated support team via chat if you have any questions or require additional assistance.