Although this involves coding, you do NOT need any programming experience to do this! (As long as you know how to follow instructions, of course.) It's also worth noting that all instructions given are assuming your PC has Windows installed.
Hello! I am Referee#1536 and I'm the developer of Ref-bot, the first and only sports Discord bot; a proud moderator of Y0ken's Domain, the home of Great Games and Guides; and a staff member of TheFranswah Studio, home to all technical issues for Audio, Video, Design, and more. Today, I would like to show you how to spice up and customize your status on Discord to include extra detail, images, links, and more. Let's get started!
First, you need to create an application on the Discord Developer Portal. Log in, and then click on New Application, next to your avatar. Type in a name for the application, and click Create.
Once you've created an application, you should see something like this:
Take note of the Client ID, as this is what you'll need later.
If you would like to add images to your status, then follow the steps below:
- Click on Rich Presence on the left column, and make sure Art Assets is selected.
- Select Add Image(s), and upload any images that you would like to show off!
- Name the image. Try to make it short, as you'll need to type this in later.
Now that an application is created, we need to make sure that our Discord settings are configured properly, so that the status will actually show up. To do this,
go to the Discord app -> User Settings -> Game Activity, and make sure Display currently running game as a status message.
is turned on.
Next, we must install Node.js to be able to get our customized status up and running. Simply go to the Node.js website, select your OS, download the latest version, open up the installer, and follow the steps.
Yes, the fun part! Now, we get to the customization of your status, so that you can show it off and your friends will wonder how your status looks so good.
First, you need to download the code to your system. Don't worry, you don't need any special programs or need years of programming experience to do this. Go to the releases page, then select Source code (zip) under Assets. Once it finishes downloading, right click on the folder -> Extract All..., and click Extract. Then, follow these steps:
- Navigate to the dowloaded code and open the index.js file.
- For beginners, right click on index.js -> Open With -> Choose Another App -> Other Options -> More apps -> Notepad.
- For the programmers out there, you can open this with the app of your choice, such as Visual Studio Code or Atom.
- Make sure you see something like this:
- Get cookin'! You may customize this to your heart's content. Everything should be self-explanatory, as each line starting with
//
tells you what to do. For example, the following code...
// REMEMBER TO FILL IN THE CLIENT ID V V V V V V V
const client = require("discord-rich-presence")("798297420928122890");
client.updatePresence({
// Fill in the text and customize it to your liking
details: "Hey there!",
state: "This is awesome!",
// If you added any images
// Remove this section if you don't want any images
largeImageKey: "red",
largeImageText: "I like red",
// If you wish to add any links
// Remove this if you do not want any links
buttons: [
{label: "Join my Discord Server!", url: "https://discord.gg/C85TrvGYUR"},
{label: "How I got my cool status!", url: "https://github.com/Referee1536/discord-rp-tutorial"}
],
// Do not remove
instance: true,
});
...will look like this:
⚠ Please take note of the following when it comes to customizing your status:
- Make sure that your text is inside the quotes (
"Text here"
). - All URLs for buttons must start with
http://
orhttps://
. - Discord only allows up to two buttons. You cannot have more than two buttons.
- The text for buttons cannot exceed 32 characters.
- A small image cannot exist without a large image.
Woohoo! You customized your status and you're so excited to show it to your friends! ...but how do you do that? Well, it's not super hard. I'll show you how:
- Go to File Explorer and navigate to the folder in which you downloaded earlier.
- Once you're inside of the folder, right-click on the name of the folder on the top, and select Copy Address as Text.
- Launch Notepad, create a new document, and paste the following:
cd copied_address_here
node .
- All this does is it navigates to the folder and starts the program using Node.js, which we installed earlier.
- If you renamed
index.js
to something else, then replacenode .
withnode file-name-here.js
.
- Click File -> Save As..., and name it whatever you want, but make sure it ends with
.bat
. I recommend saving it to the Desktop for easy access, but wherever you want to save it will work. - Double click on the
.bat
file, and you are good to go!
It may be due to one of the following reasons:
- Your status will not show up if the Discord app (not the web version) is not running on your PC.
- Make sure your client ID is valid.
- If the image is not showing, give it a few minutes. Discord takes time to process images. If you refresh the page and your images are gone, do not upload them again, as Discord is still in the middle of processing your image.
- Is Discord up-to-date? Close the
.bat
file, pressCtrl
+R
in Discord to relaunch and check for updates, and open the.bat
file again. - Is your code up-to-date? Check out the latest releases and update if a new release is available.
- If you used Notepad, check out Esprima and paste your code inside of the text field. This will check for any syntax errors that may be preventing your code from running properly.
- If double-clicking on the
.bat
file does not open Command Prompt, right-click on it -> Open. If it still doesn't open Command Prompt, double-check to make sure that it is in fact a.bat
file by going to File Explorer -> View -> ✅ File name Extensions, and navigate to your.bat
file. Read this if you are still having issues. - If you receive an error when trying to launch your status, read the error, try to figure out what's causing the issue, and Google it.
- For example,
Error: Cannot find module ...
means that the computer cannot find the location of the folder. Make sure you copied the right address and try again. If you're using a service like OneDrive, try storing the files locally.
- For example,
If none of this helps, please join my Discord Server and DM our bot, Robert 📬#2630, with your question. Comments below will not be monitored.
That is all! Please share and star this if you found this helpful. Thank you!