Adding your Widget to your Discord profile

If you are done customizing your Widget and putting in your data, it is now time for you to add it to your Discord profile! Sadly, since this is still hidden from the public, you have to execute some commands for it to actually show up on your account.

⚠️ Important Note: As said in the Home page of the wiki, bad actors can use a fake or changed command to steal your Discord account. If you paste a dangerous script, someone could take over your account, read your messages, and act as you. It is recommended to only use commands shown in this guide or from trusted sources. If someone sends you a “better” or “cool” script in a message or on an untrusted website, do not paste it in and run it.

Adding via your Web Browser

1. Log into Discord using your Web browser
2. In the Web client, open DevTools once again using the F12 button on your keyboard, or by right-clicking on the site and clicking on "Inspect" button.
3. Look at the top of the complex panel that just popped up and click on the tab labeled Console.
4. Copy the exact block of code below, paste it into the blank line at the very bottom of the console, and press Enter:

let _mods=webpackChunkdiscord_app.push([[Symbol()],{},e=>e.c]);webpackChunkdiscord_app.pop();
let findByProps=(...e)=>{for(let t of Object.values(_mods))try{if(!t.exports||t.exports===window)continue;if(e.every(e=>t.exports?.[e]))return t.exports;for(let r in t.exports)if(e.every(e=>t.exports?.[r]?.[e])&&"IntlMessagesProxy"!==t.exports[r][Symbol.toStringTag])return t.exports[r]}catch{}};

api = findByProps("Bo", "Cu").Bo
async function addWidget(appId) {
    id = findByProps("getCurrentUser").getCurrentUser().id;
    current_widgets = (await api.get("/users/" + id + "/profile")).body.widgets
    if (current_widgets.map(x=>x.data?.application_id).includes(appId)) {return console.log("Already in your widgets — remove it via Discord client to re-add")}
    current_widgets.unshift({"data": {"type": "application","application_id": appId}})
    await api.put({url: "/users/@me/widgets",body:{widgets: current_widgets}})
}
// Usage
addWidget("APPLICATION_ID")

NOTE: Replace the APPLICATION_ID in the bottom of the command with your Application ID.

5. In the Web browser client, head over to your Discord profile, click "Edit Profile" and then click on "Add Widget" located in the top right of your profile.
6. Look for the widget that you have just created, and click on it to add it to your profile.
7. After adding, click on "Save" at the bottom of your profile to save the changes!

Adding directly to your profile via your modded Discord client (e.g Vencord)

1. In the client, hit the combination Ctrl+Shift+I to open the client's DevTools
2. Look at the top of the complex panel that just popped up and click on the tab labeled Console.
3. Copy the exact block of code below, paste it into the blank line at the very bottom of the console, and press Enter:

async function addWidget(appId) {
    id = Vencord.Webpack.findByProps("getCurrentUser").getCurrentUser().id;
    current_widgets = (await Vencord.Webpack.Common.RestAPI.get("/users/" + id + "/profile")).body.widgets
    if (current_widgets.map(x=>x.data?.application_id).includes(appId)) {
        return console.log("Already in your widgets — remove it via Discord client to re-add");
    }
    current_widgets.unshift({"data":{"type":"application","application_id":appId}})
   await Vencord.Webpack.Common.RestAPI.put({url:"/users/@me/widgets",body:{widgets:current_widgets}})}
addWidget("APPLICATION_ID")

NOTE: Replace the APPLICATION_ID in the bottom of the command with your Application ID.

4. Your widget should be automatically added to your profile!