Add the Badges block (pill badges and icons)

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.

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.

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)
• Add the Benefits block (benefit icons) to your product page
• Add the Social proof block to your product page

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