PageFly Landing Page Builder

Show the app's widgets on a PageFly product template.

PageFly builds its own product templates, so the app's widgets need a container element to render into.

1

Open the template

Open the PageFly app, go to Pages, choose the Product tab and open the template you want to edit.

2

Add an HTML/Liquid element

In the builder, find the HTML/Liquid element and drag it to the position where the widget should appear.

3

Paste the container

Open the element's code editor and paste the container for the widget you want:

<!-- Variant swatches -->
<div class="globo-swatch-product-detail"></div>

<!-- Product groups -->
<div class="globo-product-groups-detail"></div>

<!-- Product bundles -->
<div class="globo_color_swatch_bundle_combo"></div>

4

Keep PageFly's variant picker

Add PageFly's own variant element — Add Elements → Shopify → Product Variant — and leave it on the page in whichever style you prefer. The app works alongside it.

5

Save and publish

Save the template, publish it to your live theme, then open a product page on your storefront and check the widget.

If the wrong variant ends up in the cart, or you see two variant pickers, contact support — we'll adjust the integration for your template.

Related pages

• App integrations