How to integrate Xboost with GemPages

Overview

We have provided integration for Xboost with PageFly. You can configure our offers to displayed on your pages if you use PageFly as bellow:

User Guide

1. Copy HTML code for the offer types you want.

We have 6 offer types, please copy the code as you want.

• Quantity breaks offer:
  <div id=”xb-quantity-breaks-root”></div>
• Product Add-ons offer:
  <div id=”xb-product-add-ons-root”></div>
• Fixed bundle offer:
  <div id=”xb-fixed-bundle-root”></div>
• Frequently Bought Together offer:
  <div id=”xb-product-bundle-root”></div>
• Product bundle offer:
  <div id=”xb-product-bundle-root”></div>
• Recommendation slider:
  <div id=”xboost-recommendation-root”></div>
• Mix and match offer:
  <div id=”xb-mix-and-match-root”></div>
• Buy X Get Y offer:
  <div id=”xb-buy-x-get-y-root”></div>

2. Search custom code and select the offer location in GemPages.

Open the page where you want to display your product. Click on Search icon and input custom code to search field. Drag and drop custom code to the desired location for your offer.

Here’s an example we suggest:

3. Paste your code into the code editor field.

Click on Edit code and input code.

For example, if you want to display the Quantity Breaks Offer, please input the following code and click Done:
<div id=”xb-quantity-breaks-root”></div>

4. Save the code and publish the page.

Click Save button after input code and click on Publish to apply your code.

5. Check the offer on storefront.

Quantity Breaks offer: