ГоловнаБлогКонструктор Discord webhook: створіть Embed і Components V2 без знання JSON

Конструктор Discord webhook: створіть Embed і Components V2 без знання JSON

Візуальний редактор з імпорт-експортом, бібліотекою шаблонів, інтеграцією з Callback API та живим попереднім переглядом

Автор: Монікор

Discord webhook - найшвидший спосіб надіслати красиве повідомлення в канал з вашого сервера, бота, моніторингу чи лаунчера. Налаштовується за хвилину: у каналі обираєте Налаштування > Інтеграції > Створити Webhook, копіюєте URL, і надсилаєте на нього POST-запити з JSON-тілом. Discord перетворює цей JSON на повідомлення і публікує у канал від імені вашого webhook.

Проблема в одному: документація Discord описує Embed і Components як JSON-схему з десятками вкладених полів. Якщо ви не розробник, перші спроби виглядають як гра в "вгадай, де я забув кому". Якщо розробник - все одно витрачаєте годину на підбір кольорів і вирівнювання полів через ручне переписування JSON.

Конструктор Монікор знімає весь цей біль. Будуєте повідомлення кліками, бачите результат миттєво, експортуєте у JSON, готовий до використання.

Конструктор Discord webhook з візуальним редактором і живим попереднім переглядом
Будуйте Embed мишкою - бачите результат як у Discord миттєво

Що таке Discord webhook і навіщо він потрібен

Webhook - це спеціальний URL каналу, на який можна надсилати POST-запити з JSON-тілом. Discord приймає тіло, обробляє його за своїми правилами і публікує повідомлення у канал. Не потрібен бот, не потрібна авторизація через OAuth, не потрібен токен користувача - лише URL.

Типові сценарії використання:

  • Автоматичні логи - кожен новий гравець на сервері з'являється у відповідному каналі #логи
  • Сповіщення про події - Callback API Монікор надсилає у канал кожен новий голос
  • Інтеграція з GitHub/GitLab - комміти і PR з'являються у каналі #розробка
  • Маркетинг-розсилки - оголошення про івенти у каналі #новини
  • Моніторинг помилок - Sentry, Datadog та інші інструменти шлють критичні алерти

Що таке Embed і Components V2

Звичайне повідомлення Discord - просто текст. Embed - це структурована "картка" з заголовком, описом, полями, картинками, footer і timestamp. Виглядає набагато презентабельніше і дає більше можливостей оформлення.

Components V2 - новий формат, який Discord активно розгортає у 2026 році. Дозволяє додавати у повідомлення інтерактивні елементи: кнопки, випадаючі списки, контейнери з вкладеним контентом, секції з картинками. Це майбутнє Discord-сповіщень, і конструктор Монікор підтримує його вже сьогодні.

Як працює візуальний редактор

Інтерфейс розділений на дві частини. Зліва - редактор: список полів, які можна додавати, видаляти, переставляти. Справа - попередній перегляд, повністю стилізований як справжній Discord з аватаркою бота і назвою каналу.

Кожне додавання поля підсвічує його в обох панелях. Змінили колір лівої смужки - бачите ефект миттєво. Додали поле - воно з'являється у попередньому перегляді з тим самим оформленням, що буде у справжньому Discord. Помилитися складно: якщо поле виглядає не так, як хочете, ви бачите це до того, як надіслали повідомлення.

Класичний Embed: усі поля

  • Заголовок (Title) - велике жирне слово зверху картки. До 256 символів. Може бути посиланням.
  • Опис (Description) - основний текст під заголовком. До 4096 символів. Підтримує markdown.
  • Поля (Fields) - до 25 полів з name і value. Можуть бути inline (по три в ряд) або повноширинні.
  • Автор (Author) - маленька іконка та ім'я зверху Embed. Корисно для оформлення серії повідомлень одного типу.
  • Footer - рядок знизу з іконкою та текстом. Зазвичай містить timestamp і назву системи-відправника.
  • Картинка (Image) - велика картинка внизу Embed. До 4096×4096 пікселі.
  • Мініатюра (Thumbnail) - невелика картинка справа зверху. Зазвичай логотип або іконка події.
  • Колір (Color) - кольорова смужка зліва. Задає весь "настрій" повідомлення.
Поля Embed у редакторі: заголовок, опис, поля, footer і картинка
Кожне поле Embed редагується окремо у власному блоці

Components V2: інтерактивні елементи

Components V2 додає те, чого не вистачало у класичних Embed:

  • Кнопки (Buttons) - стилі primary, secondary, success, danger, link. Можуть мати лейбл, емодзі, посилання
  • Галерея (Media Gallery) - блок із зображеннями у вигляді сітки. До 10 картинок в одній галереї з підписом до кожної та підтримкою режиму спойлера. Ідеально для скриншотів події, портфоліо команди або add-pack-у нових текстур сервера
  • Контейнери (Containers) - групують декілька елементів в одну візуальну картку з рамкою і кольором
  • Секції (Sections) - текстовий блок з прикріпленою справа картинкою або кнопкою
  • Розділювачі (Separators) - тонкі лінії між блоками для логічного розділення контенту

Усі ці елементи додаються через візуальний інтерфейс - не треба знати точну JSON-схему Discord для кожного типу.

Імпорт-експорт у JSON

Готове повідомлення експортується у JSON одним кліком. Цей JSON працює всюди:

  • Вставляєте у код Discord-бота на discord.js, discord.py чи будь-якій іншій бібліотеці
  • Передаєте у поле Webhook URL з налаштувань Callback API Монікор
  • Надсилаєте через curl або Postman для разової відправки
  • Зберігаєте у себе у системі як шаблон для регулярних повідомлень

Імпорт працює так само просто. Маєте чужий JSON (наприклад, скопійований з документації плагіна) - вставляєте у вікно імпорту, відкривається у редакторі готовий до правки. Зручно, коли хочете адаптувати чужий шаблон під свій бренд.

Бібліотека шаблонів

Найпоширеніші задачі вже розв'язані. У бібліотеці є готові шаблони:

  • Оголошення про відкриття сервера з зеленим кольором, заголовком, описом і кнопкою "Грати"
  • Лог нового гравця для автоматичної інтеграції з ігровим сервером
  • Повідомлення про donation з аватаром, сумою і коментарем
  • Нічний звіт активності з полями за різні метрики
  • Привітання нового модератора з банером і списком обов'язків
  • Реклама івента з countdown і call-to-action
  • Повідомлення про оновлення з changelog у формі полів

Берете готовий шаблон, замінюєте текст і картинки під свій бренд - готово до відправки за дві хвилини.

Бібліотека шаблонів Discord webhook повідомлень
Готові шаблони - старт за дві хвилини замість двох годин

Інтеграція з Callback API Монікор

Якщо у вас сервер на Монікор з Callback API, конструктор webhook ідеально доповнює його. Сценарій:

  1. Створюєте у конструкторі гарне повідомлення-шаблон для логу голосу
  2. Експортуєте JSON
  3. На своєму бекенді приймаєте callback-запити з Монікор
  4. Підставляєте дані з callback (нікнейм, дату, IP) у поля шаблону
  5. Шлете готовий JSON у webhook вашого Discord-каналу

Результат: кожен голос за ваш сервер автоматично з'являється у красивому Embed-повідомленні в Discord-каналі команди. Адмін бачить активність у реальному часі, гравці отримують публічну подяку, спільнота наповнюється живими подіями.

Кому це найкраще підходить

  • Адмінам Discord-серверів, які хочуть стилізовані оголошення замість пресної переписки
  • Власникам ігрових серверів для логів подій з Callback API і Monitoring-інтеграцій
  • Маркетологам, які роблять разові розсилки в спільноти від імені бренду
  • Розробникам ботів, яким простіше прототипувати в UI, ніж писати JSON руками
  • SMM-фахівцям, що готують контент-плани для брендованих Discord-серверів

Поширені запитання

Чи можна надсилати повідомлення прямо з конструктора? Так, у конструкторі є поле для webhook URL і кнопка "Надіслати". Але краще використовувати конструктор для створення шаблонів, а саму відправку автоматизувати у себе.

Чи зберігається webhook URL у вас на серверах? Так, але у зашифрованому вигляді. Ми використовуємо симетричне шифрування на базі AES-128 у режимі CBC з HMAC-SHA256 для аутентифікації. Шифрування дозволяє нам безпечно зберігати ваші шаблони та повторно використовувати webhook без повторного введення.

Чи можна додати декілька Embed в одне повідомлення? Так, Discord підтримує до 10 Embed в одному повідомленні. У конструкторі це налаштовується через додавання нових Embed-блоків.

Чи працюють кастомні емодзі? Так, але лише ті, до яких має доступ webhook. Стандартні Unicode-емодзі працюють завжди.

Чому моє повідомлення відрізняється у Discord від попереднього перегляду? Швидше за все, ви використовуєте емодзі або згадки, які виглядають по-різному залежно від контексту каналу. У 99% випадків попередній перегляд відповідає реальності.

Підсумок

Конструктор Discord webhook Монікор - це візуальний інтерфейс над сухою JSON-схемою Discord. Усі можливості Embed і Components V2 під рукою, бібліотека шаблонів економить години, імпорт-експорт інтегрує конструктор у будь-який воркфлоу. П'ятнадцять хвилин у редакторі замість години експериментів з документацією.