Как работают виджеты для сервера в Дискорде?

Что такое виджеты для сервера в Дискорде, как их настроить и правильно использовать? Вы удивитесь, какие возможности таит в себе мессенджер – давайте опробуем их на практике!

Штатные средства

Виджет сервера Дискорд можно настроить самостоятельно – такая опция есть в функционале мессенджера. Что он собой представляет?

Значение виджета сервера

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

Что это за виджет сервера Дискорд – понятно, как можно его создать? Вам не придется ничего придумывать, все уже сделано за вас!

• Откройте мессенджер и найдите на панели слева нужный сервер;

• Кликните по его названию наверху;
• Из открывшегося меню выберите пункт «Настройки»;

• Перейдите к вкладке «Виджет»;

• Активируйте тумблер напротив параметра «Включить».

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

Выбрали? Виджет Discord практически настроен – вкладки «ID» и «JSON API» не трогаем, переходим к разделу «Готовый…» и жмем на кнопку копирования, чтобы получить код.

Важно: если у вас есть доступ к пользователям сайта, можете вставить &username= в строку запроса.

На выходе вы получите стандартное оформление, которое нельзя изменить. Окно встраивается в HTML-код страницы.

Если этого недостаточно – можно поискать готовые виджеты для сервера в Дискорде. Возможно, такое решение понравится вам больше!

Дополнительные возможности

Если вы готовы поэкспериментировать, можно взять уже готовый виджет для Дискорда и кастомизировать его под свои нужды!

Есть отличная вещь – DiscordIntegrator/ru, позволяющий интегрировать интерактивную панель на свой сайт. Просто скопируйте код и вставьте его в HTML-редактор.

Разумеется, мало просто скопировать код, вы можете сами поменять в нем некоторые параметры и выбрать, как он будет выглядеть. К сожалению, цвет останется по умолчанию, его отредактировать не получится.

{{DiscordIntegrator

| id = 246075715714416641

| theme = light

| width = 500px

| height = 500px

}}

В строку id вставляете свой идентификатор, который вы найдете в настройках мессенджера (выше мы говорили, где он находится). А дальше пройдемся по параметрам, которые вы можете добавить или убрать:

Параметр	Что изменится
title	Название модуля
moduleHeight	Высота с правой стороны
text	Текст над виджетом
footer	Текст под ним
theme	light или dark (светлая или темная)
width	Ширина (количество пикселей (Xpx) или процентов (Y%)
height	Высота (количество пикселей (Xpx) или процентов (Y%)
logged-in	Будут ли отображаться только зарегистрированные участники (true) или все пользователи (false)

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

Важно! Для того, чтобы поставить панель на свой сайт, мало просто вставить код в редактор. Необходимо активировать опцию «Включить виджет» в настройках мессенджера. Как это сделать, мы рассказывали в первой части обзора!

Освоили виджеты для Дискорда? Если вам нужно встроить интерактивное окно со ссылкой на свой сайт – вы знаете, что делать! Воспользуйтесь штатной функцией или попробуйте силы в самостоятельной настройке готового решения.