Create a group that automatically adds associated flair to its members' avatars

Here’s how!

But wait, what is group flair? Group flair is the small image that displays on the bottom right of a user’s avatar. It’s only visible in certain areas of a Discourse forum, but I’m sure you’ve seen it here on Meta in a few places:

33%20PM

Alright, so let’s set up a group that automatically adds group flair to its users’ avatars:

Note: if you are running an older version of Discourse (pre-2.0.0.beta5), expand the following, otherwise, continue on.

Expand for older Discourse version instructions

Legacy Instructions

Go into in your admin panel and select Groups --> Custom --> + New.

There are two main sections in the “New Group” settings that are important to make sure group flair is automatically applied:

(Around the middle of the settings)

(At the bottom of the settings)

1. This is optional, but if you set step 3, you will need at least one group owner to handle the approval

2. If the group will be freely joinable, check this box

3. If, instead, the group you are creating will require a user to be approved by a group owner before they are added, check this box

4. Setting this will make sure to automatically display the group flair on a user’s profile

NOTE: If you are a part of two groups that have this setting, the group flair you see will be for the most recent group that was joined. This can be manually overridden by an admin on a user’s admin page.

5. Choose the group flair image. To have a sharp-looking image, it should be around 100x100px. The one the Discourse Team uses on here is 88x88px

Current Instructions

Open your hamburger menu, select “Groups,” then select + New Group and find the following settings:


1. This is optional, but if you set step 5, you will need at least one group owner to handle the approval

2. Choose the group flair image. To have a sharp-looking image, it should be around 100x100px. The one the Discourse Team uses on here is 88x88px

3. Setting this will make sure to automatically display the group flair on a user’s profile

NOTE: If you are a part of two groups that have this setting, the group flair you see will be for the most recent group that was joined. This can be manually overridden by an admin on a user’s admin page.

4. If the group will be freely joinable, check this box

5. If, instead, the group you are creating will require a user to be approved by a group owner before they are added, check this box

That’s it!

18 Likes

I’m trying to set the image with the URL of a .png file that I searched for on Google but it isn’t working.

Here is the URL used:
https://goo.gl/images/8ShrtH

It’s the British Airways speedmarque that I want to use for the group flair. Any help in getting this working is appreciated.

That shortened URL, once expanded, doesn’t actually point to an image, but a Google Images search result

http://images.google.com/imgres?imgurl=http://pluspng.com/img-png/british-airways-vector-png-it-s-a-logo-of-the-british-airways-reduced-to-a-small-simple-ribbon-the-ribbon-png-50-px-1600.png&imgrefurl=http://pluspng.com/british-airways-vector-png-1862.html&docid=1eBF8ol8r6m3xM&tbnid=4PlsJJD6gs-f6M:&w=1600&h=1600&source=sh/x/im

You need to use a link that points directly to an image. In this case you want:

http://pluspng.com/img-png/british-airways-vector-png-it-s-a-logo-of-the-british-airways-reduced-to-a-small-simple-ribbon-the-ribbon-png-50-px-1600.png
10 Likes

Thanks for the help. I’ll keep that in mind for when I add American airlines logo and Qantas logo for avatars flairs.

1 Like

can’t find were to select this

1 Like

This actually came up in another topic very recently. Let me know if you need more than this:

There are a few outdated aspects in the following faq, but the basic idea is still correct. It is a good overview of the primary group setting:

2 Likes

would like to check if flairs works in which area of Discourse should i check?

It will appear on the avatars located on:

User Cards

Topic/PM Posts

Topic maps

User profile banners

6 Likes

hi, i created a group and add avatar for group using image, preview image display correct. But when i assign member, it does not display avatar at the bottom like preview. My site did not enable SSO and member did not join other group.

image

PS: I am sorry i miss step 3, set it as primary group.

it’s working now.

4 Likes