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
Access your theme editor through Shopify > Online Store.
Select the product page.
Click on Add Block and select the block you want to move.
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.
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.