Visual Message Editor

Overview

The Visual Message Editor provides a powerful, user-friendly interface to create complex Discord messages with embeds, file attachments, and rich formatting. All changes are reflected in a real-time preview that matches Discord’s appearance.

Sending Modes

The editor supports two ways to send messages:

Existing Webhook
Temporary Webhook

Select a saved webhook from your collection:

Choose from a dropdown of your webhooks
See webhook preview with avatar and name
Automatically uses webhook’s configured name and avatar
Message is logged in webhook history
Can load templates associated with the webhook

Best for: Regular use with your managed webhooks

Message Components

The editor is organized into three main tabs:

Content Tab

Create the basic message content:

content

string

Plain text content of the message (max 2000 characters)Supports:

Discord markdown formatting (bold, italic, code blocks)
Mentions (@user, @role, @everyone)
Custom emojis
Dynamic variables (, , etc.)

Character Counter: Real-time character count with warning when approaching the 2000 character limit.

Embeds Tab

Create up to 10 rich embeds per message. Each embed can contain:

title

string

Embed title (max 256 characters)Displayed as a clickable heading if URL is provided.

description

string

Main embed content (max 4096 characters)Supports full Discord markdown formatting.

url

string

Optional URL to make the title clickable

color

integer

Embed color (color picker or hex value)Displays as a colored bar on the left side of the embed.

Add author information at the top of the embed:

{
  "author": {
    "name": "John Doe",
    "url": "https://example.com/profile",
    "icon_url": "https://example.com/avatar.png"
  }
}

Name: Author name (max 256 characters)
URL: Optional link when clicking the author name
Icon URL: Small circular image next to author name

Add footer text at the bottom of the embed:

{
  "footer": {
    "text": "Sent from Discord Webhook Manager",
    "icon_url": "https://example.com/footer-icon.png"
  }
}

Text: Footer text (max 2048 characters)
Icon URL: Small image displayed next to footer text

Add visual content to your embed:Main Image (Large image displayed in the embed):

{
  "image": {
    "url": "https://example.com/large-image.png"
  }
}

Thumbnail (Small image on the right side):

{
  "thumbnail": {
    "url": "https://example.com/thumbnail.png"
  }
}

Images must be publicly accessible URLs. Discord will not display images from private URLs.

Add up to 25 fields to organize information:

{
  "fields": [
    {
      "name": "Field Title",
      "value": "Field content",
      "inline": true
    }
  ]
}

name

string

required

Field title (max 256 characters)

value

string

required

Field content (max 1024 characters)

inline

boolean

Display field inline with others (up to 3 per row)Default: false (full width)

Field Layout Tips:

Inline fields appear side-by-side (max 3 per row)
Non-inline fields take full width
Mix inline and non-inline for custom layouts

Add a timestamp to your embed:

{
  "timestamp": "2024-03-06T12:00:00Z"
}

The timestamp appears in the footer and is automatically converted to the viewer’s local timezone.

Use the “Add Timestamp” button to insert the current time automatically.

Managing Embeds

Add Embed: Click “Add Embed” button (max 10 embeds)
Collapse/Expand: Toggle embed sections to reduce clutter
Reorder: Drag and drop embeds to change their order
Delete: Remove embeds with the trash icon
Duplicate: Copy an embed with all its settings

Files Tab

Attach up to 10 files per message:

files

array

File attachments (max 10 files, 10MB each)Supported formats:

Images: jpg, jpeg, png, gif, webp
Videos: mp4, mov, avi

File size limit: 10MB per file (10,240 KB)

File Upload Interface:

Click “Upload Files” or drag and drop
Preview uploaded files with thumbnails
Remove files individually before sending
Files are automatically cleaned up after sending

Files are temporarily stored on the server and deleted immediately after the message is sent to save storage space.

Dynamic Variables

Use variables in your messages for dynamic content:

{{date}}      → 06/03/2026
{{time}}      → 14:30
{{datetime}}  → 06/03/2026 14:30
{{day}}       → Friday
{{month}}     → March
{{year}}      → 2026

Variables are replaced when the message is sent:

Example Usage

Daily Report - {{date}}

Hello {{username}}!
This message was sent via {{webhook_name}} at {{time}}.

Variable Helper: Click the variable icon to see all available variables with descriptions and example values.

Real-Time Validation

The editor validates your message against Discord’s limits:

Content Limits
Quantity Limits
Total Character Limit

Message content: 2000 characters
Embed title: 256 characters
Embed description: 4096 characters
Field name: 256 characters
Field value: 1024 characters
Footer text: 2048 characters
Author name: 256 characters

Mention Support

The editor supports Discord mentions:

@everyone - Mentions everyone in the server
@here - Mentions online members
<@USER_ID> - Mentions a specific user
<@&ROLE_ID> - Mentions a specific role

Make sure the webhook has permissions to mention the target users/roles in the Discord channel.

Quick Send Features

Template Loading

Load saved templates directly into the editor:

Click “Load Template” button
Select from your personal or shared templates
Template content populates the editor
Variables are preserved (not replaced until send)
Modify as needed before sending

AI Generation

AI generation is available to users with the can_use_ai flag enabled.

Generate message content automatically:

Click the Sparkles (✨) icon
Choose generation type:
- Generate title
- Generate description
- Generate full message
Provide a prompt describing what you want
AI generates content using OpenAI GPT or Google Gemini
Review and edit the generated content

Supported AI Engines:

OpenAI GPT (default)
Google Gemini

Daily usage limits apply based on your account settings.

Sending Messages

Compose Your Message

Use the tabs to add content, embeds, and files. The preview updates in real-time.

Validate

Ensure all validation errors are resolved (red indicators).

Select Webhook

Choose an existing webhook or enter a temporary webhook URL.

Send

Click the “Send” button. The message is:

Variable replacement applied
Validation performed
Files uploaded
Sent to Discord API
Logged in webhook history (for saved webhooks)
Files automatically deleted from server

Confirmation

Success or error notification appears:

✅ Success: Message sent successfully
❌ Error: Displays Discord API error message

Message History

For saved webhooks, all sent messages are tracked:

Timestamp
Message content (full payload)
Status (success/failed)
User who sent it
Discord API response
Error details (if failed)

Access history from the webhook details page.

Best Practices

Use the Preview: Always check the real-time preview before sending
Test with Temporary Webhooks: Use temporary webhook mode for testing
Save as Template: Save frequently used messages as templates
Mind Character Limits: Watch the character counters to avoid errors
Use Inline Fields Wisely: Group related information with inline fields
Optimize Images: Use appropriately sized images to avoid slow loading
Variables for Flexibility: Use variables instead of hardcoding dates/names
Consistent Formatting: Maintain consistent color schemes and formatting across embeds

Keyboard Shortcuts

Ctrl/Cmd + Enter: Send message
Ctrl/Cmd + S: Save as template (when available)
Escape: Close modals/dialogs

Troubleshooting

Message Not Sending

Check webhook URL is valid
Ensure webhook has permission to post in the channel
Verify all content is within Discord limits
Check file sizes are under 10MB
Ensure webhook hasn’t been deleted in Discord

Variables Not Replacing

Variables are only replaced when sending, not in preview
Ensure correct syntax: {{variable_name}}
Check variable name is spelled correctly

Embeds Not Displaying

Ensure at least one field has content (title or description)
Check image URLs are publicly accessible
Verify color codes are valid integers
Ensure total character count is under 6000

Webhooks - Manage your webhook collection
Templates - Save messages for reuse
Scheduled Messages - Automate message delivery

Get Started

Core Features

Collaboration

Advanced

Deployment

Overview

Sending Modes

Message Components

Content Tab

Embeds Tab

Managing Embeds

Files Tab

Dynamic Variables

Real-Time Validation

Mention Support

Quick Send Features

Template Loading

AI Generation

Sending Messages

Message History

Best Practices

Keyboard Shortcuts

Troubleshooting

Message Not Sending

Variables Not Replacing

Embeds Not Displaying

Build docs developers (and LLMs) love

Get Started

Core Features

Collaboration

Advanced

Deployment

​Overview

​Sending Modes

​Message Components

​Content Tab

​Embeds Tab

​Managing Embeds

​Files Tab

​Dynamic Variables

​Real-Time Validation

​Mention Support

​Quick Send Features

​Template Loading

​AI Generation

​Sending Messages

​Message History

​Best Practices

​Keyboard Shortcuts

​Troubleshooting

​Message Not Sending

​Variables Not Replacing

​Embeds Not Displaying

​Related Features

Build docs developers (and LLMs) love

Overview

Sending Modes

Message Components

Content Tab

Embeds Tab

Managing Embeds

Files Tab

Dynamic Variables

Real-Time Validation

Mention Support

Quick Send Features

Template Loading

AI Generation

Sending Messages

Message History

Best Practices

Keyboard Shortcuts

Troubleshooting

Message Not Sending

Variables Not Replacing

Embeds Not Displaying

Related Features