# Add custom badges to my product card

## Set up the product tag 

1. From your Shopify admin > Products, select the product you want to add custom badge.
2. Add the tag you want to display.

There are 3 supported tags:

<pre><code><strong>tag__hot_[DISPLAY_TEXT]
</strong>tag__new_[DISPLAY_TEXT]
tag__sale_[DISPLAY_TEXT]
</code></pre>

*For example:* tag\_\_hot\_HOT  > the custom badge will show **HOT** text.

<figure><img src="https://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2F8Cr1UYZ4hpQiyTcS2VGd%2Fimage.png?alt=media&#x26;token=579a85c5-931e-444c-b786-93737d3f07b1" alt=""><figcaption></figcaption></figure>

## Display your custom tag badges on Product card

In your theme editor (**Customize**), go to **Theme settings** > **Product card** > **Show custom tag badges**.

<figure><img src="https://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2Fi3Vc7Ka0ozKtw3aXwWcy%2Fimage.png?alt=media&#x26;token=f1cc5b53-8e4b-47aa-9e73-8f03f7226c05" alt=""><figcaption></figcaption></figure>

## Change your custom tag badges color

See this article on how to change the colors of your custom badges in Megamog:

{% content-ref url="../theme-settings/badges" %}
[badges](https://docs.foxecom.com/megamog-theme/theme-settings/badges)
{% endcontent-ref %}