# Product badges

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="product-badges/sale-badge" %}
[sale-badge](https://story.groupthought.com/story-v2/collections/product-badges/sale-badge)
{% 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="product-badges/savings-badge" %}
[savings-badge](https://story.groupthought.com/story-v2/collections/product-badges/savings-badge)
{% 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="product-badges/sold-out-badge" %}
[sold-out-badge](https://story.groupthought.com/story-v2/collections/product-badges/sold-out-badge)
{% 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="product-badges/custom-badges" %}
[custom-badges](https://story.groupthought.com/story-v2/collections/product-badges/custom-badges)
{% endcontent-ref %}

### Badge settings and options

Find settings for all badges:

{% content-ref url="product-badges/badge-settings" %}
[badge-settings](https://story.groupthought.com/story-v2/collections/product-badges/badge-settings)
{% endcontent-ref %}