Skip to content
← Back to Community
Repl.it Discord Rich Presence Tutorial
Profile icon
h
has Hacker Plan
Mosrod

Guide to Repl.it Rich Presence on Discord

Have you ever used Repl.it, but wanted it to show up in Discord?, Or maybe, you get annoyed by your friends while trying to code and have to spend a ton of time getting back on track? Discord Rich Presence is a great tool to alert your friends while you are coding, so they don't bother you. Unlike adding text to your playing text area, Rich Presence is a fancy graphic that people will never miss.

What we will need:

Note: You can use any Rich Presence client, but the program I am going to be showing you in this tutorial is My Rich Presence, and it requires Java Runtime Environment to be installed on your computer.

This is what the final product will look like:
This file cannot be displayed: https://storage.googleapis.com/replit/images/1539719309601_ad3a65da47d353443220b712ea848056.pn

Lets start!

  • Go to this URL: https://discordapp.com/developers/applications/

  • Click 'Create an application'
    This file cannot be displayed: https://storage.googleapis.com/replit/images/1539719349341_ffcd211c3811152dbac5f913a9c4fba1.pn

  • Set the name to whatever you want, preferably 'Repl.it' This file cannot be displayed: https://storage.googleapis.com/replit/images/1539719369619_0f10c3fcfda5f8e6c0934f4d853fba9c.pn

  • Download the image from this link (Click the download button in the top right area). https://drive.google.com/file/d/1_dQ_eQrnmgSYIr8FP7m4fU28QzwR2kc8/view: This file cannot be displayed: https://storage.googleapis.com/replit/images/1539719393854_75da16b51d0202668ac19f46c01a4e72.pn

  • Set the picture to the one you downloaded This file cannot be displayed: https://storage.googleapis.com/replit/images/1539719423465_26e318c29d9117aa06dc219fcefdc0ef.pn

  • Click 'Save Changes' on the bottom to save your application This file cannot be displayed: https://storage.googleapis.com/replit/images/1539719455843_247be98e81d428bf8827e8df6d4b54dd.pn

  • Click 'Rich Presence', then 'Art Assets' This file cannot be displayed: https://storage.googleapis.com/replit/images/1539719478171_6a7d5bc5ab78b3b0943de5cba01cb0da.pn

  • Set the cover image to the Repl.it logo you downloaded above This file cannot be displayed: https://storage.googleapis.com/replit/images/1539729500745_3fa82693aaaaa9e40763696119fedd42.pn

  • Click 'Add Image(s)' and upload the Repl.it logo, and optionally a smaller logo like Python, code, ect.. (I have a star in my case) This file cannot be displayed: https://storage.googleapis.com/replit/images/1539729516962_a1684e454799d6bd44eef87081fd297b.pn

  • Click 'Save Changes' This file cannot be displayed: https://storage.googleapis.com/replit/images/1539729537454_247be98e81d428bf8827e8df6d4b54dd.pn

  • Go to 'General Information' and copy the CLIENT ID
    This file cannot be displayed: https://storage.googleapis.com/replit/images/1539729569872_e95f643ea8e2aea27c782f584c0ad1bb.pn

This file cannot be displayed: https://storage.googleapis.com/replit/images/1539729584558_7b2abff6a641271446356fcd51104465.pn

  • Open My Rich Presence, and go to the Settings tab This file cannot be displayed: https://storage.googleapis.com/replit/images/1539729610098_e6062b3aa993942663f9d4623ee663fd.pn

  • Paste your App ID in the text area This file cannot be displayed: https://storage.googleapis.com/replit/images/1539729624480_f624e46bbfd61b9a4706ad0add78f553.pn

  • Click 'Add Image', and put in the name of the Repl.it logo (replit_logo) and optionally the other image that you uploaded This file cannot be displayed: https://storage.googleapis.com/replit/images/1539729641025_20e401d67f88727d7cbc208903653933.pn

  • Go to the General tab and change the details to @ and your repl.it name, and change the state to the repl.it url that you are on, and disable or enable the timer (https://repl.it/talk) (You can also do other text, but this is preferred)
    This file cannot be displayed: https://storage.googleapis.com/replit/images/1539729661890_b60dc1dbb0ef1c0c831d41376240ded1.pn

  • Enable the large image, select the name of the repl.it logo, and put Repl.it in the Large Image Text textbox, and if you added a small image, enable it and describe the small image (Coding in Python) This file cannot be displayed: https://storage.googleapis.com/replit/images/1539729680136_0c963e268559bba137149622b8fec0a0.pn

  • Click 'Update Presence', and the Rich Presence should show up in Discord
    This file cannot be displayed: https://storage.googleapis.com/replit/images/1539729701437_f97c159326b897274c589af40f23bce0.pn

  • This is what it will look like (The star would be the image that you optionally chose)
    This file cannot be displayed: https://storage.googleapis.com/replit/images/1539729715109_ad3a65da47d353443220b712ea848056.pn

If you have any questions or feedback, comment them below.

Voters
Profile icon
NIKHILSINGH26
Profile icon
AshishOG
Profile icon
adwarahmant
Profile icon
itsyako17
Profile icon
hackervrushank
Profile icon
PlinylMateus
Profile icon
VidishMishra2
Profile icon
ManuTheCoder
Profile icon
MemeManHimself
Profile icon
Flaphyr
Comments
hotnewtop
Profile icon
HackermonDev

This post has been moved to learn

Profile icon
Dobrinia

Images are not working.

Profile icon
[deleted]

link doesnt work

Profile icon
CoderGautamYT
Profile icon
CipherHYt
Profile icon
decomp

the rich prescence is an error 404 on the website @Mosrod and it just gives me a jar zip of the rich prescence app but no app

Profile icon
RohilPatel

im not getting any images to save... @decomp

Profile icon
shadowelite7

this is amazing

Profile icon
freddyamarsden

The link to the file seems very dodgey.

Profile icon
Mosrod

@freddyamarsden Fixed the link