تعتبر منصة Discord مثالية لإنشاء مجتمع معًا عبر الإنترنت ، ولكنها تتطلب من أعضائك فتح Discord نفسها لاستخدام النظام الأساسي - أم يفعل ذلك؟ بفضل أدوات Discord ، يمكنك تضمين Discord في موقعك الخاص ، مما يسمح للمستخدمين بمعرفة المتصلين على خادم Discord الخاص بك^{(your Discord server)} ، ونشر الرسائل مباشرة ، والمزيد.

هناك عدة طرق يمكنك من خلالها إضافة عنصر واجهة مستخدم خادم Discord إلى موقعك. أسهل طريقة هي استخدام نظام عناصر واجهة المستخدم الخاص بـ Discord ، ولكن هذا أساسي تمامًا. إذا كنت بحاجة إلى شيء أكثر تقدمًا ، فقد تحتاج إلى النظر إلى بديل تابع لجهة خارجية مثل WidgetBot . إليك ما ستحتاج إلى معرفته لإضافة أداة Discord إلى موقع الويب الخاص بك.

ما هي أداة الفتنة وكيف يمكن استخدامها؟^{(What Is a Discord Widget and How Can It Be Used?)}

أداة Discord هي نسخة مضمنة من عميل Discord يمكنك دمجها في صفحات على موقع ويب. اعتمادًا على نوع عنصر واجهة المستخدم الذي تستخدمه ، يمكن أن يُظهر هذا أعضائك وقائمة القنوات ، ويوفر رابط دعوة سريعًا للمستخدمين الجدد ، ويسمح للمستخدمين بالدردشة مباشرة دون زيارة موقع Discord على الويب أو استخدام العميل.

الأداة المدمجة هي أداة إعلان لخادمك ، مما يسمح لك بإظهار أعضائك واكتساب أعضاء جدد من خلال موقعك. ومع ذلك ، فإنه لا يسمح لك بإرسال رسائل أو التفاعل مع الخادم ، بخلاف الانضمام إليه باستخدام رابط الدعوة المدمج.

إذا كنت ترغب في استخدام عنصر واجهة مستخدم أكثر تقدمًا ، فيمكنك استخدام بديل تابع لجهة خارجية يسمى WidgetBot . يبدو WidgetBot^(WidgetBot) تمامًا مثل عميل Discord ، مما يسمح للمستخدمين بتسجيل الدخول وإرسال الرسائل والتبديل بين القنوات واستخدام كل ما يقدمه Discord - كل ذلك داخل عنصر واجهة مستخدم مضمّن على موقعك.

في حين أن عملية الإعداد لـ WidgetBot أكثر تعقيدًا بعض الشيء ، إلا أنها توفر بديلاً وظيفيًا أكثر للمستخدمين من نظام عناصر واجهة المستخدم الخاص بـ Discord. يسمح كلا النوعين من الأدوات لمالكي الخوادم بالإعلان بسرعة عن خادمهم للمستخدمين الجدد ، مما يجعله بديلاً أفضل من Slack^{(alternative than Slack)} ، الذي لا يقدم ميزات تسويقية مماثلة.

تضمين عنصر واجهة مستخدم خادم Discord قياسي^{(Embedding a Standard Discord Server Widget)}

هناك مرحلتان لإضافة عنصر واجهة مستخدم خادم Discord قياسي إلى موقع الويب الخاص بك. ستحتاج أولاً إلى تمكين الأداة ، ثم نسخ رمز HTML الذي تم إنشاؤه تلقائيًا من إعدادات خادم ^(HTML)Discord لتضمينه^(Discord) في موقع الويب الخاص بك.

1. للبدء ، افتح موقع Discord أو عميل سطح المكتب وقم بتسجيل الدخول ، ثم حدد الخادم الخاص بك من أيقونات الخادم على اليسار. حدد اسم الخادم الخاص بك في الجزء العلوي من قائمة القنوات ، ثم حدد إعدادات الخادم^{(Server Settings)} من القائمة المنسدلة.

1. في قائمة إعدادات Discord ، حدد ^(Discord)Widget . لتمكين عنصر واجهة المستخدم على الخادم الخاص بك ، حدد شريط التمرير Enable Server Widget ، وضعه في وضع^(On) التشغيل (باللون الأخضر).

1. مع تنشيط أداة الخادم لخادمك ، يمكنك الآن نسخ كود HTML الضروري لتضمينه في موقع الويب الخاص بك. قم بالتمرير^(Scroll) لأسفل إلى أسفل قائمة عنصر واجهة المستخدم^(Widget) ، ثم حدد نسخ^{(Copy )} في مربع رمز أداة Premade .^{(Premade Widget)}

بمجرد نسخ مقتطف الشفرة الذي يحتوي على أداة Discord المصممة مسبقًا^(Discord) ، يمكنك بعد ذلك دمجها في كود موقع الويب الخاص بك. تتيح الأداة للمستخدمين عرض قائمة الأعضاء النشطين والتسجيل في الخادم الخاص بك. ومع ذلك ، إذا كنت بحاجة إلى عنصر واجهة مستخدم أكثر تقدمًا ، فستحتاج إلى استخدام WidgetBot .

إنشاء عناصر واجهة مستخدم Discord مخصصة باستخدام WidgetBot^{(Creating Custom Discord Widgets Using WidgetBot)}

تعد أداة Discord^(Discord) طريقة رائعة لإضافة رابط دعوة أكثر تقدمًا إلى الخادم الخاص بك ، ولكن بخلاف التباهي بقائمة أعضائك ، فهي لا تقدم الكثير. إذا كنت ترغب في دمج إصدار (قريب) كامل الوظائف من عميل Discord في موقع الويب الخاص بك ، فيمكنك استخدام WidgetBot للقيام بذلك.

WidgetBot هو نسخة مضمنة بالكامل من Discord يمكنك تكييفها وفقًا لاحتياجاتك. الحجم والوظائف ودعم القناة وعضويات الضيوف والمزيد - يمكن استخدام كل ذلك في عنصر واجهة مستخدم WidgetBot على موقعك لجذب مستخدمين جدد والدردشة معهم مباشرةً دون الحاجة إلى زيارة موقع Discord على الويب أو استخدام تطبيق العميل.

تتطلب بعض الميزات ، مثل القنوات المخصصة للقراءة فقط وسمات الأدوات المخصصة ، عضوية مدفوعة. ومع ذلك ، يتم دعم الميزات الأساسية (بما في ذلك إرسال الرسائل والانضمام إلى الخادم مباشرة) مجانًا.

إضافة WidgetBot إلى الخادم الخاص بك^{(Adding WidgetBot to Your Server)}

للبدء ، ستحتاج إلى إضافة WidgetBot نفسه إلى خادمك. يعمل WidgetBot^(WidgetBot) عن طريق إضافة برنامج WidgetBot إلى خادمك ، لذلك ستحتاج إلى القيام بذلك أولاً.

1. افتح رابط دعوة WidgetBot وقم بتسجيل^{(WidgetBot invitation link)} الدخول إلى Discord للمتابعة. ستحتاج إلى تحديد الخادم الخاص بك من القائمة ، ثم تحديد متابعة^(Continue) للمتابعة.

1. في المرحلة التالية ، سيتم سؤالك عن الأذونات التي تريد منحها لـ WidgetBot . اترك^(Leave) جميع خانات الاختيار ممكّنة ، ثم حدد " تفويض^(Authorize) " للمتابعة. عد إلى الخادم الخاص بك بمجرد اكتمال هذه العملية.

تضمين WidgetBot على موقع الويب الخاص بك^{(Embedding WidgetBot on Your Website)}

بمجرد تشغيل WidgetBot على الخادم الخاص بك ، يمكنك المتابعة لإضافة عنصر واجهة مستخدم WidgetBot إلى موقع الويب الخاص بك. هناك عدة أنواع من عناصر واجهة المستخدم التي يمكنك استخدامها ، ولكن أبسط طريقة لإضافة عنصر واجهة مستخدم أساسي هي استخدام الأمر ؟؟ crate على الخادم الخاص بك.

يؤدي هذا إلى إنشاء مقتطف رمز HTML يمكنك تضمينه بسهولة في صفحات الويب الخاصة بك ، وإنشاء رمز دردشة Discord في الزاوية اليمنى السفلية. بمجرد الضغط عليه ، يفتح هذا عميل Discord^(Discord) صغيرًا (ويعمل بكامل طاقته) لمستخدمي الويب.

1. للبدء ، افتح موقع Discord أو العميل وحدد الخادم الخاص بك من القائمة الموجودة على اليسار. في قناة خاصة مناسبة على الخادم الخاص بك تحتوي على WidgetBot bot ، اكتب ؟؟ crate في مربع الرسالة ، ثم أرسل الرسالة.

1. سيؤدي إرسال صندوق في خادمك إلى قيام الروبوت تلقائيًا بإنشاء مقتطف رمز ^(??crate)HTML يمكنك تضمينه. حدد الرمز من الرسالة ، ثم انقر بزر الماوس الأيمن^{(right-click)} > نسخ^(Copy) أو حدد Ctrl + C على لوحة المفاتيح.

1. مع نسخ الرمز إلى الحافظة الخاصة بك ، الصق الرمز في موقع الويب الخاص بك HTML ونشره. سيقوم الرمز نفسه بإنشاء رمز Discord في أسفل اليمين — حدد هذا لعرض الأداة والتفاعل معها ، بما في ذلك إرسال الرسائل إلى الخادم الخاص بك مباشرةً.

إذا كنت تفضل استخدام نوع مختلف من عناصر واجهة المستخدم WidgetBot^(WidgetBot) ، فيمكنك معرفة المزيد حول كل نوع من عناصر واجهة المستخدم ، بما في ذلك كيفية إنشائها وتضمينها في موقع الويب الخاص بك ، عن طريق زيارة موقع توثيق WidgetBot^{(WidgetBot documentation website)} .

الاستفادة من أدوات Discord^{(Making Use of Discord Widgets)}

تعد أداة خادم Discord طريقة جيدة للإعلان عن مجتمعك للزوار الجدد لموقعك على الويب ، مما يمنحك طريقة أخرى لزيادة العضوية. بمجرد إنشاء الخادم الخاص بك ، يمكنك بعد ذلك التفكير في كيفية استخدام Discord بشكل فعال. يمكنك البدء بإضافة الروبوتات إلى الخادم الخاص بك^{(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 platform is perfect for сreating a communіty together online, but it requires your members to open Discord itsеlf to use the platform—or does it? Thanks tо Discord widgets, you cаn embed Discord intо your own ѕite, allowing users to see who’s onlіne 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

• أنشئ موقعًا شخصيًا بسرعة باستخدام مواقع Google

• كيفية إعداد موقع الويب الشبيه بالتويتر الخاص بك باستخدام سمة P2 الخاصة بـ WordPress

• أفضل 10 أماكن للعثور على صور ومقاطع فيديو عالية الدقة مجانية لموقعك على الويب

• استضافة مواقع رخيصة وموثوقة للشركات الصغيرة

• 13 Best IFTTT Applets (Formerly Recipes) لأتمتة Online Life

• أعلى 10 مجهول Web Browsers ل Private Browsing

• Google Drawings Tutorial، Tips and Tricks

• كيفية اكتشاف موقع ويب مزيف أو محاولة تصيد في موسم الأعياد هذا

• كيفية مشاركة وإعادة نشر الصور على Instagram

• Wix Vs Squarespace: ما هي أفضل أداة لتصميم الويب؟

• من يملك Internet؟ شرح Web Architecture

• كيفية تنزيل قوائم تشغيل يوتيوب كاملة

• 8 خطوات لتكون متوافقًا مع الناتج المحلي الإجمالي لموقعك على الويب

• Refresh Web Pages Automatically في Browser

• أفضل نصائح خصوصية Snapchat

• مراقبة مواقع الويب المخفية واتصالات الإنترنت

• كيفية إنشاء متجر للتجارة الإلكترونية بسرعة وسهولة

• القائمة النهائية للنصائح والاختصارات والاختصارات على YouTube

• كيف تراقب متى يتم تحديث موقع الويب