Widgets
Bump board widget
Show who has bumped your server the most on your website.
The bump board shows who has bumped your server the most, a way to thank the members who keep it visible on the directory.
What you need#
- Your Discord server listed on the Dispresso directory and approved (not marked 18+).
- At least one bump. Members bump with
/bump. - Somewhere on a website that lets you paste HTML.
Find your server id#
- 1In Discord, open User Settings, Advanced and turn on Developer Mode.
- 2Right click your server icon and choose Copy Server ID.
- 3Paste it as
data-guild. If your server has a vanity link on Dispresso (dispresso.co/servers/your-name), that name works as well.
Paste it#
<div data-dispresso-bumps data-guild="YOUR_SERVER_ID" data-limit="10"></div>
<script src="https://dispresso.co/widgets/bump-board.js?v=3" async></script>Replace YOUR_SERVER_ID with the id you copied. How to paste it into your site builder is in Put a widget on any website.
Options#
| Attribute | What it does | Default |
|---|---|---|
data-guild | Your server's id or vanity name. Required. | None |
data-limit | How many rows, 1 to 25 | 10 |
data-theme | light, dark or auto | auto, the visitor's system theme |
data-accent | A hex color such as #5865f2, or blue, violet, green, teal, pink, red, amber, orange, slate | Dispresso orange |
data-size | full or compact | full |
Width, corner radius and font beyond that: give the div an id, as shown under Styling in the widgets hub.
Common mistakes#
| What you see | Usually because | Fix |
|---|---|---|
| The widget says the board is not public right now | The server is not listed on the directory, is not approved yet, or is marked 18+ | List it with /bump (see the Server directory guide). Once approved the board appears with no other change. |
| It says no bumps logged yet | Nobody has bumped since the server was listed | Run /bump yourself, or see Bumps and Shots for how members earn from it. |
| Nothing appears, not even a message | The div and script were pasted into a builder that strips scripts, or the script tag was cut off | Paste both lines together, and check your builder allows custom code. See Put a widget on any website. |
Questions people ask#
What does a bump do?#
It moves your server up the directory. The board is only the thank you list, it changes nothing about ranking.
Can I show it in Discord instead?#
Yes, the bot has its own bump leaderboard. The widget is the website version.
How many rows can it show?#
Ten on a free server. A server with Server Boost or Elite can set data-limit up to 25.
Can I remove the Powered by Dispresso link?#
Yes, on a server with Server Boost or Elite. Free servers keep the small link.