แพลตฟอร์มDiscordนั้นสมบูรณ์แบบสำหรับการสร้างชุมชนร่วมกันทางออนไลน์ แต่สมาชิกของคุณต้องเปิดDiscordเองเพื่อใช้แพลตฟอร์ม—หรือไม่? ด้วย วิดเจ็ต DiscordคุณสามารถฝังDiscordลงในไซต์ของคุณเอง ให้ผู้ใช้ดูว่าใครออนไลน์อยู่บนเซิร์ฟเวอร์ Discord ของคุณ^{(your Discord server)}โพสต์ข้อความโดยตรง และอื่นๆ

คุณสามารถเพิ่มวิดเจ็ตเซิร์ฟเวอร์Discord ลงในไซต์ของคุณได้สองสามวิธี ^(Discord)วิธีที่ง่ายที่สุดคือการใช้ ระบบวิดเจ็ตของ Discordแต่วิธีนี้ค่อนข้างพื้นฐาน หากคุณต้องการขั้นสูงกว่านี้ คุณอาจต้องพิจารณาทางเลือก ของบริษัทอื่น เช่นWidgetBot นี่คือสิ่งที่คุณจำเป็นต้องรู้เพื่อเพิ่ม วิดเจ็ต Discordลงในเว็บไซต์ของคุณ

Discord Widget คืออะไรและจะใช้งานได้อย่างไร?^{(What Is a Discord Widget and How Can It Be Used?)}

วิดเจ็ ตDiscordเป็นเวอร์ชันฝังตัวของ ไคลเอ็นต์ Discordที่คุณสามารถรวมเข้ากับหน้าต่างๆ บนเว็บไซต์ได้ ขึ้นอยู่กับประเภทของวิดเจ็ตที่คุณใช้ สิ่งนี้สามารถแสดงสมาชิกและรายการช่องของคุณ ระบุลิงก์เชิญอย่างรวดเร็วให้กับผู้ใช้ใหม่ และอนุญาตให้ผู้ใช้สนทนาโดยตรงโดยไม่ต้องไปที่ เว็บไซต์ Discordหรือใช้ไคลเอนต์

วิดเจ็ตในตัวเป็นเครื่องมือโฆษณาสำหรับเซิร์ฟเวอร์ของคุณ ช่วยให้คุณสามารถอวดสมาชิกของคุณและรับสมาชิกใหม่ผ่านไซต์ของคุณ อย่างไรก็ตาม ไม่อนุญาตให้คุณส่งข้อความหรือโต้ตอบกับเซิร์ฟเวอร์ นอกเหนือจากการเข้าร่วมโดยใช้ลิงก์เชิญที่ผสานรวม

หากคุณต้องการใช้วิดเจ็ตขั้นสูง คุณสามารถใช้ทางเลือกของบริษัทอื่นที่เรียกว่าWidgetBot WidgetBotมีลักษณะคล้ายกับ ไคลเอ็นต์ Discord แทบทุกประการ ทำให้ผู้ใช้สามารถลงชื่อเข้าใช้ ส่งข้อความ สลับระหว่างแชนเนล และใช้ทุกอย่างที่Discordมีให้ ทั้งหมดนี้อยู่ในวิดเจ็ตที่ฝังไว้บนไซต์ของคุณ

แม้ว่าขั้นตอนการตั้งค่าสำหรับWidgetBotจะซับซ้อนกว่าเล็กน้อย แต่ก็มีทางเลือกที่ใช้งานได้ดีกว่าผู้ใช้มากกว่าระบบวิดเจ็ตของ Discord วิดเจ็ตทั้งสองประเภทช่วยให้เจ้าของเซิร์ฟเวอร์โฆษณาเซิร์ฟเวอร์ของตนกับผู้ใช้ใหม่ได้อย่างรวดเร็ว อย่างไรก็ตาม ทำให้เป็นทางเลือกที่ดีกว่า Slack^{(alternative than Slack)}ซึ่งไม่มีคุณลักษณะทางการตลาดที่คล้ายคลึงกัน

การฝังวิดเจ็ตเซิร์ฟเวอร์ Discord มาตรฐาน^{(Embedding a Standard Discord Server Widget)}

มีสองขั้นตอนในการเพิ่มวิดเจ็ตเซิร์ฟเวอร์Discord มาตรฐานในเว็บไซต์ของคุณ ^(Discord)คุณต้องเปิดใช้งานวิดเจ็ตก่อน จากนั้นจึงคัดลอกโค้ด HTML^(HTML) ที่สร้างอัตโนมัติ จาก การตั้งค่าเซิร์ฟเวอร์ของ Discordเพื่อฝังลงในเว็บไซต์ของคุณ

1. ในการเริ่มต้น ให้เปิด เว็บไซต์ Discordหรือไคลเอนต์เดสก์ท็อปแล้วลงชื่อเข้าใช้ จากนั้นเลือกเซิร์ฟเวอร์ของคุณจากไอคอนเซิร์ฟเวอร์ทางด้านซ้าย เลือกชื่อเซิร์ฟเวอร์ของคุณที่ด้านบนของรายการช่อง จากนั้นเลือกการตั้งค่าเซิร์ฟเวอร์^{(Server Settings)}จากเมนูแบบเลื่อนลง

1. ใน เมนูการตั้งค่า Discordให้เลือกWidget ในการเปิดใช้งานวิดเจ็ตบนเซิร์ฟเวอร์ของคุณ ให้เลือก แถบเลื่อน Enable Server Widgetโดยวางไว้ใน ตำแหน่ง เปิด^(On) (สีเขียว)

1. ด้วยวิดเจ็ตเซิร์ฟเวอร์ที่เปิดใช้งานสำหรับเซิร์ฟเวอร์ของคุณ ตอนนี้คุณสามารถคัดลอกโค้ด HTML^(HTML) ที่จำเป็น เพื่อฝังลงในเว็บไซต์ของคุณ เลื่อน^(Scroll)ลงไปที่ด้านล่างของ เมนู Widgetจากนั้นเลือกCopyในกล่องรหัสPremade Widget

เมื่อคุณคัดลอกข้อมูลโค้ดที่มี วิดเจ็ต Discord ที่สร้างไว้ล่วงหน้า แล้ว คุณสามารถรวมเข้ากับโค้ดเว็บไซต์ของคุณได้ วิดเจ็ตจะอนุญาตให้ผู้ใช้ดูรายชื่อสมาชิกที่ใช้งานอยู่และลงทะเบียนกับเซิร์ฟเวอร์ของคุณ อย่างไรก็ตาม หากคุณต้องการวิดเจ็ตขั้น สูงคุณจะต้องใช้WidgetBot

การสร้างวิดเจ็ต Discord แบบกำหนดเองโดยใช้ WidgetBot^{(Creating Custom Discord Widgets Using WidgetBot)}

วิดเจ็ตของ Discord^(Discord)เป็นวิธีที่ยอดเยี่ยมในการเพิ่มลิงก์คำเชิญขั้นสูงไปยังเซิร์ฟเวอร์ของคุณ แต่นอกเหนือจากการแสดงรายชื่อสมาชิกแล้ว วิดเจ็ตนี้ไม่ได้ให้บริการอะไรมาก หากคุณต้องการผสานรวมไคลเอ็นต์Discord เวอร์ชันที่ใช้งานได้เต็มรูปแบบ (ใกล้เคียง) เข้ากับเว็บไซต์ของคุณ คุณสามารถใช้ ^(Discord)WidgetBotเพื่อทำสิ่งนี้ได้

WidgetBot เป็น ^(WidgetBot)Discordเวอร์ชันที่ฝังไว้อย่างสมบูรณ์ซึ่งคุณสามารถปรับแต่งให้เข้ากับความต้องการของคุณได้ ขนาด ฟังก์ชันการทำงาน การสนับสนุนช่อง การเป็นสมาชิกของแขก และอื่นๆ—ทั้งหมดนี้สามารถใช้ใน วิดเจ็ต WidgetBotบนไซต์ของคุณเพื่อดึงดูดผู้ใช้ใหม่และสนทนากับพวกเขาโดยตรงโดยไม่ต้องไปที่ เว็บไซต์ Discordหรือใช้แอพไคลเอนต์

คุณลักษณะบางอย่าง เช่น ช่องแบบอ่านอย่างเดียวและธีมวิดเจ็ตที่กำหนดเอง จำเป็นต้องมีการเป็นสมาชิกแบบชำระเงิน อย่างไรก็ตาม คุณสมบัติหลัก (รวมถึงการส่งข้อความและการเข้าร่วมเซิร์ฟเวอร์โดยตรง) ได้รับการสนับสนุนฟรี

การเพิ่ม WidgetBot ให้กับเซิร์ฟเวอร์ของคุณ^{(Adding WidgetBot to Your Server)}

ในการเริ่มต้น คุณจะต้องเพิ่ม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 ขนาดเล็ก (และทำงานได้อย่างสมบูรณ์) สำหรับผู้ใช้เว็บของคุณ

1. ในการเริ่มต้น ให้เปิด เว็บไซต์หรือไคลเอนต์ Discordแล้วเลือกเซิร์ฟเวอร์ของคุณจากรายการทางด้านซ้าย ในช่องส่วนตัวที่เหมาะสมบนเซิร์ฟเวอร์ของคุณที่มีบอทWidgetBot ให้พิมพ์ ^{(WidgetBot )}??crateลงในกล่องข้อความ แล้วส่งข้อความ

1. การ ส่ง??crateในเซิร์ฟเวอร์ของคุณจะทำให้บอทสร้าง ข้อมูลโค้ด HTML โดยอัตโนมัติ ซึ่งคุณสามารถฝังได้ เลือกรหัสจากข้อความ จากนั้นคลิกขวา^{(right-click)} > คัดลอก^(Copy)หรือเลือกCtrl + Cบนแป้นพิมพ์ของคุณ

1. เมื่อคัดลอกโค้ดไปยังคลิปบอร์ดแล้ว ให้วางโค้ดลงในHTML ของเว็บไซต์ของคุณ แล้วเผยแพร่ โค้ดจะสร้าง ไอคอน Discordที่ด้านล่างขวา เลือกตัวเลือกนี้เพื่อดูและโต้ตอบกับวิดเจ็ต รวมถึงการโพสต์ข้อความไปยังเซิร์ฟเวอร์ของคุณโดยตรง

หากคุณต้องการใช้ วิดเจ็ต WidgetBot ประเภท อื่น คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับวิดเจ็ตแต่ละประเภท รวมถึงวิธีสร้างและฝังวิดเจ็ตลงในเว็บไซต์ของคุณ โดยไปที่ เว็บไซต์เอกสารประกอบ ของWidgetBot^{(WidgetBot documentation website)}

ใช้ประโยชน์จากวิดเจ็ตที่ไม่ลงรอยกัน^{(Making Use of Discord Widgets)}

วิดเจ็ตเซิร์ฟเวอร์ Discord^(Discord)เป็นวิธีที่ดีในการโฆษณาชุมชนของคุณกับผู้เยี่ยมชมใหม่ ๆ ที่มายังเว็บไซต์ของคุณ ซึ่งเป็นอีกวิธีหนึ่งในการเพิ่มสมาชิกภาพ เมื่อคุณสร้างเซิร์ฟเวอร์ของคุณแล้ว คุณสามารถนึกถึงวิธีใช้Discordได้อย่างมีประสิทธิภาพ คุณสามารถเริ่มต้นด้วยการเพิ่มบอทในเซิร์ฟเวอร์ของคุณ^{(adding bots to your server)}เพื่อเพิ่มฟังก์ชันการทำงาน ตั้งแต่บอทเพลง^{(music bots)}ไปจนถึงการควบคุม^(moderation)

หากคุณประสบปัญหากับDiscordมีวิธีแก้ไข ตัวอย่างเช่น ข้อผิดพลาดเช่นข้อผิดพลาด Javascript ร้ายแรงของ Discord^{(Discord fatal Javascript error)}สามารถแก้ไขได้โดยการติดตั้งแอปใหม่ ในขณะที่ปัญหาการเชื่อมต่อ Discord^{(Discord connection issues)}อาจชี้ไปที่ปัญหากับ การ ตั้งค่าDNS ของคุณ ^(DNS)มีทางเลือก Discord^{(Discord alternatives)} มากมายที่ คุณสามารถลองใช้ได้เช่นกัน หากคุณยังมีปัญหาอยู่

How to Add a Discord Widget to Your Website

The Discord platform is perfect for creаtіng a community together online, but it requіres your members to open Diѕcord itself to use the platform—or dоes it? Thanks to Discord widgets, you can embed Discord into уour 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 ถึง Increase Website Traffic

• สร้างเว็บไซต์ส่วนตัวอย่างรวดเร็วโดยใช้ Google Sites

• วิธีตั้งค่าเว็บไซต์ที่เหมือน Twitter ของคุณเองโดยใช้ธีม P2 ของ WordPress

• 10 อันดับแรกในการค้นหารูปภาพและวิดีโอ HD ฟรีสำหรับเว็บไซต์ของคุณ

• โฮสติ้งเว็บไซต์ราคาถูกและเชื่อถือได้สำหรับธุรกิจขนาดเล็ก

• Wix Vs Squarespace: เครื่องมือออกแบบเว็บตัวไหนดีกว่ากัน?

• วิธีการติดตั้ง Office Web apps เป็น PWA บน Windows 10

• วิธีสร้างเว็บไซต์ Wiki ของคุณเอง

• 8 Best WhatsApp Web Tips & Tricks?

• วิธีค้นหาว่าใครเป็นโฮสต์เว็บไซต์ (บริษัท เว็บโฮสติ้ง)

• Best WhatsApp Web tips & tricks คุณสามารถใช้

• 10 ปลั๊กอิน WordPress ที่จำเป็นสำหรับเว็บไซต์ธุรกิจขนาดเล็ก

• OTT อธิบาย: Drupal คืออะไร?

• Google Drawings Tutorial, Tips and Tricks

• วิธีสร้างภาพขนาดย่อ YouTube ที่ยอดเยี่ยมสำหรับวิดีโอของคุณ

• 8 ขั้นตอนในการปฏิบัติตาม GDPR กับเว็บไซต์ของคุณ

• 13 Best IFTTT Applets (Formerly Recipes) เพื่อทำให้เป็นไปโดยอัตโนมัติ Online Life

• วิธีตั้งค่าร้านอีคอมเมิร์ซอย่างรวดเร็วและง่ายดาย

• Custom Domain and How คืออะไรที่จะตั้งค่าหนึ่ง

• วิธีเพิกถอนการเข้าถึงเว็บไซต์ของบุคคลที่สามบน Facebook, Twitter & Google