Selleasy Help Center
How can we help? 👋

How to integrate Selleasy widget into Gempages product page?

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

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

2. Choose “Elements” and scroll all the way down and select “Custom code” from the advanced section. Now drag and drop this into the product page wherever you want the widget to appear.

Notion image
 

3. Click on “Custom code” and then click on “Edit code” to enter the custom code for the respective campaign type.

Notion image
 

4. These are the custom codes for the respective campaign types. Add the required codes in the custom code section and click on “Save”.

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>

Here, I have used “Frequently bought together (List)” as an example.

Notion image
 

5. Then, click on “Save” and “Publish” to view the widget in the storefront.

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?
😞
😐
🤩