Discord Widget

[TheSupremePatriot]

Discord Widget  

Version 1.0.0

Download :

https://www.proboards.com/library/plugins/item/1701

Settings Overview

Before Getting Started

Make sure to enable the widget in your Discord Channel settings under the Widget tab. This plugin will not work (load your channel) unless it is enabled.

Channel ID:

This is NOT where invite codes go, go to settings for the channel of your choice and go to the Widget setting, click the clipboard icon next to channel id and paste it in this box.

Color:

Change the theme of the widget, your options are Light and Dark. 

No, there will not be any other themes available unless Discord releases them.

Width and Height:

Change how tall and/or wide you would like the widget to be displayed.
The default is 350x500.  When you load the plugin, the widget will be at around 100x400 due to the order of the choices in the dropdown menu. 

In a future update, I will make the defaults be the default on load, instead of the first lowest choices in the dropdown boxes.

If you have any questions or problems, feel free to reply below!

[mikemcd]

Hello. I'm one of the folks that tried your plugin and left a review. I think you could greatly improve this plugin and I hope I can help. First up it's very important that even if the stuff below doesn't interest you, in either case you need to add the instruction to your users that they absolutely must go to their Discord server settings and enable the widget there first. This is not on by default. Go to Sever Settings > Widget and then at the top check that Enable Widget box. Very important.

Alright, now lets work on your plugin. If you want a quick preview of what the code I'm about to paste looks like, go to the bottom of my forum and check it out.

What I've done is used a javascript that I didn't write to give some more control over the behavior and look of the widget. Also, this isn't an iframe widget so it's more secure.

I went to build a plug in, components, added a main component, went to the footer and pasted in the below code.


<script type="text/javascript" src="//cdn.jsdelivr.net/discord-widget/1.0/discord-widget.min.js"></script>

<script type="text/javascript">

discordWidget.init({

 serverId: '192789663528910849',

 title: 'Bloodstained Discord',

 join: true,

 alphabetical: false,

 theme: 'dark',

 hideChannels: ['Throne Room', 'Confessional'],

 showAllUsers: true,

 allUsersDefaultState: false,

 showNick: true

});

discordWidget.render();

</script>



<div class="discord-widget"></div>
Here is where I found the code and what the options do. You can style the div as you see fit, but what I have on my site is the default container. If you plan on implementing any of this, please give credit (edit: credit to the javascript creator, not me) and also explain the options.

Actually... if you could make all those options controllable from the user like you did with your current plug in, that would be cool. You should teach me how to do that. 

[Peter]

TheSupremePatriot,

I created script a few weeks ago for discord. Was going to release a plugin, but didn't bother.  I just threw it all into a plugin and put the source up on GitHub (plugin can be downloaded from there as well).

Maybe you could look at doing something similar to that so it looks more integrated into the forum.  Could add additional things, settings, etc etc.




github.com/PopThosePringles/ProBoards-Discord

Code is open source, do what you want with it.

[-=MvC=-]

All I see is the DIscord loading and I have the right ID?

[mikemcd]

Dec 7, 2016 11:19:06 GMT -8 -=MvC=- said:

All I see is the DIscord loading and I have the right ID?

You must go to your Discord server and check the box "Enable Widget".


Go to Sever Settings > Widget and then at the top check that Enable Widget box.

[-=MvC=-]

It had taken some time but it worked and loaded.

[TheSupremePatriot]

Hey mikemcd I just wanted to let you know that I am almost about to release your requested version. I will upload it as a second plugin however.


It will be here when it is approved : www.proboards.com/library/plugins/item/1733
(Support Thread for New Version Coming Soon)

[jossle]

i got a question that might seem a bit dumb but does this plugin actually let you chat through it or just shows the discords members because when i go server setting and enable widgets and use that code i get a list of online members but no functionality aside that while if i use channel it just keeps loading...

[runelord]

Good evening,

I realize this may not be an updating support anymore, but if it is:

I am having the same problem as the above user. I may be just missing something, which would be great but as it stands: The widget loads but it just shows the users online without having the option to chat.

[Kami]

Nov 17, 2018 14:21:14 GMT -8 jossle said:

i got a question that might seem a bit dumb but does this plugin actually let you chat through it or just shows the discords members because when i go server setting and enable widgets and use that code i get a list of online members but no functionality aside that while if i use channel it just keeps loading...

Jul 6, 2020 17:53:05 GMT -8 runelord said:

Good evening,

I realize this may not be an updating support anymore, but if it is:

I am having the same problem as the above user. I may be just missing something, which would be great but as it stands: The widget loads but it just shows the users online without having the option to chat.

This widget is not designed to allow you to chat. You will need to look into a third party widget for that such as TitanEmbed.