Product Page Discount Block
Last updated: August 5, 2025
Feature Overview
The Product Page Discount Block allows you to showcase active offers, coupon codes, and special deals directly on your Product Detail Pages (PDPs). Displayed as a styled, promotional section beneath or near the product title, this feature helps communicate savings at the moment of decision—visually, clearly, and effectively.
It is fully manageable through your Studio dashboard, making it easy to create, customize, and assign offers without needing development support.
Configuration
Dashboard Setup (Studio)
You can configure and control the PDP Discount Block directly from the Studio dashboard.
How to Set It Up:
Go to Studio > Discounts
Click Create Discount or edit an existing one
Under “Applies to,” assign product tags (e.g.,
summer-sale,save20)Toggle “Show on Product Page” to enable PDP visibility
Customize appearance:
Section heading (e.g., “Limited Time Offer”)
Layout (grid or scroll)
Card styling: fonts, padding, colors, and shapes
Coupon code display and behavior (e.g., show only, auto-apply at checkout)
Save your settings
Navigate to the PDP Layout Builder
Drag and drop the Discount Block into your PDP layout
Once placed, the block will automatically render the correct discounts for any product with matching tags.
Feature Use Cases
ScenarioHow It Works | |
“10% Off All T-Shirts” | Add the tag |
“Use SAVE20 at Checkout” | Create a visible coupon code and enable “Show on Product Page” |
“Free Gift with Purchase” | Use Studio’s discount wizard to create a gift offer and display it on PDP |
Troubleshooting / FAQ
1. Why isn’t the discount showing on some product pages?
Check if the product tag assigned to the discount matches the product
Make sure the “Show on Product Page” toggle is enabled for the offer
Confirm that the Discount Block is added to the PDP layout
2. Can customers copy the discount code from the PDP?
The Discount Block displays the code for visibility, but native copy-to-clipboard is not supported
You can instruct users with labels like “Use code SAVE20 at checkout”
3. Can the discount be auto-applied?
Studio allows you to configure automatic or code-based discounts
The PDP block shows the relevant info, but the discount is applied at checkout based on your setup
4. How can I customize the block’s appearance?
In the Studio editor, you can adjust:
Font size and weight
Padding and spacing
Background and text colors
Layout style (horizontal scroll or grid)
5. Can I hide the discount block for certain products?
Yes, by using tag targeting
Only products with matching tags will display the configured discount
Let me know if you'd like this content adapted into a help center article, training guide, or visual onboarding resource.