Selleasy Help Center
How can we help? 👋

How to integrate Selleasy widget into PageFly product page?

Here are the 5 steps to integrate Selleasy widget into PageFly product page.

  1. Navigate to the respective product page template in PageFly page builder for which you have created the campaign in the Selleasy app
Notion image
 

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.

Notion image
 

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

Notion 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.

Notion image
 

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

Notion image
 

This is how the widget looks in your storefront.

Notion image
 

But, if you don’t see the widget in the storefront, follow the below steps.

  1. 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)”.
Notion image
 

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

Notion image
 

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

 
Did this answer your question?
😞
😐
🤩