All Collections
Advanced Tutorials
How to add volume discount banner on your product page
How to add volume discount banner on your product page

A step-by-step guide to adding the volume discount banner to your eCommerce.

Inma Spínola avatar
Written by Inma Spínola
Updated over a week ago

Do you want to show the volume discount on your eCommerce product page? This guide will teach you how to add a Planet banner to your Shopify eCommerce.

⚠️ You can access to the tutorial "How to create a volume discount" to learn how to set up your volume discount on Planet.

Step 1. Log in to your online store on Shopify

To add your custom widget, you must log in to your online store through the Shopify dashboard.

Step 2. Customize your theme

Once inside your online store, on the theme page, click on "customize".

Now, you'll just need to look for the "products" page at the top of the Shopify theme editor.

Step 3. Add the banner to your product page.

To add the banner previously created with Planet to the product page, you must click on "add block" and add it to your theme.

You will only need to perform this action once, as Planet will automatically be given permission to display the banners on your product page whenever there are products or variants affected by a volume discount.


Your banner will now be visible on the product pages or variants affected by the rule. You can choose where to place the banner in your eCommerce to make it even more personalized. Simply move the block to the desired section and position.

Click save and your custom banners will automatically appear on your product page for any discounts you create in the app.

Did this answer your question?