La plate-forme Discord est parfaite pour créer une communauté en ligne, mais vos membres doivent ouvrir Discord lui-même pour utiliser la plate-forme, ou le fait-il ? Grâce aux widgets Discord , vous pouvez intégrer Discord dans votre propre site, permettant aux utilisateurs de voir qui est en ligne sur votre serveur Discord^{(your Discord server)} , de poster des messages directement, et plus encore.

Il existe plusieurs façons d'ajouter un widget de serveur Discord à votre site. ^(Discord)Le moyen le plus simple est d'utiliser le propre système de widgets de Discord , mais c'est assez basique. Si vous avez besoin de quelque chose de plus avancé, vous devrez peut-être envisager une alternative tierce comme WidgetBot . Voici ce que vous devez savoir pour ajouter un widget Discord à votre site Web.^(Discord)

Qu'est-ce qu'un widget Discord et comment peut-il être utilisé ?^{(What Is a Discord Widget and How Can It Be Used?)}

Un widget Discord est une version intégrée du client Discord que vous pouvez intégrer dans les pages d'un site Web. Selon le type de widget que vous utilisez, cela peut afficher vos membres et votre liste de chaînes, fournir un lien d'invitation rapide aux nouveaux utilisateurs et permettre aux utilisateurs de discuter directement sans visiter le site Web Discord ou utiliser le client.

Le widget intégré est un outil publicitaire pour votre serveur, vous permettant de montrer vos membres et d'en gagner de nouveaux via votre site. Cependant, il ne vous permet pas d'envoyer des messages ou d'interagir avec le serveur, à part le rejoindre en utilisant le lien d'invitation intégré.

Si vous souhaitez utiliser un widget plus avancé, vous pouvez utiliser une alternative tierce appelée WidgetBot . WidgetBot ressemble presque exactement au client Discord , permettant aux utilisateurs de se connecter, d'envoyer des messages, de basculer entre les canaux et d'utiliser tout ce que Discord a à offrir, le tout dans un widget intégré sur votre site.

Bien que le processus de configuration de WidgetBot soit un peu plus complexe, il offre une alternative plus fonctionnelle aux utilisateurs que le propre système de widgets de Discord. Les deux types de widgets permettent aux propriétaires de serveurs d'annoncer rapidement leur serveur aux nouveaux utilisateurs, ce qui en fait une meilleure alternative que Slack^{(alternative than Slack)} , qui n'offre pas de fonctionnalités marketing similaires.

Intégrer un widget de serveur Discord standard^{(Embedding a Standard Discord Server Widget)}

Il y a deux étapes pour ajouter un widget de serveur Discord standard à votre site Web. ^(Discord)Vous devrez d'abord activer le widget, puis copier le code HTML généré automatiquement à partir des paramètres du serveur ^(HTML)Discord pour l'intégrer à votre site Web.

1. Pour commencer, ouvrez le site Web Discord ou le client de bureau et connectez-vous, puis sélectionnez votre serveur à partir des icônes de serveur sur la gauche. Sélectionnez le nom de votre serveur en haut de la liste des chaînes, puis sélectionnez Paramètres^{(Server Settings)} du serveur dans le menu déroulant.

1. Dans le menu des paramètres Discord , sélectionnez ^(Discord)Widget . Pour activer le widget sur votre serveur, sélectionnez le curseur Enable Server Widget , en le plaçant en position On (en vert).

1. Avec le widget de serveur activé pour votre serveur, vous pouvez maintenant copier le code HTML nécessaire pour l'intégrer à votre site Web. Faites défiler^(Scroll) vers le bas du menu Widget , puis sélectionnez ^(Widget)Copier^{(Copy )} dans la zone de code Widget prédéfini^{(Premade Widget)} .

Une fois que vous avez copié l'extrait de code contenant le widget Discord prédéfini , vous pouvez ensuite l'intégrer dans le code de votre site Web. Le widget permettra aux utilisateurs d'afficher la liste des membres actifs et de s'inscrire à votre serveur. Cependant, si vous avez besoin d'un widget plus avancé, vous devrez utiliser WidgetBot .

Création de widgets Discord personnalisés à l'aide de WidgetBot^{(Creating Custom Discord Widgets Using WidgetBot)}

Le widget de Discord^(Discord) est un excellent moyen d'ajouter un lien d'invitation plus avancé à votre serveur, mais à part afficher votre liste de membres, il n'offre pas grand-chose d'autre. Si vous souhaitez intégrer une version (presque) entièrement fonctionnelle du client Discord dans votre site Web, vous pouvez utiliser ^(Discord)WidgetBot pour le faire.

WidgetBot est une version entièrement intégrée de Discord que vous pouvez adapter à vos besoins. Taille, fonctionnalité, prise en charge des canaux, abonnements invités, etc., tout peut être utilisé dans un widget WidgetBot sur votre site pour attirer de nouveaux utilisateurs et discuter directement avec eux sans avoir besoin de visiter le site Web Discord ou d'utiliser l'application client.

Certaines fonctionnalités, telles que les chaînes en lecture seule et les thèmes de widgets personnalisés, nécessitent un abonnement payant. Cependant, les fonctionnalités de base (y compris l'envoi de messages et la connexion directe au serveur) sont prises en charge gratuitement.

Ajouter WidgetBot à votre serveur^{(Adding WidgetBot to Your Server)}

Pour commencer, vous devrez ajouter WidgetBot lui- même à votre serveur. WidgetBot fonctionne en ajoutant le bot WidgetBot à votre serveur, vous devrez donc le faire en premier.

1. Ouvrez le lien d'invitation WidgetBot^{(WidgetBot invitation link)} et connectez-vous à Discord pour continuer. Vous devrez sélectionner votre serveur dans la liste, puis sélectionner Continuer^(Continue) pour continuer.

1. À l'étape suivante, il vous sera demandé quelles autorisations vous souhaitez accorder à WidgetBot . Laissez^(Leave) toutes les cases cochées, puis sélectionnez Autoriser^(Authorize) pour continuer. Retournez sur votre serveur une fois ce processus terminé.

Intégrer WidgetBot sur votre site Web^{(Embedding WidgetBot on Your Website)}

Une fois que WidgetBot est en cours d'exécution sur votre serveur, vous pouvez ensuite ajouter un widget WidgetBot à votre site Web. Il existe plusieurs types de widgets que vous pouvez utiliser, mais la façon la plus simple d'ajouter un widget de base est d'utiliser la commande ??crate sur votre serveur.

Cela génère un extrait de code HTML que vous pouvez facilement intégrer dans vos pages Web, créant une icône de chat ^(HTML)Discord dans le coin inférieur droit. Une fois pressé, cela ouvre un petit client Discord (et entièrement fonctionnel) pour vos utilisateurs Web.

1. Pour commencer, ouvrez le site Web ou le client Discord et sélectionnez votre serveur dans la liste de gauche. Dans un canal convenablement privé sur votre serveur contenant le bot WidgetBot , tapez ??crate dans la boîte de message, puis envoyez le message.

1. L'envoi de ??crate sur votre serveur entraînera la génération automatique par le bot d'un extrait de code HTML que vous pourrez intégrer. ^(HTML)Sélectionnez le code dans le message, puis faites un clic droit^{(right-click)} > Copier^(Copy) ou sélectionnez Ctrl + C sur votre clavier.

1. Une fois le code copié dans votre presse-papiers, collez-le dans le code HTML de votre site Web et publiez-le. Le code lui-même créera une icône Discord en bas à droite - sélectionnez-la pour afficher et interagir avec le widget, y compris en publiant directement des messages sur votre serveur.

Si vous préférez utiliser un autre type de widget WidgetBot , vous pouvez en savoir plus sur chaque type de widget, notamment sur la façon de les créer et de les intégrer à votre site Web, en visitant le site Web de documentation WidgetBot^{(WidgetBot documentation website)} .

Utilisation des widgets Discord^{(Making Use of Discord Widgets)}

Un widget de serveur Discord est un bon moyen de faire connaître votre communauté aux nouveaux visiteurs de votre site Web, vous offrant ainsi un autre moyen d'augmenter le nombre de membres. Une fois que vous avez créé votre serveur, vous pouvez alors réfléchir à la manière d'utiliser efficacement Discord . Vous pouvez commencer par ajouter des bots à votre serveur^{(adding bots to your server)} pour augmenter les fonctionnalités, des bots musicaux^{(music bots)} à la modération^(moderation) .

Si vous rencontrez des problèmes avec Discord , il existe cependant des solutions. Par exemple, des erreurs telles qu'une erreur Javascript fatale Discord^{(Discord fatal Javascript error)} peuvent généralement être corrigées en réinstallant l'application, tandis que les problèmes de connexion Discord^{(Discord connection issues)} peuvent indiquer un problème avec vos paramètres DNS . Il existe un certain nombre d' alternatives Discord que^{(Discord alternatives)} vous pouvez également essayer si vous rencontrez toujours des problèmes.

How to Add a Discord Widget to Your Website

The Discord platform is perfect for creating a community together online, but it requires your members to open Discord itself to use the platform—or does it? Τhankѕ to Discord widgets, you can embed Discоrd into your own ѕite, allowing userѕ to see who’s online on your Discord server, post messages directly, and more.

There are a few ways you can add a Discord server widget to your site. The easiest way is to use Discord’s own widget system, but this is quite basic. If you need something more advanced, you may need to look at a third-party alternative like WidgetBot. Here’s what you’ll need to know to add a Discord widget to your website.

What Is a Discord Widget and How Can It Be Used?

A Discord widget is an embedded version of the Discord client that you can integrate into pages on a website. Depending on the type of widget you use, this can show your members and channel list, provide a quick invite link to new users, and allow users to chat directly without visiting the Discord website or using the client.

The built-in widget is an advertisement tool for your server, allowing you to show off your members and gain new ones through your site. However, it doesn’t allow you to send messages or interact with the server, other than joining it using the integrated invite link.

If you want to use a more advanced widget, you can use a third-party alternative called WidgetBot. WidgetBot looks almost exactly like the Discord client, allowing users to sign in, send messages, switch between channels, and use everything that Discord has to offer—all within an embedded widget on your site.

While the setup process for WidgetBot is a little more complex, it offers a more functional alternative to users than Discord’s own widget system. Both types of widgets allow server owners to quickly advertise their server to new users, however, making it a better alternative than Slack, which offers no similar marketing features.

Embedding a Standard Discord Server Widget

There are two stages to adding a standard Discord server widget to your website. You’ll first need to enable the widget, then copy the auto-generated HTML code from Discord’s server settings to embed it into your website.

1. To start, open the Discord website or desktop client and sign in, then select your server from the server icons on the left. Select your server name at the top of the channel list, then select Server Settings from the drop-down menu.

1. In the Discord settings menu, select Widget. To enable the widget on your server, select the Enable Server Widget slider, placing it in the On position (in green).

1. With the server widget activated for your server, you can now copy the necessary HTML code to embed it into your website. Scroll down to the bottom of the Widget menu, then select Copy in the Premade Widget code box.

Once you’ve copied the code snippet containing the premade Discord widget, you can then integrate it into your website code. The widget will allow users to view the active member list and sign up to your server. If you need a more advanced widget, however, you’ll need to use WidgetBot.

Creating Custom Discord Widgets Using WidgetBot

Discord’s widget is a great way to add a more advanced invitation link to your server, but other than showing off your members list, it doesn’t offer much else. If you want to integrate a (near) fully functional version of the Discord client into your website, you can use WidgetBot to do it.

WidgetBot is a fully embedded version of Discord that you can tailor to your needs. Size, functionality, channel support, guest memberships, and more—all can be used in a WidgetBot widget on your site to bring in new users and chat with them directly without needing to visit the Discord website or use the client app.

Some features, such as read-only channels and custom widget themes, require a paid membership. However, the core features (including sending messages and joining the server directly) are supported for free.

Adding WidgetBot to Your Server

To begin, you’ll need to add WidgetBot itself to your server. WidgetBot works by adding the WidgetBot bot to your server, so you’ll need to do that first.

1. Open the WidgetBot invitation link and sign in to Discord to proceed. You’ll need to select your server from the list, then select Continue to proceed.

1. At the next stage, you’ll be asked which permissions you want to grant WidgetBot. Leave all of the checkboxes enabled, then select Authorize to proceed. Return to your server once this process is complete.

Embedding WidgetBot on Your Website

Once WidgetBot is running on your server, you can then proceed to add a WidgetBot widget to your website. There are several types of widget you can use, but the simplest way to add a basic widget is to use the ??crate command on your server.

This generates an HTML code snippet that you can easily embed into your web pages, creating a Discord chat icon in the bottom-right corner. Once pressed, this opens a small (and fully functional) Discord client for your web users.

1. To begin, open the Discord website or client and select your server from the list on the left. In a suitably private channel on your server containing the WidgetBot bot, type ??crate into the message box, then send the message.

1. Sending ??crate in your server will cause the bot to automatically generate a HTML code snippet that you can embed. Select the code from the message, then right-click > Copy or select Ctrl + C on your keyboard.

1. With the code copied to your clipboard, paste the code into your website HTML and publish. The code itself will create a Discord icon in the bottom-right—select this to view and interact with the widget, including posting messages to your server directly.

If you’d prefer to use a different type of WidgetBot widget, you can learn more about each type of widget, including how to create and embed them into your website, by visiting the WidgetBot documentation website.

Making Use of Discord Widgets

A Discord server widget is a good way to advertise your community to new visitors to your website, giving you another way to increase membership. Once you’ve built up your server, you can then think about how to use Discord effectively. You can start by adding bots to your server to increase functionality, from music bots to moderation.

If you’re having trouble with Discord, however, there are solutions. For instance, errors like a Discord fatal Javascript error can usually be fixed by reinstalling the app, while Discord connection issues could point to a problem with your DNS settings. There are a number of Discord alternatives you can try, too, if you still have issues.

Related posts

• 7 Proven Ways à Increase Website Traffic

• Créez rapidement un site Web personnel à l'aide de Google Sites

• Comment configurer votre propre site Web de type Twitter en utilisant le thème P2 de WordPress

• Top 10 des endroits où trouver des images et des vidéos HD gratuites pour votre site Web

• Hébergement de sites Web bon marché et fiable pour les petites entreprises

• Comment ajouter facilement des filigranes à vos images en ligne avant de les télécharger

• 8 Best WhatsApp Web Tips & Tricks?

• Qu'est-ce qu'un Custom Domain and How pour en créer un

• Comment configurer une boutique en ligne rapidement et facilement

• 3 comptes de robots pour vous aider à enregistrer le contenu de Twitter

• 5 conseils pour obtenir plus de vues sur YouTube

• OTT explique : qu'est-ce que Drupal ?

• Comment révoquer l'accès à un site Web tiers sur Facebook, Twitter et Google

• Comment activer Developer Mode sur Discord pour PC and Web

• Refresh Web Pages Automatically dans votre Browser

• Comment installer Office Web apps comme PWA sur Windows 10

• Comment partager et republier des images sur Instagram

• Top 10 anonymes Web Browsers pour Private Browsing

• 13 Best IFTTT Applets (Formerly Recipes) pour automatiser votre Online Life

• Comment 08918094 en Your Web Browser