Badge Block

What This Block Does

Badge blocks create small, eye-catching labels that help highlight important information or status. They're perfect for drawing attention to key details without taking up much space.

Perfect for: Product labels ("New", "Sale", "Best Seller"), status indicators ("In Stock", "Limited"), feature callouts ("Free Shipping", "Premium")

How to Add It

Step 1: Add the Badge Block

1. In your Shopify admin, go to Online Store → Themes
2. Click Customize next to your live theme
3. Navigate to any section that supports blocks
4. Click Add block and choose Badge Block from the list

Step 2: Configure Your Badge

1. Enter your badge text (keep it short and impactful)
2. Choose a badge style (Primary, Secondary, or Accent)
3. Optionally add an icon to make it more visual
4. Set alignment for different screen sizes

Key Settings to Configure

Badge Content

Badge Text: The words that appear in your badge

• Best practice: Keep it to 1-3 words for maximum impact
• Examples: "New", "Sale", "Featured", "Limited Time", "Free Ship"

Badge Type: Choose the visual style

• Primary: Bold, high-contrast style for important badges
• Secondary: Subtle style for supporting information
• Accent: Uses your theme's accent color for brand consistency
• When to use: Use Primary for urgent messages, Secondary for general info, Accent for brand-related badges

Optional Icon

Icon Source: Add a visual element to your badge

• None: Text-only badge (cleanest look)
• Icon: Choose from built-in icons like stars, checkmarks, etc.
• Image: Upload your own custom icon
• Pro tip: Icons work great for badges like "⭐ Featured" or "✓ Verified"

Pro Tips for Success

Badge Best Practices

• Keep text short: 1-3 words work best for badges
• Use sparingly: Too many badges lose their impact
• Be consistent: Use the same badge type for similar information across your site
• Choose meaningful text: Make sure the badge adds value for customers

Common Mistakes

• Too much text: Long badges look cluttered and lose impact
• Overuse: Using badges everywhere makes them meaningless
• Poor contrast: Make sure badge text is readable against the background