Badges
Badges
|
|
Contact your Coveo representative to enable the Badge manager in your Coveo organization. |
Use the Badges tab in the Badge manager to create and manage badges that highlight products based on specific criteria. Creating a badge involves three key elements:
-
Badged products: Define which products receive the badge by setting rules based on social proof metrics (such as views or purchases).
-
Content and styling: Configure the badge appearance, including the text, colors, optional images, and the dynamic metric component that displays real-time product data on your storefront.
-
Placements: Choose where the badge appears on your storefront, such as product listing pages (PLPs), search results, or product detail pages.
To learn more about managing where badges appear on your storefront, see Placements.
Create a badge
-
In the CMH navigation menu, select Badges.
-
Select the property and locale you want to manage badges for.
-
In the Badges tab, click Create badge.
-
In the Badged products section, define which products will receive the badge:
-
Select the product attribute to use for the badge rule.
You can choose from social proof metrics (views, purchases, add to carts).
-
Choose an operator.
-
Enter the value that determines when the badge applies.
-
Select a time range for the social proof metric.
For example: Badge products with more than 50 views in the last 24 hours.
-
Click Apply.
-
-
In the Content & styling section, configure how the badge appears:
-
In the Content dropdown, enter the Badge text to display on the badge.
NoteYou can include a dynamic metric placeholder in your badge text to display real-time product data. When you insert the placeholder, it automatically updates with the actual metric value for each product. Supported metrics are
{{purchases}},{{addToCarts}}, and{{views}}. For example, if you enter "{{purchases}}bought in the last 24 hours", a product with 9 purchases would display a "9 bought in the last 24 hours" badge. -
In the Styling dropdown, choose the Background color to match your storefront design.
-
Choose the Text color for optimal readability against your background.
-
(Optional) Enter an Image URL to display an image on the left side of the badge text.
Leave blank if you want a text-only badge.
-
Click Apply.
-
-
In the Placements section, choose where the badge will appear on your storefront:
NotePlacements define locations like product listing pages, search page, or product detail pages.
-
Click Apply.
-
-
Click Publish now to make the badge active.
The badge is immediately available in Commerce API responses and will appear on products that meet its criteria.
Edit a badge
-
In the Badges tab, locate the badge you want to edit.
-
Click
, and then select Edit.
-
Modify any aspect of the badge:
-
Update the badge rules by changing product attributes, operators, values, or time ranges.
-
Change the badge text or add dynamic metrics.
-
Adjust the badge styling including background color, text color, or image.
-
Select a different placement.
-
-
Click Publish now to apply your changes.
Delete a badge
-
In the Badges tab, locate the badge you want to delete.
-
Click
, and then select Delete.
-
Confirm the deletion.
|
|
Deleting a badge is permanent and can’t be undone. The badge will stop appearing on your storefront immediately. |