> 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/image-badge/display-a-badge-next-to-the-product-price.md).
# Display a Badge Next to the Product Price
If you're running a discount campaign and want to display the percentage discount badge next to the product price, follow the steps below to set it up.
#### What you'll learn
✅ How to display a badge **before** or **after** the product price
#### Steps
1. From your app dashboard, go to the **Edit** page of the badge you’ve created.
2. In the **Design** tab, scroll down to the **Badge position** section.
3. Click **Select Position**, then choose **Before product price** or **After product price.**
4. Click **Save** to apply your changes.
