Badges are displayed only inside the widget or product message. They appear at the top of each campaign item.
You can configure a separate badge for each campaign state.
State | Display Timing | Applies To |
|---|---|---|
Before start | Before the campaign start date/time | Both discount and gift campaigns |
During campaign | Within the campaign's active dates | Both discount and gift campaigns |
After end | After the campaign end date/time | Both discount and gift campaigns |
Unavailable | During the campaign period when the gift cannot be distributed (e.g., component out of stock) | Gift campaigns only |
If the text for a state is not set, no badge is displayed for that state.
Current time is before the campaign start date/time → Before start
Current time is after the campaign end date/time → After end
During a gift campaign and the gift is unavailable (
isAvailable = false) → UnavailableNone of the above → During campaign
Discount campaigns do not have an "Unavailable" state.
The following design settings are available per badge:
Field | Description |
|---|---|
Text | Enter the text to display on the badge (up to 10 characters). |
Background color | Set the badge background color. |
Text color | Set the badge text color. |
The overall badge shape can be selected from the following four options:
Shape | Description |
|---|---|
No rounded corners | Square badge |
Rounded corners | Badge with rounded corners (pill shape) |
Tag (notched) | Tag-shaped badge |
Custom | Freely specify the border radius value (px) |
Open the campaign's Display settings.
Confirm that the app embed is activated.
Enable at least one of widget, product message, or product card badge.
Select the shape in the Badge section under Contents.
Set the text, background color, and text color for each state (Before start, During campaign, After end, Unavailable).
Click Save.
Badge text can be translated by selecting the target language from the language selector in the app's display settings and entering the translation.
Character limit: Up to 10 characters per badge text.
Hidden when text is not set: If no text is entered for a state, the badge is not displayed for that state.
Follows display period and display conditions: Badges follow the campaign's display period and display conditions.
"Unavailable" applies to gift campaigns only: The "Unavailable" state only exists for gift campaigns. Since it is evaluated after the "Before start" and "After end" states, it will never appear outside the active period.