> For the complete documentation index, see [llms.txt](https://story.groupthought.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://story.groupthought.com/story-v2/collections/product-badges.md).

# Product badges

Promote products with your own custom badges or pre-built savings, and sold-out badges that are displayed on products in your collection listings or any product grid-style listing.

Story theme includes a set of pre-built badges to help you promote products and inform your customers when a product is out-of-stock. Story theme also provides you the capability to create your own custom product pages that you can assign to any individual product. 

Explore the different types of product badges in Story and how to create your own custom versions:

### Sale badge

Displays a Sale badge when items in a collection or product grid are currently discounted:

![Sale badge](https://3236268666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJFe8gZiFPB3ohxgaTmnx%2Fuploads%2FTniiyp7mIdYVpVoAqIjc%2FScreen%20Shot%202021-12-29%20at%2012.04.29%20PM.png?alt=media\&token=7961aa57-6a59-4fe0-b06d-63119bd8ac47)

Learn more:

{% content-ref url="/pages/pzmXYZlUzjGMzTSSpq1y" %}
[Sale badge](/story-v2/collections/product-badges/sale-badge.md)
{% endcontent-ref %}

### Savings badge with discounted value or percent saved

Displays how much the customer is saving by dollar amount or savings by percent discounted.

Amount saved version:

![Savings amount badge](https://3236268666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJFe8gZiFPB3ohxgaTmnx%2Fuploads%2FRSpZ62J09FFJ73Y4SuQ6%2FScreen%20Shot%202021-12-29%20at%2012.03.58%20PM.png?alt=media\&token=26edc26a-65a7-477a-a4c4-e4b4c9236723)

Discount percent version:

![Savings % badge](https://3236268666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJFe8gZiFPB3ohxgaTmnx%2Fuploads%2FAlvA1uAn6APndmRsaJ0D%2FScreen%20Shot%202021-12-29%20at%2012.04.16%20PM.png?alt=media\&token=3e30b97b-5f1d-4812-866a-597bab8d19c1)

Learn more:

{% content-ref url="/pages/NIDDtZdSy1IBw3S3afU1" %}
[Savings badge](/story-v2/collections/product-badges/savings-badge.md)
{% endcontent-ref %}

### Sold-out badge

Displays a sold-out badge for products that have zero value in inventory:

![Sold out badge](https://3236268666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJFe8gZiFPB3ohxgaTmnx%2Fuploads%2FndYBOO08uh9LyCsBtHUj%2FScreen%20Shot%202021-12-29%20at%2012.14.10%20PM.png?alt=media\&token=209d1618-bf7e-4c9b-85d0-3bc2cc5cb75d)

Learn more:

{% content-ref url="/pages/RQlnXBRLKMNXsrbb0dbp" %}
[Sold-out badge](/story-v2/collections/product-badges/sold-out-badge.md)
{% endcontent-ref %}

### Custom badges

Displays custom text, build your own badges, and assign to different products:

![Custom made "Best Seller" badge](https://3236268666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJFe8gZiFPB3ohxgaTmnx%2Fuploads%2FjlDeFWUNC62sKTTeZceY%2FScreen%20Shot%202021-11-19%20at%206.54.17%20PM%20\(1\).png?alt=media\&token=8393ec9e-9cca-434e-986c-5e73e61fef8a)

Learn more:

{% content-ref url="/pages/Pwn9vDHf7aIMietbX9iY" %}
[Custom badges](/story-v2/collections/product-badges/custom-badges.md)
{% endcontent-ref %}

### Badge settings and options

Find settings for all badges:

{% content-ref url="/pages/Pcak3JXwFudOlRFNVNV8" %}
[Badge settings](/story-v2/collections/product-badges/badge-settings.md)
{% endcontent-ref %}