Here are the 5 steps to integrate Selleasy widget into PageFly product page.
- Navigate to the respective product page template in PageFly page builder for which you have created the campaign in the Selleasy app

2. Choose “Elements”(Marked “1” in the image) and scroll down to find “ HTML/Liquid” (Marked “2” in the image) under the “Basic” section.
Now click on “HTML/Liquid” to see a separate “HTML/Liquid” box (Marked “3” in the image). Now drag and drop this (Marked “3” in the image) into the product page wherever you want the widget to appear.

3. Click on “HTML/Liquid” (Marked as “1” in the image) and then click on “Open code editor” (Marked as “2” in the image).

4. These are the custom codes for the respective campaign types.
Frequently bought together (List)
<div class="lb-widget-bl"></div>
Frequently bought together (Amazon)
<div class="lb-widget-ba"></div>
Product add-ons (List)
<div class="lb-widget-pal"></div>
Product add-ons (Grid)
<div class="lb-widget-pag"></div>
Product add-ons (Carousel)
<div class="lb-widget-pac"></div>
Shop the collection (List)
<div class="lb-widget-cpal"></div>
Shop the collection (Grid)
<div class="lb-widget-cpag"></div>
Shop the collection (Carousel)
<div class="lb-widget-cpac"></div>
Enter the required code in the section marked as “1” in the image. Then click on “Done” ( Marked as “2” in the image) and then save this (Marked as “3” in the image).
Here, I have used “Frequently bought together (List)” as an example.

5. Once done, click on “Publish” to view the page in your online store.

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 widget” of the respective widget that you have chosen. Here, I click on “Edit widget” of “Frequently bought together (List)”.

2. Make sure that the “Use CSS selectors” is unchecked.

If you still have issues, contact our support team for free setup assistance.