La plataforma Discord es perfecta para crear una comunidad juntos en línea, pero requiere que sus miembros abran Discord para usar la plataforma, ¿o no? Gracias a los widgets de Discord , puede incrustar Discord en su propio sitio, lo que permite a los usuarios ver quién está en línea en su servidor de Discord^{(your Discord server)} , publicar mensajes directamente y más.

Hay algunas formas de agregar un widget de servidor Discord a su sitio. ^(Discord)La forma más fácil es usar el propio sistema de widgets de Discord , pero esto es bastante básico. Si necesita algo más avanzado, es posible que deba buscar una alternativa de terceros como WidgetBot . Esto es lo que necesitará saber para agregar un widget de Discord a su sitio web.^(Discord)

¿Qué es un widget de Discord y cómo se puede utilizar?^{(What Is a Discord Widget and How Can It Be Used?)}

Un widget de Discord es una versión incrustada del cliente de Discord que puede integrar en las páginas de un sitio web. Según el tipo de widget que use, esto puede mostrar su lista de miembros y canales, proporcionar un enlace de invitación rápido a nuevos usuarios y permitir que los usuarios chateen directamente sin visitar el sitio web de Discord o usar el cliente.

El widget incorporado es una herramienta de publicidad para su servidor, lo que le permite mostrar a sus miembros y obtener nuevos a través de su sitio. Sin embargo, no le permite enviar mensajes o interactuar con el servidor, aparte de unirse a él mediante el enlace de invitación integrado.

Si desea utilizar un widget más avanzado, puede utilizar una alternativa de terceros llamada WidgetBot . WidgetBot se ve casi exactamente como el cliente Discord , lo que permite a los usuarios iniciar sesión, enviar mensajes, cambiar de canal y usar todo lo que Discord tiene para ofrecer, todo dentro de un widget integrado en su sitio.

Si bien el proceso de configuración de WidgetBot es un poco más complejo, ofrece una alternativa más funcional a los usuarios que el propio sistema de widgets de Discord. Sin embargo, ambos tipos de widgets permiten a los propietarios de servidores anunciar rápidamente su servidor a nuevos usuarios, lo que lo convierte en una mejor alternativa que Slack^{(alternative than Slack)} , que no ofrece funciones de marketing similares.

Incrustación de un widget de servidor Discord estándar^{(Embedding a Standard Discord Server Widget)}

Hay dos etapas para agregar un widget de servidor Discord estándar a su sitio web. ^(Discord)Primero deberá habilitar el widget, luego copiar el código HTML generado automáticamente desde la configuración del servidor de ^(HTML)Discord para incrustarlo en su sitio web.

1. Para comenzar, abra el sitio web de Discord o el cliente de escritorio e inicie sesión, luego seleccione su servidor de los íconos del servidor a la izquierda. Seleccione el nombre de su servidor en la parte superior de la lista de canales, luego seleccione Configuración^{(Server Settings)} del servidor en el menú desplegable.

1. En el menú de configuración de Discord , seleccione ^(Discord)Widget . Para habilitar el widget en su servidor, seleccione el control deslizante Habilitar widget de servidor y colóquelo en la posición de ^{(Enable Server Widget)}encendido^(On) (en verde).

1. Con el widget del servidor activado para su servidor, ahora puede copiar el código HTML necesario para incrustarlo en su sitio web. Desplácese^(Scroll) hacia abajo hasta la parte inferior del menú Widget , luego seleccione ^(Widget)Copiar^{(Copy )} en el cuadro de código de Widget prefabricado^{(Premade Widget)} .

Una vez que haya copiado el fragmento de código que contiene el widget Discord prefabricado, puede integrarlo en el código de su sitio web. El widget permitirá a los usuarios ver la lista de miembros activos y registrarse en su servidor. Sin embargo, si necesita un widget más avanzado, deberá usar WidgetBot .

Creación de widgets de Discord personalizados con WidgetBot^{(Creating Custom Discord Widgets Using WidgetBot)}

El widget de Discord^(Discord) es una excelente manera de agregar un enlace de invitación más avanzado a su servidor, pero además de mostrar su lista de miembros, no ofrece mucho más. Si desea integrar una versión (casi) completamente funcional del cliente Discord en su sitio web, puede usar WidgetBot para hacerlo.

WidgetBot es una versión totalmente integrada de Discord que puede adaptar a sus necesidades. El tamaño, la funcionalidad, el soporte del canal, las membresías de invitados y más, todo se puede usar en un widget de WidgetBot en su sitio para atraer nuevos usuarios y chatear con ellos directamente sin necesidad de visitar el sitio web de Discord o usar la aplicación del cliente.

Algunas funciones, como los canales de solo lectura y los temas de widgets personalizados, requieren una membresía paga. Sin embargo, las funciones principales (incluido el envío de mensajes y la unión directa al servidor) son compatibles de forma gratuita.

Agregar WidgetBot a su servidor^{(Adding WidgetBot to Your Server)}

Para comenzar, deberá agregar WidgetBot a su servidor. WidgetBot funciona agregando el bot WidgetBot a su servidor, por lo que primero deberá hacerlo.

1. Abra el enlace de invitación de WidgetBot^{(WidgetBot invitation link)} e inicie sesión en Discord para continuar. Deberá seleccionar su servidor de la lista, luego seleccione Continuar^(Continue) para continuar.

1. En la siguiente etapa, se le preguntará qué permisos desea otorgar a WidgetBot . Deje^(Leave) todas las casillas de verificación habilitadas, luego seleccione Autorizar^(Authorize) para continuar. Regrese a su servidor una vez que se complete este proceso.

Incrustación de WidgetBot en su sitio web^{(Embedding WidgetBot on Your Website)}

Una vez que WidgetBot se está ejecutando en su servidor, puede proceder a agregar un widget de WidgetBot a su sitio web. Hay varios tipos de widgets que puede usar, pero la forma más sencilla de agregar un widget básico es usar el comando ??crate en su servidor.

Esto genera un fragmento de código HTML que puede incrustar fácilmente en sus páginas web, creando un ícono de chat de Discord en la esquina inferior derecha. Una vez presionado, esto abre un cliente Discord pequeño (y completamente funcional) para sus usuarios web.

1. Para comenzar, abra el sitio web o el cliente de Discord y seleccione su servidor de la lista de la izquierda. En un canal privado adecuado en su servidor que contenga el bot WidgetBot , escriba ??crate en el cuadro de mensaje y luego envíe el mensaje.

1. Enviar ??crate en su servidor hará que el bot genere automáticamente un fragmento de código HTML que puede incrustar. Seleccione el código del mensaje, luego haga clic derecho^{(right-click)} > Copiar^(Copy) o seleccione Ctrl + C en su teclado.

1. Con el código copiado en su portapapeles, péguelo en el HTML de su sitio web y publíquelo. El código en sí creará un ícono de Discord en la parte inferior derecha; selecciónelo para ver e interactuar con el widget, incluida la publicación de mensajes en su servidor directamente.

Si prefiere usar un tipo diferente de widget de WidgetBot , puede obtener más información sobre cada tipo de widget, incluido cómo crearlos e integrarlos en su sitio web, visitando el sitio web de documentación de WidgetBot^{(WidgetBot documentation website)} .

Hacer uso de los widgets de Discord^{(Making Use of Discord Widgets)}

Un widget de servidor Discord es una buena manera de anunciar su comunidad a los nuevos visitantes de su sitio web, lo que le brinda otra forma de aumentar la membresía. Una vez que haya creado su servidor, puede pensar en cómo usar Discord de manera efectiva. Puede comenzar agregando bots a su servidor^{(adding bots to your server)} para aumentar la funcionalidad, desde bots de música^{(music bots)} hasta moderación^(moderation) .

Sin embargo, si tiene problemas con Discord , existen soluciones. Por ejemplo, los errores como un error grave de Javascript en Discord^{(Discord fatal Javascript error)} generalmente se pueden solucionar reinstalando la aplicación, mientras que los problemas de conexión de Discord^{(Discord connection issues)} podrían indicar un problema con la configuración de DNS . También hay una serie de alternativas de Discord^{(Discord alternatives)} que puede probar si todavía tiene problemas.

How to Add a Discord Widget to Your Website

The Discord platform is perfect for creating a community together оnline, but it requires your members to open Discord itself to use the platform—or does it? Thanks to Discоrd widgets, you can embed Discord into your own site, allowing users 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 a Increase Website Traffic

• Cree un sitio web personal rápidamente con Google Sites

• Cómo configurar su propio sitio web similar a Twitter usando el tema P2 de WordPress

• Los 10 mejores lugares para encontrar imágenes y videos HD gratuitos para su sitio web

• Alojamiento de sitios web económico y confiable para pequeñas empresas

• ¿Qué es un Custom Domain and How para configurar uno?

• Cómo hacer tu propio sitio wiki

• 3 cuentas de bot para ayudarte a guardar contenido de Twitter

• Comprobar la edad de un sitio web

• Cómo compartir y volver a publicar imágenes en Instagram

• Cómo Temporarily Enable Pop-ups EN Your Web Browser

• Wix Vs Squarespace: ¿Cuál es la mejor herramienta de diseño web?

• Cómo monitorear cuando se actualiza un sitio web

• La lista definitiva de consejos, trucos y accesos directos de YouTube

• 5 consejos para obtener más vistas en YouTube

• Cómo detectar un sitio web falso o un intento de phishing en esta temporada navideña

• Supervise el sitio web oculto y las conexiones a Internet

• 7 consejos de WordPress para un sitio web compatible con dispositivos móviles

• Qué es la búsqueda inversa de imágenes y cómo usarla

• Top 10 anónimos Web Browsers para Private Browsing