Please support DiscordTutorial

We provide our content for free and all we ask in return is for you to turn off your adblocker so wen can pay for hosting.Thank you and sorry for the inconvenience

Hit enter after type your search item

How to make role categories in Discord

Discord Role CategoriesRole categories are an easy way to set your Discord server apart from others. This guide will show you how to implement them!

Having role dividers on your server looks great and professional, allows users to better understand your roles,Β and sets your server apart.

Since the introduction of Server templates it is very easy to implement them on your server so let’s jump right in!

Method 1: Using my server template

I have created a server template to make the process a lot easier.

1. Import server template

https://discord.new/d4msDDSgsT9c

This will create a new Server with role separators already included.

2. Open the Server Settings

Then, select the newly created Server and go to Server Settings β‡Ύ Roles.

Role Menu

3. Copy Role Name

In the role settings, you will see a role called RoleCategory at the top. Select the whole name field (there are invisible characters on both sides of the word, make sure you get them all) and copy the selection by pressing ctrl + c on your keyboard.

Now you can paste the role name into the name field of a role on your Server.

Be careful when changing the name and don’t delete the invisible characters, only change the letters without deleting anything else. If there’s an issue here please check out method 2 or write a comment!

If you assign the role to a user, you will see that it looks like this now:

Divider role with a gray border

Invisible Role Color

You can make an invisible role in discord by switching its color to match the background of the role interface. That way, people will only see the name of the role but not the border around it. This is very useful for organizing your roles with role dividers because it makes them look much cleaner.

The invisible role color for discord is: #2f3136

Simply set the category role to this color and you should be all set!

Finished role category

Method 2: Manually creating the role separators

I only include this second method for the people interested in how the roles are created. This is quite a bit more complicated than the first method, so only use this if you want to know how it works.

Here’s a gif I made of the whole process, you can follow along and read the text here when you’re stuck:

Gif Showing the process of adding role separators to Discord
You can click on this gif to watch it from the beginning

Important Links

Invisible Separator U+2063

EN Space U+2002

1. Name the role

First, give the role any name. This is just a placeholder and can be changed later.Β 

2. Insert invisible separator and EN space characters

Now you’ll need to first insert an invisible separator character on the left side of the word and then one on the right side of the word. This doesn’t actually do anything in the role name field but that’s fine. Just press save after you’ve done this.

Then, past the EN space characters to the left and right of the field. As you can see in the gif, it can take multiple tries to get the word centered perfectly. I recommend starting with 10 EN spaces on both sides and then adjusting as necessary.

3. Make the role invisible

Now you’ll need to make the role invisible using the color of the background. Use this color:

#2f3136

and you’re done! Your server now comes equipped with role categories.

Limitations and Problems

I gave my users the category role and now all their names are very hard to see

discord role hard to see

Users will always have the color of their highest role in chat and the sidebar. To make role categories work properly, you will need to assign every user a colored role which is above the category role itself.

As you can see in this example, I always assign my servers users a basic role when they join.

Shows that a role above the category can fix the color problem

Lots of bots offer autorole functionality, but if you would like me to write a guide about it please let me know!

I don’t want to add the role categories manually to each user

It’s best to use a bot with an autorole functionality. This means that the bot is going to assign every user a set of roles as soon as they join. I personally use Gaius, but there are lots of options out there.

Next Steps

Now that you have the categories set up it’s time to fill them up. I mainly use categories for roles the users can select. This varies from server to server, but some good ideas are: Platform, their ingame role, region, which channels they have access to, and so on.

If you want to learn how to create fancy reaction role menus like the one below, check this guide out!

Discord reaction role menu

Thanks so much for reading this guide! I hope you can put the role categories to good use in your server.

If you have any questions or feedback please let me know in the comments down below. You can also join the Discord community to meet likeminded people πŸ™‚

Check out the Discord section of this website to learn more tips and tricks!

32 Comments

  1. Hey, Thank you for these amazingly helpful posts, I just discovered this site, I myself am a discord expert but i have never seen any website or youtuber creators that make these kinda helpful videos or posts related to Discord app, you are doing an amazing job. thank you (love from pakistan)

    • Thank you so much for your kind words, they are much appreciated πŸ™‚
      I noticed the lack of quality Discord content so I thought I could share some of my knowledge. There is much more to come over the next weeks so stay tuned!

  2. Hi, tried to do this, and once I did the EN SPACE part on either side and hit save, it reverts back to a normal role, not being centered. How can I fix this?

    • Are you sure you also added the invisible separator outside the EN space characters on both sides? If that doesn’t fix it, then try copying the role names from the template in Method 1 and use the premade role categories. Please let me know if there are any issues!

        • I just tested the whole process again and it seems to work just fine. Are you following the steps in the gif? The invisible separator doesn’t usually show up in the role name field at all, that’s supposed to happen.

          If you’re still having issues, please let me know what exactly you are doing so I can replicate the issue or try using my server template from Method 1 πŸ™‚

    • Hey there,

      I’d recommend using a bot with an “autorole” functionality, which means the bot will assign roles to users as soon as they join. Many different Discord bots offer this functionality, but a lot of them limit you to giving only one autorole on join. If I recall correctly carl bot will allow you to add multiple roles on join. Let me know if this works for you!

  3. Hi!

    How exactly do you make the separator roles show up nicely in the middle for every single separator role?
    Is it just the spacing and can you remove invisible characters for it, or what is the best way?

    • He, sorry for the late reply. Yeah to center the name you just have to fiddle around with the number of invisible spaces on each side of the Role Name till you get it right, might take a bt of time.

  4. I’d like to make it so instead of assigning all the category roles when a user joins (with an autoroles bot) the bot would only assign a category role if the user also has a role that is within that category? Do you think that’s possible?

    • Yes, even though it took me a ton of experimentation to figure out how to do it.

      You’ll need carl bot for this to work (which is nice cause it’s one of the best discord bots with a nice web dashboard anyway). In the carl bot settings you’ll want to head to “Reaction roles” and set the reaction roles up in there. The important step is to add 2 roles to each reaction in the setup (let’s say you have the sun emoji and then you select your reaction role as well as the role you want to give when someone uses the reaction emoji)
      For example:
      Say I have the role category “Notifications” and the role “Videos” within that category. In the carl reaction role settings I’ll set up a reaction role in the normal mode for the sun emoji. Now I assign both the “Notifications” role as well as the “Videos” role to be assigned when someone clicks the emoji. I do this for all the roles within the menu (“News”, “Articles”…). Now when a user selects one of the roles in the category they will also get the category role. Hope this makes sense.

      • I have found a bot that can make this easier, it is called openbot. There is a feature if someone has role1 or role2 that person will then get role3 which if u wanted to would be the invisible/category role. So say you become a twitch sub, you will get twitch sub role, then openbot will detect you have that role and give you ——Subs——- role. Really useful bot. Website for the bot is Openbot.ga

    • Hey, yes this works in light mode but you can’t completely hide the category border as on light mode the background is white and if you set the role color to white you won’t be able to read it.

    • Hey there,
      Yeah you can add and remove them at any time. Simply copy and paste the role names and colors from my server template to the server you have already created. Make sure to also copy the invisible characters though!

  5. I tried this and it looks fantastic on mobile for me (android) and PC for every one, but on mobile for Iphone, the separators aren’t long enough to actually break up the roles. so half the dividing role just appears as a … and then other roles are listed behind it. πŸ™ is there something im doing wrong?

  6. I tried to do it in the beginning I did it but then it stopped working and it was not possible to create the gap. I took all the steps and in the end the gaps did not work

  7. The gif does not appear to be working and I’m unclear on which command to use for invisible separator, etc.

Leave a Comment

Your email address will not be published. Required fields are marked *

This div height required for enabling the sticky sidebar

We use cookies to give you the best online experience. By agreeing you accept the use of cookies in accordance with our cookie policy.

Ad Clicks :Ad Views : Ad Clicks :Ad Views : Ad Clicks :Ad Views : Ad Clicks :Ad Views : Ad Clicks :Ad Views : Ad Clicks :Ad Views : Ad Clicks :Ad Views : Ad Clicks :Ad Views : Ad Clicks :Ad Views :