Tutorial

Discord widget embed guide

Discord generates a ready-made <iframe> that puts your live member count and a join button directly on your RSPS listing. Four steps, under two minutes. Once it is live, visitors can see who is online and jump to your server without leaving the page.

1
Open Server Settings

In Discord, right-click your server icon in the left sidebar and choose Server Settings.

Right-click server icon → Server Settings
2
Enable Server Widget

In the left sidebar of Server Settings, scroll down to find the Widget section:

Widget

Flip the toggle to enabled:

Enable Server Widget
3
Copy the Iframe Code

Scroll down on the same Widget page to find PREMADE WIDGET. Discord shows an HTML code block containing your iframe, with your server ID already filled in:

<iframe src="https://discord.com/widget?id=YOUR_SERVER_ID&theme=dark"
        width="350"
        height="500"
        allowtransparency="true"
        frameborder="0"
        sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts">
</iframe>

Copy the entire <iframe> block. Discord fills in your server ID automatically, so no manual substitution needed.

4
Paste Into Your Listing

In your RSPS List server listing form, find the field labeled Discord Widget Embed Code and paste the iframe there.

One requirement

The code must start with <iframe or the field will reject it.

Good to know
  • The widget only works once Server Widget is enabled in Discord.
  • The theme parameter accepts 'dark' or 'light'.
  • You can adjust width and height to fit your listing layout.
  • Visitors see who is online and a one-click join button without leaving RSPS List.