The product message is a feature that displays campaign information as a message directly on product pages, allowing customers to see active campaigns and discounted prices while browsing a product. When multiple campaigns apply to a product, they are displayed as a list, sorted in ascending order by display position.
The product message is displayed when all of the following conditions are met:
Campaign status is Active
The current time is within the display period (the specified display period if set, or the campaign's active dates if not)
If display conditions are set, those conditions are met
"Show product message" is turned on in the display settings
The product shown on the product page is included in the target products (if target products are specified)
Displaying the product message requires two steps: adding the app block to your theme, and configuring the campaign's display settings.
Step 1: Add the app block in the theme editor
Go to Online Store → Themes in the Shopify admin.
Click Customize.
Open the product template.
Click Add block and add Product message.
Click Save.
Step 2: Configure the campaign's display settings
Open the campaign's Display settings.
Turn on Show product message.
Set the target products (if left blank, all products are targeted).
Set the product message text and icon.
Configure the display period and display conditions as needed.
Each campaign item in the product message displays the following:
Display Element | Content |
|---|---|
Icon | The configured icon |
Badge | A badge reflecting the campaign status (before start, during campaign, after end, etc.) |
Message text | The configured message (supports variables) |
Details button | Shown when both a campaign title and description are set. Clicking it opens a modal with the title, description, and copy button. |
When a product discount is configured in a discount campaign, you can insert price variables into the message text.
Variable | Format | Description |
|---|---|---|
Original product price | {{productPrice}} | The product price before the discount |
Discounted product price | {{productDiscountedPrice}} | The product price after the discount is applied |
Price variables are only valid in discount campaigns that have a product discount configured. They display as an empty string in order discount or shipping discount-only campaigns, and in gift campaigns.
When a variant is switched, the price for the selected variant is reflected in real time.
The design of the product message block can be customized in the theme editor.
Settings Available in the Product Message Block
Field | Description |
|---|---|
Header text | Text displayed at the top of the product message block |
Background color | Background color of the entire block |
Text color | Color of the text |
Border color / width / radius | Border style of the block |
Margin / padding | Outer and inner spacing of the block |
Modal design | Background color, text color, border, and button colors of the details modal |
Translation Target | Method |
|---|---|
Header text | Use Shopify's Translate & Adapt app. |
Campaign message content | Select the target language from the language selector in the app's display settings and enter the translation. |
Online Store 2.0 themes only: The product message can only be used with themes that support Online Store 2.0.
Product pages only: The product message is not displayed on pages other than product pages.
Multiple campaigns displayed as a list: When multiple campaigns apply, they are displayed in a list sorted in ascending order by display position.