DEV Community

Cover image for How to get more people to join your Discord community by adding an invite widget to your README
Pedro Fracassi
Pedro Fracassi

Posted on

How to get more people to join your Discord community by adding an invite widget to your README

Inspired by shields.io, we've created a service that generates SVG images that mimic Discord's invite widgets, shown on the app when you send an invite link to a chat. Adding these to your README is an easy way to get more people interested in joining your community!

These look really cool on your repository README, or even in GitHub's new profile READMEs!

Invidget in a GitHub repository

Invidget in a GitHub profile

It's super simple. Just add your invite code to the end of the URL, throw it into your browser...

https://invidget.switchblade.xyz/2FB8wDG

...and you'll get a nice SVG widget!

Invidget Widget Example

It even supports discord's - awfully ugly - light theme, by adding the theme query parameter to the URL:

https://invidget.switchblade.xyz/2FB8wDG?theme=light

Light Invidget Widget Example

...and you can set it to render in your language!

https://invidget.switchblade.xyz/2FB8wDG?language=pt

Portuguese Invidget Widget Example

After selecting your language and fighting with your collaborators over light or dark theme, you can then add it to your README, linking to your Discord community, like so:

[![Join our Discord server!](https://invidget.switchblade.xyz/2FB8wDG)](http://discord.gg/2FB8wDG)

Again, remember to replace the invite above code with one that takes people to your server.


Invidget is open source, and we still have a bunch of features planned, so feel free to open a PR or two!

Top comments (0)