Discord Link Hub Template
Put all your links in one place — a clean hub of buttons for your website, socials and support page. It's a Linktree-style card that lives right in your server, so members can follow you everywhere in a tap.
🔗 Find us everywhere
Follow along and never miss a thing.
Copy and paste the Discord Link Hub text
This is the template's text as Discord markdown. Paste it into any channel and the headings, bold text, lists and subtext format exactly as they do in the preview; the card, buttons and menus come with the full template when you open it in DWEEB. The Discord text formatting guide explains every piece of syntax it uses.
# 🔗 Find us everywhere
Follow along and never miss a thing.When to use it
- Collecting all your social links in one post
- Building a Linktree-style hub inside Discord
- Helping members follow you across platforms
What's inside
Built with Discord's Components V2 layout system — the accent-striped card the Discord embed builder produces in place of a legacy embed:
- Container with accent stripe
- Formatted text
- Separator
- Buttons
Tips
- Every piece of text, colour, emoji and link is editable — open it in DWEEB and make it yours.
- It posts through any Discord webhook. No bot or application-owned webhook is required for this static message.
- Use the measured, high-fidelity preview to check the layout before you send.
How to use this template
- Open it in DWEEB. Click “Use this template free” to load the template into the visual editor — no sign-up, no install.
- Make it yours. Edit the text, colours, emoji, links and images to match your server. The live preview updates as you type.
- Paste your webhook URL. In Discord, go to Server Settings → Integrations → Webhooks, copy a webhook URL, and paste it into DWEEB. See the full webhook workflow.
- Send it. Review the live preview, then hit Send. You can also save it, share it as a link, schedule it, or export the message JSON.
Template JSON and compatibility
This example contains 1 top-level blocks and 11 components including nested blocks. Its text fields use 133 characters of the editor's message budget. The JSON below is exported from the same template that opens in DWEEB.
Import it through DWEEB's JSON panel, or adapt it for your own application. This is a Components V2 payload with flags: 32768, not a legacy embeds array. When executing a webhook yourself, include with_components=true in the request URL. See the Components V2 JSON reference for delivery requirements.
The layout can be sent through an ordinary incoming webhook. Link buttons open their URLs; they do not run a bot action.
Replace example text, images, links and any server placeholders before posting. Discord does not expand DWEEB placeholders when you send raw JSON from your own code. Review allowed mentions before sending text that names users or roles.
Download Discord Link Hub JSON
View the complete template JSON
{
"username": "Links",
"components": [
{
"type": 17,
"accent_color": 10181046,
"components": [
{
"type": 10,
"content": "# 🔗 Find us everywhere\nFollow along and never miss a thing."
},
{
"type": 14,
"divider": true,
"spacing": 1
},
{
"type": 1,
"components": [
{
"type": 2,
"style": 5,
"label": "🌐 Website",
"url": "https://example.com"
},
{
"type": 2,
"style": 5,
"label": "🐦 Twitter / X",
"url": "https://twitter.com"
},
{
"type": 2,
"style": 5,
"label": "📺 YouTube",
"url": "https://youtube.com"
}
]
},
{
"type": 1,
"components": [
{
"type": 2,
"style": 5,
"label": "📸 Instagram",
"url": "https://instagram.com"
},
{
"type": 2,
"style": 5,
"label": "🎵 TikTok",
"url": "https://tiktok.com"
},
{
"type": 2,
"style": 5,
"label": "💜 Support us",
"url": "https://example.com/donate"
}
]
}
]
}
],
"flags": 32768
}Use this template in a bot
The same message as a discord.js or discord.py bot sends it. Both are generated from the template above by DWEEB's code generator; for a cURL, JavaScript or Python webhook request, open the template with the Code tab.
discord.js code
// Components V2 message — discord.js v14.19 or newer.
// Designed in DWEEB (https://dweeb.faizo.net). Edit the text, then send.
const {
ActionRowBuilder,
ButtonBuilder,
ButtonStyle,
ContainerBuilder,
MessageFlags,
SeparatorBuilder,
SeparatorSpacingSize,
TextDisplayBuilder,
} = require("discord.js");
const container = new ContainerBuilder()
.setAccentColor(0x9b59b6)
.addTextDisplayComponents(
new TextDisplayBuilder().setContent(
[
"# 🔗 Find us everywhere",
"Follow along and never miss a thing.",
].join("\n"),
),
)
.addSeparatorComponents(
new SeparatorBuilder().setDivider(true).setSpacing(SeparatorSpacingSize.Small),
)
.addActionRowComponents(
new ActionRowBuilder().addComponents(
new ButtonBuilder()
.setStyle(ButtonStyle.Link)
.setLabel("🌐 Website")
.setURL("https://example.com"),
new ButtonBuilder()
.setStyle(ButtonStyle.Link)
.setLabel("🐦 Twitter / X")
.setURL("https://twitter.com"),
new ButtonBuilder()
.setStyle(ButtonStyle.Link)
.setLabel("📺 YouTube")
.setURL("https://youtube.com"),
),
new ActionRowBuilder().addComponents(
new ButtonBuilder()
.setStyle(ButtonStyle.Link)
.setLabel("📸 Instagram")
.setURL("https://instagram.com"),
new ButtonBuilder()
.setStyle(ButtonStyle.Link)
.setLabel("🎵 TikTok")
.setURL("https://tiktok.com"),
new ButtonBuilder()
.setStyle(ButtonStyle.Link)
.setLabel("💜 Support us")
.setURL("https://example.com/donate"),
),
);
// The design also sets username "Links" — webhook-only options that
// channel.send() has no equivalent for. WebhookClient#send accepts them.
// Send it from any async context: a command handler, an event, a script.
await channel.send({
components: [container],
flags: MessageFlags.IsComponentsV2,
});discord.py code
# Components V2 message — discord.py 2.6 or newer.
# Designed in DWEEB (https://dweeb.faizo.net). Edit the text, then send.
import discord
from discord import ui
def build_view() -> ui.LayoutView:
view = ui.LayoutView(timeout=None)
view.add_item(
ui.Container(
ui.TextDisplay(
"# 🔗 Find us everywhere\n"
"Follow along and never miss a thing.",
),
ui.Separator(visible=True, spacing=discord.SeparatorSpacing.small),
ui.ActionRow(
ui.Button(
style=discord.ButtonStyle.link,
label="🌐 Website",
url="https://example.com",
),
ui.Button(
style=discord.ButtonStyle.link,
label="🐦 Twitter / X",
url="https://twitter.com",
),
ui.Button(
style=discord.ButtonStyle.link,
label="📺 YouTube",
url="https://youtube.com",
),
),
ui.ActionRow(
ui.Button(
style=discord.ButtonStyle.link,
label="📸 Instagram",
url="https://instagram.com",
),
ui.Button(
style=discord.ButtonStyle.link,
label="🎵 TikTok",
url="https://tiktok.com",
),
ui.Button(
style=discord.ButtonStyle.link,
label="💜 Support us",
url="https://example.com/donate",
),
),
accent_colour=0x9b59b6,
),
)
return view
# The design also sets username "Links" — webhook-only options that
# channel.send() has no equivalent for. discord.Webhook.send accepts them.
# Send it from any coroutine: a command, an event listener, a task.
await channel.send(view=build_view())Ready to use this template?
Open it in the visual Discord message builder, customize it for your server, and review the result before sending.
Use “Discord Link Hub” →Frequently asked questions
Do I need a bot to use this template?
No. This template contains only layout, text, media and link buttons, so any Discord webhook can post it. No application-owned webhook is required.
How do I use this Link hub template?
Click “Use this template free” to load it into the visual editor, change the text, colours and links to fit your server, then pick a channel or paste your Discord webhook URL and hit Send. You can also share it as a single link or export the message JSON.
Is DWEEB free?
Yes. DWEEB's full visual builder is free and needs no account. Working drafts and browser saves are local by default; optional connected features such as schedules, server libraries, AI, and plugins use the data required to work.