# Badges

Badges, small yet powerful symbols, convey a wealth of information in a concise and visually captivating manner.&#x20;

<figure><img src="https://content.gitbook.com/content/cslEBmhnE7vAvh3vPA8e/blobs/YvSs6j8FE6oBebO6mmfP/badges.jpg" alt=""><figcaption></figcaption></figure>

## How to create custom badges

### Creating a new definition

Custom badges are easy to create and all done in your Shopify admin. The first step is to define a custom metafield that Modular can recognize.

Start in your **Shopify Admin -> Settings and** choose **Custom data** from the left panel and then click on **Products** *(click on the images to zoom)*:

<div><figure><img src="https://content.gitbook.com/content/cslEBmhnE7vAvh3vPA8e/blobs/etACHXmRp1czs3JckM02/metafields.jpg" alt=""><figcaption></figcaption></figure> <figure><img src="https://content.gitbook.com/content/cslEBmhnE7vAvh3vPA8e/blobs/ezcvvAcMGhoLvamKg3Ra/add-definition.jpg" alt=""><figcaption></figcaption></figure></div>

Click the **Add definition** button to begin. Choose a name, we'll use 'badge'. Next, we will use a custom namespace. This is **required** for custom badges.

A crucial step here is to change the **default namespace** (usually called '*custom*') to ***`theme`***

<figure><img src="https://content.gitbook.com/content/cslEBmhnE7vAvh3vPA8e/blobs/Bjj6tzyY47DMiBiFRWxz/add-badge.gif" alt=""><figcaption></figcaption></figure>

Add a description and choose **Select content type**. Choose **Text**, then select **Single line text** (it's the default choice):

<figure><img src="https://content.gitbook.com/content/cslEBmhnE7vAvh3vPA8e/blobs/lIFEmIS07Q7AMbkBXOgo/add-type.gif" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Don't forget to **Save** your new product metafield.
{% endhint %}

### Product setup&#x20;

The next and final step is to edit any of your products in the **Shopify Admin -> Products** and update the new badge metafield.&#x20;

Scroll to the bottom of the product setup page:

<figure><img src="https://content.gitbook.com/content/cslEBmhnE7vAvh3vPA8e/blobs/FhypXvxPIQeBGVdotQwr/badge-sold-out.gif" alt=""><figcaption></figcaption></figure>

**Save** your product and preview it on your **Collection pages**:

<figure><img src="https://content.gitbook.com/content/cslEBmhnE7vAvh3vPA8e/blobs/fMKD3OjGXpWDzK4L2J89/sold-out.jpg" alt=""><figcaption></figcaption></figure>
