Beae Page Builder

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

1

Open the template

Open the Beae Page Builder app and open the product template you want to edit. Go to the featured product section.

2

Add a code block

Click Add block → Basic → Code and place it where the widget should appear.

3

Paste the container

<!-- 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 Beae's variant picker

Leave Beae's own variant picker on the page. If you end up with two visible pickers, use Beae's hide on desktop and hide on mobile options on the duplicate rather than deleting it.

5

Save and publish

Save and publish the template, then check a product page on your storefront.

Related pages

• App integrations