Skip to main content
All CollectionsGetting Started
How to display widgets in your store
How to display widgets in your store

Step-by-step tutorial to enable the app extension in your store theme

Updated over a month ago

Enable the Planet extension in your theme

Enabling the Planet extension in your Shopify theme is essential to display widgets in your store.

1. Access your theme editor in Shopify > Online Store.

2. Go to the Apps embeds section.

3. Enable the Planet extension.

4. Save the changes.

Change the position of widgets

By default, widgets are placed above or below the buy buttons on your product page, but if you want to place them in another position, follow these steps:

Place widgets using blocks

  1. Access your theme editor through Shopify > Online Store.

  2. Select the product page.

  3. Click on Add Block and select the block you want to move.

  4. Move the block to the right position, you will be able to see how it looks like thanks to the blue square as an example.

  5. Save the changes.

Place widgets using code

If your theme does not allow adding app blocks or you need to place the widgets in a specific position, you can still include the code corresponding to each widget in the section of the product page you consider.

Volume discount

<volume-discount-product-selector form-selector="form:has([name='id']):has(button[type='submit'])" button-selector="button[type='submit']"></volume-discount-product-selector>

Bundle

<bundle-widget form-selector="form:has([name='id']):has(button[type='submit'])" button-selector="button[type='submit']"></bundle-widget>

Buy X Get Y (BOGO)

<bogo-widget form-selector="form:has([name='id']):has(button[type='submit'])" button-selector="button[type='submit']"></bogo-widget>

Banner

<banner-widget></banner-widget>


💡 Still have questions?

Visit our help section or contact us by email or chat.


Did this answer your question?