> For the complete documentation index, see [llms.txt](https://support.storefront.co.za/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.storefront.co.za/features/catalogue/badges.md).

# Badges

Badges on e-commerce products are small graphic elements that are added to a product's image to highlight certain features or benefits of the product. These badges can be used to communicate various things about the product to potential customers and help them make informed purchase decisions.

This graphic element will display on the image anywhere on the website that the product image displays.

### Add a Badge

1. Click on Catalogue > Badges
2. Click on the Create Button
3. Enter the text you want to display in the text section
4. In the first row enter 'Colour' in the style column and then in the Value Column enter the colour Hex code you want your text to be
5. Click the Plus Button at the end of the row
6. In the second row enter 'Background-Color' in the style column and then in the Value Column enter the colour Hex code you want the background of the badge to be
7. Click the Plus Button at the end of the row
8. Click Save Changes

{% embed url="<https://scribehow.com/embed/How_to_Add_a_Badge__BKUzhx9UT8mAUNjto1e4UA>" %}