# Display label/badge based on product/variant metafields

You can show a label or badge on different products containing same product / variant metafields. 

1. **Step one** : you create your product or variant metafields from your **Shopify Settings > Metafields and metaobjects > Add definition**: 

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2F5Qg69k1Ne1xOYnxjVSUI%2Fimage.png?alt=media&#x26;token=3b1b8a61-a477-4ba2-ac2c-00f9e7f8d356" alt=""><figcaption></figcaption></figure>

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2F4yJyOS7pUt7EQGmFBjDs%2Fimage.png?alt=media&#x26;token=012c5be6-b556-4e72-a432-1e6c457128a6" alt=""><figcaption></figcaption></figure>

Then you click on the Copy to clipboard button to paste it inside the **namespace.key** input at the **Step three** below :&#x20;

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FdO5aeAhKD293C0nUQtFB%2Fimage.png?alt=media&#x26;token=b91b3add-a4ca-402e-827d-305c8b34f062" alt=""><figcaption></figcaption></figure>

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FvONKtz8BXsTW6KxdH4Ql%2Fimage.png?alt=media&#x26;token=62164ab1-89cb-495f-b9b5-060b436f6d40" alt=""><figcaption></figcaption></figure>

\
2\. **Step two** : add values for each **Product metafield** or **Vairant metafield** from your **Shopify Products** tab, then you paste the values inside the corresonding value inputs at the below **Step three** : <br>

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FYXISYiJFT4EiBgdbcXf8%2Fimage.png?alt=media&#x26;token=f4c09a31-268c-4f6b-9270-55dcf62d4a88" alt=""><figcaption></figcaption></figure>

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FIR5lNtbSy6Vb7kv1ZY1E%2Fimage.png?alt=media&#x26;token=5b0acb75-ceb6-44b3-984f-b6386c24a121" alt=""><figcaption></figcaption></figure>

\
3\. **Step three** : navigate to the **Display** tab to add the **Product metafield** or **Variant metafield** conditions with your recently created **namespace.key** fields and their **values** :&#x20;

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FKr3bEIQrRPFWGXKbxU47%2Fimage.png?alt=media&#x26;token=ae2273b4-ca3d-4e20-9479-959c85ba3b34" alt=""><figcaption></figcaption></figure>

> :warning: Ensure the Storefront API access is enabled from **Metafields and metaobjects** setting.<br>

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FAgtDxoEIW7et44HIST7f%2Fimage.png?alt=media&#x26;token=c6ff6525-c458-4b8d-99c7-4140ade36b3b" alt=""><figcaption></figcaption></figure>

Click **Save** then check your label or badge on your website.

> ### **Need support?**
>
> If you do encounter any difficulty while proceeding these steps, don’t show any hesitation to contact us promptly via the email address [support@samita.io](https://help.samita.io/support@samita.io)