Here are the 5 simple steps to integrate Dealeasy widget into Pagefly product page.
- Navigate to the respective product page template in Pagefly builder for which you have created the offer in the Dealeasy app.
2. Click the “Elements” icon and search for “HTML”. From the suggestions, select “HTML/Liquid”. Then, drag and drop the “HTML/Liquid” block onto the product page where you want the Dealeasy widget to appear.
3. Click on the “HTML/Liquid” block you added. On the right side, the code editor will appear for you to open and edit.
4. These are the custom codes for the respective widget types. Add the required codes in the custom code section and click on “Done” and “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.
5. 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.