# Add the Badges block (pill badges and icons)

> Show up to three pill badges like Best Seller and 30-Day Returns, with icons, colors and gradients.

The **Badges** block shows up to three pill badges in a row, like "Best Seller" and "30-Day Returns". Each badge can have an icon, its own text and its own colors.

<iframe src="https://www.youtube.com/embed/Ukl3lKpvj_A" allowfullscreen></iframe>

## Before you start

You need Section Store Plus or its free trial.

## Add the block

1. In Shopify admin, open **Apps** → **Section Store** → **Conversion Blocks**.
2. On the **Badges** card, click **Edit In Theme**.
3. Pick your theme. Your live theme has a green dot.
4. The theme editor opens on your product template with the block added.
5. Drag the block where you want it.

![The Badges block in the theme editor's Apps tab, under Section Store.](https://orka-chat.fra1.cdn.digitaloceanspaces.com/prod/help/6ae11b71ea5444c078d85419/import/1793138046362-file-UzYOOK7eo8.webp)

## Set it up

1. Under **Badge #1**, write the **Title**.
2. Pick an **Icon**, or upload a **Custom icon**.
3. Set **Background** and **Text** colors.
4. Repeat for **Badge #2** and **Badge #3**.
5. Click **Save**.

**Badge #3** starts empty. A badge with no title and no icon doesn't show.

## Colors and gradients

- **Background gradient** on a badge beats that badge's **Background**.
- **All badges gradient** under **Appearance** beats every badge color and gradient.

## Other settings

- **Text:** **Text size**, **Icon size** and **Font weight**.
- **Appearance:** **Effect** (**None**, **Subtle shadow**, **Soft shadow**, **Glow**), **Border**, **Thickness**, **Color**, **Roundness** and **Alignment**.
- **Padding:** **Vertical**, **Horizontal**, **Inner horizontal** and **Inner vertical**.
- **Custom CSS**.

## Good to know

- Three badges is the limit. For more, add a second **Badges** block.
- **Custom icon** beats **Icon**.
- Badges are the same on every product that uses the template. To change a title per product, connect it to a metafield.
- Badges wrap to a new row when they run out of space.

## If it doesn't work

- **My colors do nothing:** **All badges gradient** or a badge's **Background gradient** is set. Clear it.
- **I want badges on the product image:** this block sits where you place it in the buy box. It doesn't sit on the image.

## Related

- [Add the Pulse badge block (in stock and low stock message)](https://section-store.orka.help/a/81-conversion-block-pulse-badge-in-stock)
- [Add the Benefits block (benefit icons) to your product page](https://section-store.orka.help/a/77-conversion-block-benefit-icons)
- [Add the Social proof block to your product page](https://section-store.orka.help/a/80-conversion-block-social-proof)

*Also searched as:* badges, badges and icons, pill badge, product badge, best seller badge, 30-day returns, guarantee badge, trust badges, label on product, badge color, badge gradient