Repl.it Discord Rich Presence Tutorial
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:
- Discord account
- Rich Presence client (https://strukteon.net/downloads/#myrichpresence)
- Java Runtime Environment (JRE) (For the Rich Presence client)
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:
Go to this URL: https://discordapp.com/developers/applications/
Click 'Create an application'
Set the name to whatever you want, preferably 'Repl.it' 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: https://storage.googleapis.com/replit/images/1539719393854_75da16b51d0202668ac19f46c01a4e72.pn
Set the picture to the one you downloaded https://storage.googleapis.com/replit/images/1539719423465_26e318c29d9117aa06dc219fcefdc0ef.pn
Click 'Save Changes' on the bottom to save your application https://storage.googleapis.com/replit/images/1539719455843_247be98e81d428bf8827e8df6d4b54dd.pn
Click 'Rich Presence', then 'Art Assets' https://storage.googleapis.com/replit/images/1539719478171_6a7d5bc5ab78b3b0943de5cba01cb0da.pn
Set the cover image to the Repl.it logo you downloaded above 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) https://storage.googleapis.com/replit/images/1539729516962_a1684e454799d6bd44eef87081fd297b.pn
Click 'Save Changes' https://storage.googleapis.com/replit/images/1539729537454_247be98e81d428bf8827e8df6d4b54dd.pn
Go to 'General Information' and copy the CLIENT ID
- Open My Rich Presence, and go to the Settings tab https://storage.googleapis.com/replit/images/1539729610098_e6062b3aa993942663f9d4623ee663fd.pn
Paste your App ID in the text area 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 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)
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) https://storage.googleapis.com/replit/images/1539729680136_0c963e268559bba137149622b8fec0a0.pn
Click 'Update Presence', and the Rich Presence should show up in Discord
- This is what it will look like (The star would be the image that you optionally chose)
If you have any questions or feedback, comment them below.