# Badges next to username

**URL:** https://meta.discourse.org/t/badges-next-to-username/283388
**Category:** Feature
**Created:** [October 25, 2023, 10:47am UTC](https://meta.discourse.org/t/badges-next-to-username/283388 "2023-10-25T10:47:08Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![lcswillems](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lcswillems/32/328268_2.png) [@lcswillems](https://meta.discourse.org/u/lcswillems)
#### Post date: [October 25, 2023, 10:47am UTC](https://meta.discourse.org/t/badges-next-to-username/283388/1 "2023-10-25T10:47:08Z")

</div>

I have a website and a Discourse forum. On the Discourse forum, I want to put a blue check badge (similar to Twitter one) next to the username of people who pay the premium account on my website. This way, when a user with a premium account posts, a blue check badge is displayed next to its username and shows its status.

How could I do this with Discourse?

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [October 25, 2023, 10:50am UTC](https://meta.discourse.org/t/badges-next-to-username/283388/2 "2023-10-25T10:50:50Z")

</div>

Hello there Lucas,

Off the top of my head I can think of two ways to achieve this. I’ll leave it up to you do decide which one you prefer.

1. You can use this theme component

> [@Post Badges](https://meta.discourse.org/t/post-badges/114722):
>
> discourse2Summary Post Badges will add earned badges next to a post author’s username. Specific badges to display can be adjusted through a theme setting.eyeglassesPreview [Preview on theme-creator.discourse.org](https://theme-creator.discourse.org/theme/tshenry/post-badges)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-post-badges](https://github.com/discourse/discourse-post-badges)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Key features Support for both default and custom …

This would involve creating a badge for users with premium account and granting the badge to those users.

* * *

1. Use group flairs

> [@Add group flair on member avatars](https://meta.discourse.org/t/automatically-add-group-flair-to-members-avatars/82700):
>
> bookmark This is a guide for configuring automatic group flair on user avatars in Discourse. person_raising_hand Required user level: Administrator Automatically add group flair to members’ avatars Group avatar flair displays to the bottom-right of a user’s avatar, providing a stylish way to highlight a user’s group membership. When creating or configuring a group, an admin can choose an image or [Font Awesome](https://fontawesome.com) icon to use as group flair. Summary This guide cover…

You would create a group select an icon to use as a flair and add the members you want to the group.

Hope this helps 😃

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [October 25, 2023, 9:10pm UTC](https://meta.discourse.org/t/badges-next-to-username/283388/4 "2023-10-25T21:10:14Z")

</div>

Group flair is the best way to go. It works out of the box.

---

<div class="post-metadata">

### Author: ![Plabforum](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/plabforum/32/449551_2.png) [@Plabforum](https://meta.discourse.org/u/Plabforum)
#### Post date: [November 13, 2023, 6:07am UTC](https://meta.discourse.org/t/badges-next-to-username/283388/5 "2023-11-13T06:07:44Z")

</div>

I am using GIF in Group avatar flair and I have to say it’s my next best thing on the Discourse.

I do want to know, if that’s something safe to use or not?

Also I want to know, is it possible when you grant someone a badge, it also automatically give user a avatar flair.

---

<div class="post-metadata">

### Author: ![Plabforum](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/plabforum/32/449551_2.png) [@Plabforum](https://meta.discourse.org/u/Plabforum)
#### Post date: [November 13, 2023, 6:27am UTC](https://meta.discourse.org/t/badges-next-to-username/283388/6 "2023-11-13T06:27:59Z")

</div>

Hey @lcswillems ,

I also had similar requirement for my forum. I am adding all such users in a group and they are automatically grated a blue tick, as explained by @ondrej

> [@ondrej](#):
>
> Use group flairs

I can share my forum’s blue tick, it’s actually a GIF and I love it.

> **Tick GIFs**
>
> ![output-onlinegiftools-3](https://global.discourse-cdn.com/meta/original/4X/d/8/b/d8b6f782ae5d2e09e39af23704e441f03192e265.gif)
> 
> I can also share with you few other variations.
> 
> ![giphy](https://global.discourse-cdn.com/meta/original/4X/1/1/1/1111db4e389d9ad830b9c7867aeca62f791c4b29.gif)  
> ![output-onlinegiftools-2](https://global.discourse-cdn.com/meta/original/4X/1/5/e/15e3621eb5831c9af1539c07fe5352a8f192332e.gif)  
> ![output-onlinegiftools-4](https://global.discourse-cdn.com/meta/original/4X/3/8/9/389fa6632501a391bde31e49b3d1c52d74467ffe.gif)  
> ![output-onlinegiftools](https://global.discourse-cdn.com/meta/original/4X/3/e/b/3eb2e0dd344bdab683c15a1ac9fd7246a4173087.gif)
> 
> I like the last green one too.

---

<div class="post-metadata">

### Author: ![IrisBetty](https://avatars.discourse-cdn.com/v4/letter/i/df705f/32.png) [@IrisBetty](https://meta.discourse.org/u/IrisBetty)
#### Post date: [November 13, 2024, 6:29pm UTC](https://meta.discourse.org/t/badges-next-to-username/283388/7 "2024-11-13T18:29:42Z")

</div>

These are great. how do I download one?

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [November 14, 2024, 1:09am UTC](https://meta.discourse.org/t/badges-next-to-username/283388/8 "2024-11-14T01:09:53Z")

</div>

Right click and copy image.
