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

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.

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

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.

5. Then, click on “Save” and “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 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.