Product banner

The product banner is a single-line message on the product page that advertises the discount running on that product — for example Get 20% off with code SAVE20. It is offered on campaigns whose discount type is Order Discount or Multi Products Discount.

Add it

1. Open the campaign's Blocks page and select the Product page tab.
2. Click Add campaign block and choose Banner.
3. Copy the App block ID, add the Hype: Product Banner block in your theme editor, and paste the ID into its App identifier field. Full steps: Adding a block to your theme.
4. Click Next, write the message, and save.

Content settings in the Hype admin

• Message — the banner text.
• Icon — a filled or outlined icon, an emoji, or none.

The message accepts two variables: {{discount_code}} and {{discount}}. See Variables you can use in block text.

Style settings in the theme editor

Open the Hype: Product Banner block.

The App identifier must match the App block ID from the Hype admin, or the banner renders nothing.

Preview

Inside the Shopify theme editor the block renders a placeholder banner so you can style it without an active campaign.

When it does not appear

• The Hype: Discounts app embed is off.
• The App block ID in the theme does not match the one in the admin.
• The campaign is not active, or the shopper's market is not targeted.
• The product on screen is not covered by the campaign's discount rules.
• The change is less than 10 minutes old; see Clearing the cache.

Related

• Product price
• Adding a block to your theme