Fandom Developers Wiki
Register
Advertisement

DiscordIntegrator allows integrating a Discord widget into your sidebar or content. The Discord widget is able to show all online users in a server, the users game activity, anyone in a voice channel and etc.

If, after reading the documentation, you still don't understand how to set DiscordIntegrator up, read the step-by-step manual or watch the video below.

Installation

Configuration

Enabling the widget

The widget can be enabled by Discord server administrators by going through the settings screen of their Discord server and going to the "Widget" settings section. To enable embedding a widget to your server, tick the "Enable Widget" box. If you wish for users to be able to connect to your server through the widget, you should also select a chat room in the "Invite Channel" option.

Important: The server ID that can be found in the widget settings section is very important for setting up the widget, which is explained in sections below and in the template.

Content

After the script is installed through the methods explained above, it is possible to make the widget show up in the page content. It is advised to create a template on your wiki and copy the contents of {{DiscordIntegrator}} to it. After that, the template can be used as:

{{DiscordIntegrator
| id = 402223976375517194
| theme = light
| width = 300px
| height = 500px
}}

which gives:

If you see this, your JavaScript might be disabled or DiscordIntegrator plugin isn't working. If the latter, please contact a wiki administrator.

Note: DiscordIntegrator does not work on the mobile skin, which will display an error message instead of the Discord widget. To prevent the widget from displaying on the mobile skin, you can set the template type of the widget to a template type that doesn't display on mobile (such as Navbox).

For more complicated usage you can check the DiscordIntegrator template documentation itself.

Sidebar

The script can be configured to add the widget to the sidebar of the wiki on the FandomDesktop skin through editing several MediaWiki pages. Any MediaWiki page relating to the configuration of DiscordIntegrator starts with MediaWiki:Custom-DiscordIntegrator-config- and after it goes the name of the configuration option. For example, to configure the ID of the server, you'd need to go to MediaWiki:Custom-DiscordIntegrator-config-id.

The widget will appear in the siderail, only if the ID of the server is set in configuration options. Configuration options have same names as configuration options when adding the widget to content, except with the addition of a few parameters:

Option Type What it changes Default
id Number ID of your Discord server to embed None
title String Title of the module on the sidebar None
moduleHeight String Height of the module in the sidebar, in pixels 500
text String Text above the widget None
footer String Text below the widget None
theme dark or light Theme of the widget in the sidebar Inherits the theme on FandomDesktop.
width Number of pixels (Xpx) or percent (Y%) Width of the Discord widget 100%
height Number of pixels (Xpx) or percent (Y%) Height of the Discord widget 90%
logged-in Boolean If the widget should be displayed only to logged-in users None

An example of the widget can be seen on this page.

Frequently Asked Questions

Can I change the colors on the widget?
Currently, no. The widget is an iframe, therefore its style cannot be changed.
The widget is loading infinitely.
That means you didn't enable the widget in your server settings.
Enable the widget as said in the Enabling the widget section and refresh the page.
Sometimes it might take a minute or two for the widget to register it's enabled.
If the widget is enabled, you probably pasted the whole DiscordIntegrator template into the MediaWiki:Custom-DiscordIntegrator-config-id page. If that's the case, replace that template with only the server ID.
The widget in the sidebar is still loading infinitely!
Wait a bit for Discord's cache to refresh
While you wait, check if you posted the server ID into MediaWiki:Custom-DiscordIntegrator-config-id.
If you put the whole DiscordIntegrator template there, that won't work. Make sure it's only the server ID there.
I see "Template loop detected: Template:DiscordIntegrator"!
Then you didn't copy the template correctly.
You need to copy the template onto the template page of the same name on your wiki.
As an example, on Diep.io Wiki that template would be located here.
After copying the template contents, you would have to use that template to make the Discord widget display on wiki pages. General information about template usage can be found here.
Text above can be found here (edit)
Advertisement