Как добавить виджет Discord на свой сайт

Платформа Discord идеально подходит для создания онлайн-сообщества, но она требует, чтобы ваши участники открыли сам Discord, чтобы использовать платформу – или не так ли? Благодаря виджетам Discord вы можете встроить Discord в свой собственный сайт, что позволит пользователям видеть, кто находится в сети на вашем сервере Discord, напрямую отправлять сообщения и т. Д.

Есть несколько способов добавить виджет сервера Discord на свой сайт. Самый простой способ – использовать собственную систему виджетов Discord, но это довольно просто. Если вам нужно что-то более продвинутое, вам может потребоваться сторонняя альтернатива, например WidgetBot. Вот что вам нужно знать, чтобы добавить виджет Discord на свой сайт.

Что такое виджет Discord и как его использовать?

Виджет Discord – это встроенная версия клиента Discord, которую можно интегрировать в страницы веб-сайта. В зависимости от типа используемого вами виджета, он может отображать ваших участников и список каналов, предоставлять ссылку для быстрого приглашения новым пользователям и позволять пользователям общаться в чате напрямую, не посещая веб-сайт Discord или не используя клиент.

Встроенный виджет – это рекламный инструмент для вашего сервера, позволяющий вам показывать своих участников и привлекать новых через ваш сайт. Однако он не позволяет вам отправлять сообщения или взаимодействовать с сервером, кроме как присоединиться к нему с помощью встроенной ссылки для приглашения.

Если вы хотите использовать более продвинутый виджет, вы можете использовать стороннюю альтернативу под названием WidgetBot. WidgetBot выглядит почти так же, как клиент Discord, позволяя пользователям входить в систему, отправлять сообщения, переключаться между каналами и использовать все, что предлагает Discord – и все это во встроенном виджете на вашем сайте.

Хотя процесс настройки WidgetBot немного сложнее, он предлагает пользователям более функциональную альтернативу, чем собственная система виджетов Discord. Оба типа виджетов позволяют владельцам серверов быстро рекламировать свой сервер новым пользователям, что, однако, делает его лучшей альтернативой, чем Slack, который не предлагает подобных маркетинговых функций.

Встраивание стандартного виджета сервера Discord

Добавление стандартного виджета сервера Discord на ваш сайт состоит из двух этапов. Сначала вам нужно включить виджет, а затем скопировать автоматически сгенерированный HTML-код из настроек сервера Discord, чтобы встроить его на свой веб-сайт.

1. Для начала откройте веб-сайт Discord или настольный клиент и войдите в систему, затем выберите свой сервер из значков серверов слева. Выберите имя своего сервера в верхней части списка каналов, затем выберите «Настройки сервера» в раскрывающемся меню.

2. В меню настроек Discord выберите Виджет. Чтобы включить виджет на сервере, выберите ползунок «Включить виджет сервера», поместив его в положение «Вкл.» (Выделено зеленым цветом).

3. Теперь, когда виджет сервера активирован для вашего сервера, вы можете скопировать необходимый HTML-код, чтобы встроить его на свой веб-сайт. Прокрутите вниз меню виджетов, затем выберите Копировать в поле Готовый код виджета.

Скопировав фрагмент кода, содержащий готовый виджет Discord, вы можете интегрировать его в код своего веб-сайта. Виджет позволит пользователям просматривать список активных участников и регистрироваться на вашем сервере. Однако если вам нужен более продвинутый виджет, вам нужно будет использовать WidgetBot.

Создание собственных виджетов Discord с помощью WidgetBot

Виджет Discord – отличный способ добавить более продвинутую ссылку-приглашение на ваш сервер, но кроме демонстрации вашего списка участников, он не предлагает ничего другого. Если вы хотите интегрировать (почти) полнофункциональную версию клиента Discord на свой веб-сайт, вы можете использовать для этого WidgetBot.

WidgetBot – это полностью встроенная версия Discord, которую вы можете адаптировать к своим потребностям. Размер, функциональность, поддержка каналов, гостевое членство и многое другое – все это можно использовать в виджете WidgetBot на вашем сайте, чтобы привлекать новых пользователей и общаться с ними напрямую, без необходимости посещать веб-сайт Discord или использовать клиентское приложение.

Некоторые функции, такие как каналы только для чтения и настраиваемые темы виджетов, требуют платного членства. Однако основные функции (включая отправку сообщений и прямое присоединение к серверу) поддерживаются бесплатно.

Добавление WidgetBot на ваш сервер

Для начала вам нужно добавить на свой сервер сам WidgetBot. WidgetBot работает путем добавления бота WidgetBot на ваш сервер, поэтому вам нужно сделать это в первую очередь.

1. Открой Ссылка-приглашение WidgetBot и войдите в Discord, чтобы продолжить. Вам нужно будет выбрать свой сервер из списка, а затем нажать «Продолжить», чтобы продолжить.

2. На следующем этапе вас спросят, какие разрешения вы хотите предоставить WidgetBot. Оставьте все флажки включенными, затем выберите «Авторизовать», чтобы продолжить. Вернитесь на свой сервер, как только этот процесс будет завершен.

Встраивание WidgetBot на свой сайт

Как только WidgetBot будет запущен на вашем сервере, вы можете приступить к добавлению виджета WidgetBot на свой веб-сайт. Вы можете использовать несколько типов виджетов, но самый простой способ добавить базовый виджет – использовать команду crate на вашем сервере.

Это генерирует фрагмент кода HTML, который вы можете легко встроить в свои веб-страницы, создав значок чата Discord в правом нижнем углу. После нажатия откроется небольшой (и полностью функциональный) клиент Discord для ваших веб-пользователей.

1. Для начала откройте веб-сайт или клиент Discord и выберите свой сервер из списка слева. В подходящем частном канале на вашем сервере, содержащем бот WidgetBot, введите ?? crate в окно сообщения, а затем отправьте сообщение.

2. Отправка ?? crate на ваш сервер заставит бот автоматически сгенерировать фрагмент кода HTML, который вы можете встроить. Выберите код из сообщения, затем щелкните правой кнопкой мыши> Копировать или выберите Ctrl + C на клавиатуре.

3. Скопировав код в буфер обмена, вставьте его в HTML-код своего веб-сайта и опубликуйте. Сам код создаст значок Discord в правом нижнем углу – выберите его, чтобы просматривать и взаимодействовать с виджетом, включая отправку сообщений напрямую на ваш сервер.

Если вы предпочитаете использовать другой тип виджета WidgetBot, вы можете узнать больше о каждом типе виджета, в том числе о том, как создавать и встраивать их на свой веб-сайт, посетив Сайт документации WidgetBot.

Использование виджетов Discord

Виджет сервера Discord – отличный способ рекламировать свое сообщество новым посетителям вашего веб-сайта, предоставляя вам еще один способ увеличить членство. После того, как вы создали свой сервер, вы можете подумать о том, как эффективно использовать Discord. Вы можете начать с добавления ботов на свой сервер для увеличения функциональности, от музыкальных ботов до модерации.

Однако, если у вас возникли проблемы с Discord, есть решения. Например, такие ошибки, как Discord фатальная ошибка Javascript обычно можно исправить, переустановив приложение, в то время как проблемы с подключением Discord могут указывать на проблему с настройками DNS. Есть несколько альтернатив Discord, которые вы также можете попробовать, если у вас все еще есть проблемы.