Skip to main content

Customize Achievement Badges

Personalize your organization's achievements by customizing badge names, descriptions, icons, and colors to match your brand identity and learning experience.

Written by Filippo Schiano di Pepe

Teachfloor allows organizations to fully customize the appearance and messaging of every achievement badge.

Instead of using the default badge design, you can adapt achievements to reflect your organization's branding, terminology, and learning culture.

Whether you're running a corporate academy, bootcamp, university, or customer education platform, customized badges create a more engaging and recognizable experience for learners.


How to Customize Badges

To edit your organization's achievement badges:

  1. Go to Settings → Customization → Gamification

  2. Make sure Enable Achievements is enabled.

  3. Click Customize Badges.

From here, you'll see the full list of available achievements organized by category.

Select any badge to begin editing.


What You Can Customize

Each achievement can be personalized by editing:

  • Badge Name

  • Badge Description

  • Badge Icon

  • Badge Color

  • Badge Background Color

Changes are applied immediately across your organization and will be visible wherever that badge appears.


Customize the Badge Name

Rename achievements to better match your organization's language or culture.

For example:

Default

Custom

Hat-Trick

Consistency 💪

First Steps

New Explorer

Course Crusher

Learning Champion

Hello, Community

First Conversation

Using your own terminology helps achievements feel like a natural part of your learning experience.


Customize the Description

Edit the description displayed below each badge.


For example:


Default

Log in for 3 consecutive days.


Custom

Build a consistent learning habit by showing up three days in a row.

Descriptions can reinforce your organization's tone of voice and make achievements more meaningful.


Upload a Custom Badge Icon

Every achievement can use a completely custom icon.

Supported formats include:

  • PNG

  • SVG

  • WebP

For the best results:

  • Use a square image

  • Use a transparent background

  • Keep the file size below 2 MB

Many organizations replace the default icons with their own branded icon set for a more consistent visual identity.


Customize Badge Colors

You can personalize:

  • Badge icon color

  • Badge background color

This allows badges to match your brand guidelines or create different visual styles for different categories of achievements.

Examples include:

  • Corporate brand colors

  • School or university colors

  • Department-specific color palettes

  • Seasonal or event-themed badges


Why Customize Badges?

Custom achievements make recognition feel more authentic and aligned with your organization.

Benefits include:

  • Stronger brand consistency

  • More engaging learner experience

  • Personalized achievement names and messaging

  • Greater motivation through recognizable rewards

  • A gamification system that reflects your organization's identity


Tips for Creating Great Badges

When customizing badges, consider these best practices:

  • Use short, memorable names.

  • Write encouraging descriptions.

  • Keep colors consistent with your brand.

  • Use simple icons that remain recognizable at small sizes.

  • Create a consistent visual style across all achievements.

Did this answer your question?