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

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

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

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

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

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

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

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

Кликните по его названию наверху; Из открывшегося меню выберите пункт «Настройки»; Перейдите к вкладке «Виджет»; Активируйте тумблер напротив параметра «Включить».

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

Выбрали? Виджет 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 вы можете найти здесь – к вашим услугам настоящий конструктор, где вы можете поработать с шаблонами, добавить свои кнопки, немного поменять оформление.

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

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