Here are the 6 simple steps to integrate Dealeasy widget into Gempages product page.
- Navigate to the respective product page template in Gempages builder for which you have created the offer in the Dealeasy app.
2. Click the “+” icon and choose “Element”.
3. Search for “Custom,” then drag and drop the “Custom Code” element onto the product page where you want the Dealeasy widget to appear.
4. Click on “Custom Code” element block. Then click “+” icon on the Code option.
5. These are the custom codes for the respective widget types. Add the required codes in the custom code section and click on “Save”.
Volume discount (Table)
<div id="lb-volume-discount"></div>Volume discount (Quantity selector)
<div id="lb-vd-cards"></div>Mix & match bundle
<div id="lb-bundle-builder"></div>Related bundles
<div id="lb-related-bundles"></div>Cart progress bar
<div id="lb-cart-progress-bar"></div>Gift with product
<div id="lb-gift-with-product"></div>BOGO
<div id="lb-bogo-banner"></div>Here, I have used “Volume discount (Table)” as an example.
6. Then, click on “Publish” to view the widget in the storefront.
This is how the widget looks in your storefront.
But, if you don’t see the widget in the storefront, follow the below steps.
- Go to the “Customize” section of the app and click on “Edit” of the respective widget that you have chosen. Here, I click on “Edit” of “Volume Discount Table”.
2. Make sure that the “Using theme editor” option is chosen.
If you need further assistance, please contact our customer support for help.