> For the complete documentation index, see [llms.txt](https://ta-product-labels-and-badges.tech-arms.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ta-product-labels-and-badges.tech-arms.io/badge/inventory-text-badge.md).

# How to create an Inventory Text Badge

The inventory badge displays real-time stock levels to attract attention and encourage quick purchases, especially when stock is low. This guide will show you how to configure it step by step.

{% hint style="info" %}
**Note:** Before creating a badge, make sure the app is embedded into your theme. Otherwise, your badge won’t be visible on the storefront.
{% endhint %}

## Step 1: Set up your badge

1. Navigate to **Badges** → Click **Create New Badge** → choose **Standard Text Badge**

<figure><img src="https://4175789379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9hvZuxfHGxWaI6LN7rVY%2Fuploads%2Fgit-blob-88e193a53d7e17eb679cb92228da0e0f126d7b5f%2FAnimation4.gif?alt=media" alt=""><figcaption></figcaption></figure>

2. Enter a name for your badge (Click to rename)

<figure><img src="https://4175789379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9hvZuxfHGxWaI6LN7rVY%2Fuploads%2Fgit-blob-465e51ff6f5dac22dc8dfa1129731ae26d866b92%2Fimage%20(1)%20(1)%20(1)%20(1)%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>

## Step 2: Design your Inventory Badge

1. **Add your content:**

Here, you can customize the badge text based on stock quantity, such as out of stock, negative quantity, or quantities that are greater than, smaller than, or equal to a specific value,...

<figure><img src="https://4175789379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9hvZuxfHGxWaI6LN7rVY%2Fuploads%2Fgit-blob-7e312bab8597cd276749f45b20e6ec5d1c690198%2Fimage%20(1)%20(1)%20(1)%20(1)%20(1)%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>

2. **Choose the badge style:**

You can choose between three styles: text only, text inside the progress bar, or text above the progress bar. The progress bar visually represents your stock level.

<figure><img src="https://4175789379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9hvZuxfHGxWaI6LN7rVY%2Fuploads%2Fgit-blob-d21a6c483165716fdb05669ab098d1ab4cafb3e7%2FAnimation5.gif?alt=media" alt=""><figcaption></figcaption></figure>

3. **Adjust badge size, position, and other styling options.**

You can customize the badge position along with margin, opacity, animation, and other style settings here:

<figure><img src="https://4175789379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9hvZuxfHGxWaI6LN7rVY%2Fuploads%2Fgit-blob-54692f8cac2e593365ab7a6855d9457784b0bba9%2Fframe.png?alt=media" alt=""><figcaption></figcaption></figure>

## Step 3: Set Display conditions

In this section, you can control which pages the label appears on, how long it shows, which label displays first, and whether it’s visible on mobile or desktop devices.

<figure><img src="https://4175789379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9hvZuxfHGxWaI6LN7rVY%2Fuploads%2Fgit-blob-5f1290537e76c61091f4868c6fb1502e932fa2c7%2Fimage%20(3)%20(1)%20(1)%20(1)%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>

## Step 4: Set Product Conditions

In this section, you can choose which type of badge to display based on conditions such as product availability and status, price and discount, all products or specific products.

1. Navigate to the Products tab.
2. Click on **Add conditions to select products** to select the products where you want the badge to appear.

<figure><img src="https://4175789379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9hvZuxfHGxWaI6LN7rVY%2Fuploads%2Fgit-blob-e85c903fbfcd9272d1f7a61d8509f9be7c0c2414%2Fimage%20(76).png?alt=media" alt=""><figcaption></figcaption></figure>

3. Click **Search Product** and **Add Products** if needed

<figure><img src="https://4175789379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9hvZuxfHGxWaI6LN7rVY%2Fuploads%2Fgit-blob-b74685fda428de54245061f5882d35117f030e45%2Fimage%20(52).png?alt=media" alt=""><figcaption></figcaption></figure>

**Note:** Explore full options in our [Product Conditions](/setup-conditions/product-conditions.md)

## Step 5: Set Customers Condition

In this section, you can set conditions to define who can see the badge. You can also choose where to display the label based on the store language or the customer's country.

<figure><img src="https://4175789379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9hvZuxfHGxWaI6LN7rVY%2Fuploads%2Fgit-blob-93b28df5ba8b03836d5555be14f7480ff35e0100%2Fimage%20(77).png?alt=media" alt=""><figcaption></figcaption></figure>

## Step 6: Save & Preview

Click **Save** to apply changes. You can now preview your badge directly on your storefront.

✨ That’s it! You’ve successfully created an Inventory Text Badge.

<figure><img src="https://4175789379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9hvZuxfHGxWaI6LN7rVY%2Fuploads%2Fgit-blob-214721e4601354313a78a91ad12de051da2a8df5%2Fimage%20(78).png?alt=media" alt=""><figcaption></figcaption></figure>
