Η πλατφόρμα Discord είναι ιδανική για τη δημιουργία μιας κοινότητας μαζί στο διαδίκτυο, αλλά απαιτεί από τα μέλη σας να ανοίξουν το ίδιο το Discord για να χρησιμοποιήσουν την πλατφόρμα—ή το κάνει; Χάρη στα γραφικά στοιχεία Discord , μπορείτε να ενσωματώσετε το Discord στον δικό σας ιστότοπο, επιτρέποντας στους χρήστες να βλέπουν ποιος είναι συνδεδεμένος στο διακομιστή Discord^{(your Discord server)} , να δημοσιεύουν μηνύματα απευθείας και πολλά άλλα.

Υπάρχουν μερικοί τρόποι με τους οποίους μπορείτε να προσθέσετε ένα γραφικό στοιχείο διακομιστή Discord στον ιστότοπό σας . ^(Discord)Ο ευκολότερος τρόπος είναι να χρησιμοποιήσετε το δικό σας σύστημα widget του Discord , αλλά αυτό είναι αρκετά βασικό. Εάν χρειάζεστε κάτι πιο προηγμένο, ίσως χρειαστεί να δείτε μια εναλλακτική λύση τρίτου μέρους, όπως το WidgetBot^(WidgetBot) . Εδώ είναι τι πρέπει να γνωρίζετε για να προσθέσετε ένα γραφικό στοιχείο Discord στον ιστότοπό σας.

Τι είναι το Discord Widget και πώς μπορεί να χρησιμοποιηθεί;^{(What Is a Discord Widget and How Can It Be Used?)}

Ένα γραφικό στοιχείο Discord είναι μια ενσωματωμένη έκδοση του προγράμματος -πελάτη Discord που μπορείτε να ενσωματώσετε σε σελίδες σε έναν ιστότοπο. Ανάλογα με τον τύπο του γραφικού στοιχείου που χρησιμοποιείτε, αυτό μπορεί να εμφανίζει τα μέλη και τη λίστα καναλιών σας, να παρέχει μια γρήγορη σύνδεση πρόσκλησης σε νέους χρήστες και να επιτρέπει στους χρήστες να συνομιλούν απευθείας χωρίς να επισκεφτούν τον ιστότοπο Discord ή να χρησιμοποιούν τον πελάτη.

Το ενσωματωμένο widget είναι ένα διαφημιστικό εργαλείο για τον διακομιστή σας, που σας επιτρέπει να επιδεικνύετε τα μέλη σας και να αποκτάτε νέα μέσω του ιστότοπού σας. Ωστόσο, δεν σας επιτρέπει να στέλνετε μηνύματα ή να αλληλεπιδράτε με τον διακομιστή, εκτός από τη συμμετοχή σας χρησιμοποιώντας τον ενσωματωμένο σύνδεσμο πρόσκλησης.

Εάν θέλετε να χρησιμοποιήσετε ένα πιο προηγμένο γραφικό στοιχείο, μπορείτε να χρησιμοποιήσετε μια εναλλακτική λύση τρίτου μέρους που ονομάζεται WidgetBot . Το WidgetBot^(WidgetBot) μοιάζει σχεδόν ακριβώς με το πρόγραμμα-πελάτη Discord , επιτρέποντας στους χρήστες να συνδέονται, να στέλνουν μηνύματα, να κάνουν εναλλαγή μεταξύ καναλιών και να χρησιμοποιούν ό,τι έχει να προσφέρει το Discord —όλα μέσα σε ένα ενσωματωμένο widget στον ιστότοπό σας.

Ενώ η διαδικασία εγκατάστασης για το WidgetBot είναι λίγο πιο περίπλοκη, προσφέρει μια πιο λειτουργική εναλλακτική στους χρήστες από το σύστημα widget του Discord. Και οι δύο τύποι γραφικών στοιχείων επιτρέπουν στους κατόχους διακομιστών να διαφημίζουν γρήγορα τον διακομιστή τους σε νέους χρήστες, ωστόσο, καθιστώντας τον καλύτερη εναλλακτική από το Slack^{(alternative than Slack)} , το οποίο δεν προσφέρει παρόμοιες δυνατότητες μάρκετινγκ.

Ενσωμάτωση ενός τυπικού γραφικού στοιχείου διακομιστή Discord^{(Embedding a Standard Discord Server Widget)}

Υπάρχουν δύο στάδια για την προσθήκη ενός τυπικού γραφικού στοιχείου διακομιστή Discord στον ιστότοπό σας . ^(Discord)Θα πρέπει πρώτα να ενεργοποιήσετε το γραφικό στοιχείο και, στη συνέχεια, να αντιγράψετε τον κώδικα HTML που δημιουργείται αυτόματα από τις ρυθμίσεις διακομιστή του Discord για να τον ενσωματώσετε στον ιστότοπό σας.

1. Για να ξεκινήσετε, ανοίξτε τον ιστότοπο Discord ή τον υπολογιστή-πελάτη υπολογιστή και συνδεθείτε και, στη συνέχεια, επιλέξτε τον διακομιστή σας από τα εικονίδια διακομιστή στα αριστερά. Επιλέξτε το όνομα του διακομιστή σας στην κορυφή της λίστας καναλιών και, στη συνέχεια, επιλέξτε Ρυθμίσεις διακομιστή^{(Server Settings)} από το αναπτυσσόμενο μενού.

1. Στο μενού ρυθμίσεων Discord , επιλέξτε Γραφικό στοιχείο^(Widget) . Για να ενεργοποιήσετε το widget στον διακομιστή σας, επιλέξτε το ρυθμιστικό Enable Server Widget , τοποθετώντας το στη θέση On (με πράσινο).

1. Με το γραφικό στοιχείο διακομιστή ενεργοποιημένο για τον διακομιστή σας, μπορείτε τώρα να αντιγράψετε τον απαραίτητο κώδικα HTML για να τον ενσωματώσετε στον ιστότοπό σας. Κάντε κύλιση^(Scroll) προς τα κάτω στο κάτω μέρος του μενού Widget και, στη συνέχεια, επιλέξτε ^(Widget)Αντιγραφή^{(Copy )} στο πλαίσιο κώδικα Premade Widget .

Αφού αντιγράψετε το απόσπασμα κώδικα που περιέχει το προκατασκευασμένο γραφικό στοιχείο Discord , μπορείτε στη συνέχεια να το ενσωματώσετε στον κώδικα του ιστότοπού σας. Το γραφικό στοιχείο θα επιτρέπει στους χρήστες να δουν τη λίστα ενεργών μελών και να εγγραφούν στον διακομιστή σας. Ωστόσο, εάν χρειάζεστε ένα πιο προηγμένο γραφικό στοιχείο, θα χρειαστεί να χρησιμοποιήσετε το WidgetBot^(WidgetBot) .

Δημιουργία προσαρμοσμένων γραφικών στοιχείων Discord χρησιμοποιώντας το WidgetBot^{(Creating Custom Discord Widgets Using WidgetBot)}

Το widget του Discord^(Discord) είναι ένας πολύ καλός τρόπος για να προσθέσετε έναν πιο προηγμένο σύνδεσμο πρόσκλησης στον διακομιστή σας, αλλά εκτός από την επίδειξη της λίστας μελών σας, δεν προσφέρει πολλά άλλα. Εάν θέλετε να ενσωματώσετε μια (σχεδόν) πλήρως λειτουργική έκδοση του προγράμματος -πελάτη Discord στον ιστότοπό σας, μπορείτε να χρησιμοποιήσετε το WidgetBot^(WidgetBot) για να το κάνετε.

Το WidgetBot^(WidgetBot) είναι μια πλήρως ενσωματωμένη έκδοση του Discord που μπορείτε να προσαρμόσετε στις ανάγκες σας. Μέγεθος, λειτουργικότητα, υποστήριξη καναλιού, συνδρομές επισκεπτών και άλλα—όλα μπορούν να χρησιμοποιηθούν σε ένα γραφικό στοιχείο WidgetBot στον ιστότοπό σας για να προσελκύσετε νέους χρήστες και να συνομιλήσετε μαζί τους απευθείας χωρίς να χρειάζεται να επισκεφτείτε τον ιστότοπο Discord ή να χρησιμοποιήσετε την εφαρμογή πελάτη.

Ορισμένες λειτουργίες, όπως κανάλια μόνο για ανάγνωση και προσαρμοσμένα θέματα γραφικών στοιχείων, απαιτούν συνδρομή επί πληρωμή. Ωστόσο, οι βασικές λειτουργίες (συμπεριλαμβανομένης της αποστολής μηνυμάτων και της απευθείας σύνδεσης στον διακομιστή) υποστηρίζονται δωρεάν.

Προσθήκη WidgetBot στον διακομιστή σας^{(Adding WidgetBot to Your Server)}

Για να ξεκινήσετε, θα χρειαστεί να προσθέσετε το ίδιο το WidgetBot στον διακομιστή σας. Το WidgetBot^(WidgetBot) λειτουργεί προσθέτοντας το bot WidgetBot στον διακομιστή σας, επομένως θα πρέπει να το κάνετε πρώτα.

1. Ανοίξτε τον σύνδεσμο πρόσκλησης WidgetBot^{(WidgetBot invitation link)} και συνδεθείτε στο Discord για να συνεχίσετε. Θα χρειαστεί να επιλέξετε τον διακομιστή σας από τη λίστα και, στη συνέχεια, να επιλέξετε Συνέχεια^(Continue) για να συνεχίσετε.

1. Στο επόμενο στάδιο, θα ερωτηθείτε ποια δικαιώματα θέλετε να εκχωρήσετε στο WidgetBot . Αφήστε^(Leave) όλα τα πλαίσια ελέγχου ενεργοποιημένα και, στη συνέχεια, επιλέξτε Εξουσιοδότηση^(Authorize) για να συνεχίσετε. Επιστρέψτε στον διακομιστή σας μόλις ολοκληρωθεί αυτή η διαδικασία.

Ενσωμάτωση WidgetBot στον ιστότοπό σας^{(Embedding WidgetBot on Your Website)}

Μόλις το WidgetBot^(WidgetBot) εκτελείται στον διακομιστή σας, μπορείτε στη συνέχεια να προχωρήσετε στην προσθήκη ενός γραφικού στοιχείου WidgetBot στον ιστότοπό σας. Υπάρχουν διάφοροι τύποι γραφικών στοιχείων που μπορείτε να χρησιμοποιήσετε, αλλά ο απλούστερος τρόπος για να προσθέσετε ένα βασικό γραφικό στοιχείο είναι να χρησιμοποιήσετε την εντολή ??crate στον διακομιστή σας.

Αυτό δημιουργεί ένα απόσπασμα κώδικα HTML που μπορείτε εύκολα να ενσωματώσετε στις ιστοσελίδες σας, δημιουργώντας ένα εικονίδιο συνομιλίας Discord στην κάτω δεξιά γωνία. Αφού το πατήσετε, ανοίγει ένα μικρό (και πλήρως λειτουργικό) πρόγραμμα-πελάτη Discord για τους χρήστες ιστού σας.

1. Για να ξεκινήσετε, ανοίξτε τον ιστότοπο ή τον πελάτη Discord και επιλέξτε τον διακομιστή σας από τη λίστα στα αριστερά. Σε ένα κατάλληλα ιδιωτικό κανάλι στον διακομιστή σας που περιέχει το bot WidgetBot , πληκτρολογήστε ??crate στο πλαίσιο μηνύματος και, στη συνέχεια, στείλτε το μήνυμα.

1. Η αποστολή ??crate στον διακομιστή σας θα κάνει το bot να δημιουργήσει αυτόματα ένα απόσπασμα κώδικα HTML που μπορείτε να ενσωματώσετε. Επιλέξτε τον κωδικό από το μήνυμα και, στη συνέχεια, κάντε δεξί κλικ^{(right-click)} > Αντιγραφή^(Copy) ή επιλέξτε Ctrl + C στο πληκτρολόγιό σας.

1. Με τον κώδικα να αντιγραφεί στο πρόχειρό σας, επικολλήστε τον κώδικα στο HTML του ιστότοπού σας και δημοσιεύστε τον. Ο ίδιος ο κώδικας θα δημιουργήσει ένα εικονίδιο Discord στην κάτω δεξιά γωνία—επιλέξτε αυτό για προβολή και αλληλεπίδραση με το γραφικό στοιχείο, συμπεριλαμβανομένης της δημοσίευσης μηνυμάτων απευθείας στον διακομιστή σας.

Εάν προτιμάτε να χρησιμοποιήσετε διαφορετικό τύπο γραφικού στοιχείου WidgetBot , μπορείτε να μάθετε περισσότερα για κάθε τύπο γραφικού στοιχείου, συμπεριλαμβανομένου του τρόπου δημιουργίας και ενσωμάτωσής τους στον ιστότοπό σας, μεταβαίνοντας στον ιστότοπο τεκμηρίωσης του WidgetBot^{(WidgetBot documentation website)} .

Χρήση γραφικών στοιχείων Discord^{(Making Use of Discord Widgets)}

Ένα γραφικό στοιχείο διακομιστή Discord είναι ένας καλός τρόπος για να διαφημίσετε την κοινότητά σας σε νέους επισκέπτες στον ιστότοπό σας, δίνοντάς σας έναν άλλο τρόπο για να αυξήσετε τη συνδρομή. Αφού δημιουργήσετε τον διακομιστή σας, μπορείτε να σκεφτείτε πώς να χρησιμοποιήσετε αποτελεσματικά το Discord . Μπορείτε να ξεκινήσετε προσθέτοντας bots στον διακομιστή σας^{(adding bots to your server)} για να αυξήσετε τη λειτουργικότητα, από μουσικά ρομπότ^{(music bots)} έως μέτρο^(moderation) .

Ωστόσο, εάν αντιμετωπίζετε προβλήματα με το Discord , υπάρχουν λύσεις. Για παράδειγμα, σφάλματα όπως ένα μοιραίο σφάλμα Javascript του Discord^{(Discord fatal Javascript error)} μπορούν συνήθως να διορθωθούν με επανεγκατάσταση της εφαρμογής, ενώ τα προβλήματα σύνδεσης του Discord^{(Discord connection issues)} θα μπορούσαν να υποδηλώνουν πρόβλημα με τις ρυθμίσεις DNS . Υπάρχει μια σειρά από εναλλακτικές λύσεις Discord^{(Discord alternatives)} που μπορείτε να δοκιμάσετε, επίσης, εάν εξακολουθείτε να αντιμετωπίζετε προβλήματα.

How to Add a Discord Widget to Your Website

The Discord plаtform is perfect for creating a community together online, but it requires your members to open Discord itself to uѕe the platform—or does it? Thanks to Discord widgets, you can embed Discord into your own site, allowing users to sеe 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 αποδεδειγμένοι τρόποι για να αυξήσετε την επισκεψιμότητα του ιστότοπου

• Δημιουργήστε γρήγορα έναν προσωπικό ιστότοπο χρησιμοποιώντας το Google Sites

• Πώς να δημιουργήσετε τον δικό σας ιστότοπο που μοιάζει με Twitter χρησιμοποιώντας το θέμα P2 του WordPress

• Κορυφαία 10 μέρη για να βρείτε δωρεάν εικόνες και βίντεο HD για τον ιστότοπό σας

• Φτηνή και αξιόπιστη φιλοξενία ιστοσελίδων για μικρές επιχειρήσεις

• Πώς να κάνετε τέχνη καναλιού YouTube

• 8 βήματα για να συμμορφωθείτε με το GDPR με τον ιστότοπό σας

• Οι καλύτερες συμβουλές και κόλπα για το WhatsApp Web που μπορείτε να χρησιμοποιήσετε

• Πώς να μάθετε ποιος φιλοξενεί έναν ιστότοπο (Εταιρεία φιλοξενίας Ιστού)

• Πώς να εντοπίσετε κάποιον χρησιμοποιώντας διαδικτυακές πηγές

• Οδηγός Google Drawings, συμβουλές και κόλπα

• 7-PDF Website Converter: Μετατροπή ιστοσελίδων σε PDF

• Πώς να ενεργοποιήσετε προσωρινά τα αναδυόμενα παράθυρα στο πρόγραμμα περιήγησής σας

• 3 λογαριασμοί bot που θα σας βοηθήσουν να αποθηκεύσετε περιεχόμενο από το Twitter

• Πώς να κατεβάσετε πλήρεις λίστες αναπαραγωγής YouTube

• 7 Τεχνικές συμβουλές βελτιστοποίησης SEO για οποιονδήποτε ιστότοπο

• Πώς να εκτελέσετε μια επίθεση DDoS σε έναν ιστότοπο χρησιμοποιώντας CMD

• Τι είναι η αντίστροφη αναζήτηση εικόνων και πώς να τη χρησιμοποιήσετε

• Σε ποιον ανήκει το Διαδίκτυο; Επεξήγηση της Αρχιτεκτονικής Ιστού

• Η απόλυτη λίστα με συμβουλές, εισβολές και συντομεύσεις YouTube