Custom Discord Widget

Laynester

a bad bitch
Nov 7, 2018
305
437
Super hacky way ..

Discord.css:
Discord.js:
HTML:
<link href="link/to/discord.css" rel="stylesheet">

<div class="box discord">
  <div class="heading">Discord</div>
  <div class="content" id="discord-widget"></div>
</div>
<script>window.GLOBAL_ENV = {
  API_ENDPOINT: '//discordapp.com/api',
  WEBAPP_ENDPOINT: '//discordapp.com',
  CDN_HOST: 'cdn.discordapp.com',
  MARKETING_ENDPOINT: '//discordapp.com',
  RELEASE_CHANNEL: 'stable',
};
var serverid = "DiscordWidgetIdHere";
</script>
<script src="link/to/discord.js" defer></script>

** The box class/heading class, will need to be modified for your CMS, i did not include the box styling into the discord.css
You must be registered for see images attach


Explanation:
discord.js ripped from the discord widget, var serverid = "DiscordWidgetIdHere"; sets your "guildid" in the discord.js, discord.css is just the discord scrollbar/ connect button/member list.
 

Users who are viewing this thread

Top