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

# Badges

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

<figure><img src="/files/PloY6qtvGJsmmWHSpTLb" 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="/files/6257mVcnr1RFdvKjFOoF" alt=""><figcaption></figcaption></figure> <figure><img src="/files/tnylF83v5cZwaoQXoCwS" 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="/files/aRYfYdJGBjIkSQ7o3Z9N" 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="/files/IYbVof2f3wthqdah7sKh" 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="/files/4w0R3hEv0eRAdXQzJQj8" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/QNJSKtufI51VI7fqRxsO" alt=""><figcaption></figcaption></figure>
