Welcome System

Welcome Dashboard UI Guide

The Welcome system is your first impression with new members. This guide walks you through setting up welcome messages, customizing welcome cards, configuring auto-role assignment, and enabling verification. Learn to create an engaging onboarding experience that sets the tone for your community.

Dashboard Tabs Overview

The Welcome dashboard is organized into distinct tabs:

Messages Tab

Configure welcome messages with rich text editing and variable insertion. Set the channel and customize the message content.

Cards Tab

Design visual welcome cards with custom backgrounds, colors, fonts, and layouts. Preview how cards will appear to new members.

Auto-Role Tab

Set up automatic role assignment when members join. Configure which roles are assigned and in what order.

Verification Tab

Configure verification system with multiple methods. Protect your server from raids and bots with verification walls.

Messages Tab - Welcome Message Setup

Create and customize the text message sent to new members:

Step 1: Select Welcome Channel

Click the "Welcome Channel" dropdown (SearchableSelect). This allows you to:

  • Search for channels by typing their name
  • See all channels in the server listed with category info
  • Select a single channel for welcome messages

Typical channels: #welcome, #introductions, #arrivals

Step 2: Configure Message Content

The message editor supports rich text formatting:

  • Bold, Italic, Underline: Format text to emphasize important information
  • Headings: Create sections with h2 and h3 headers
  • Lists: Create bullet points and numbered lists
  • Links: Add clickable links to rules, websites, or guides
  • Code Blocks: Display code or special text

Step 3: Insert Variables

Make messages personalized with dynamic variables. Click "Insert Variable" and select from:

{user}

Displays the member's username (e.g., "Welcome, Alex!")

{user.mention}

Mentions the member (appears as clickable mention in Discord)

{server}

Displays your server name (e.g., "Welcome to Gamers Hub!")

{memberCount}

Shows total member count (e.g., "You are member #357")

{user.joinedAt}

Displays join timestamp (e.g., "Joined: Feb 12, 2026")

Example: "Welcome {user.mention} to {server}! You're member #{memberCount}. Please read the rules and introduce yourself!"

Step 4: Preview & Save

Before saving, click "Preview Message" to see how it will appear in Discord. Once satisfied:

  1. 1. Click the green "Save Message" button (BLACK text)
  2. 2. The welcome message is now active for new members
  3. 3. You can edit at any time by clicking "Edit Message"

Cards Tab - Welcome Card Designer

Design a visual welcome card that appears alongside text messages:

Step 1: Enable Welcome Card

Toggle "Enable Welcome Card" to ON. This will show a visual card in the welcome channel.

Step 2: Configure Card Appearance

Customize how the card looks:

Background Configuration

  • Background Color: Click to select a solid background color
  • Background Image: Upload an image file (.jpg, .png) for the card background
  • Image Opacity: Slider (0-100%) to control image transparency

Text Styling

  • Text Color: Click color picker to choose text color
  • Accent Color: Color for highlights, borders, and decorative elements
  • Font Selection: Dropdown with font choices (Arial, Roboto, Courier, Georgia, etc.)

Layout Options

  • Card Layout: Choose vertical or horizontal layout
  • Text Alignment: Left, center, or right align text
  • Card Width: Adjust card size (percentage of channel width)

Step 3: Customize Card Content

Set what appears on the card:

  • Card Title: Main heading (e.g., "Welcome!")
  • Subtitle: Secondary text (e.g., "Join our community")
  • Card Description: Body text with space for welcome info
  • Include Member Avatar: Toggle to show new member's profile picture
  • Include Member Name: Toggle to display member's username
  • Include Server Logo: Toggle to show your server's icon

Step 4: Preview & Save

Use the live preview panel on the right to see your card design in real-time. As you make changes:

  • • Preview updates instantly
  • • See how text appears on your chosen background
  • • Adjust colors and opacity for readability

Click the green "Save Card Design" button to apply changes.

Auto-Role Tab - Automatic Role Assignment

Automatically assign roles to new members on join:

Step 1: Enable Auto-Role

Toggle "Enable Auto-Role Assignment" to ON.

Step 2: Select Roles to Assign

Click "Select Auto-Roles" (multi-select SearchableSelect). This opens a searchable list:

  • Type to search for roles (e.g., type "mem" to find "Member")
  • Select multiple roles to assign all of them
  • Selected roles appear as chips below the selector
  • Click the X on a chip to deselect that role
Common roles to auto-assign: "Member", "Verified", "Regular", or community-specific roles like "Gamer", "Designer", etc.

Step 3: Role Assignment Options

Configure how roles are assigned:

  • Immediate Assignment: Roles given as soon as member joins (recommended)
  • On Verification Complete: Only assign after member completes verification
  • Notify Member: Toggle to DM member when roles are assigned

Saving Auto-Roles

Click the green "Save Auto-Roles" button (BLACK text) to activate auto-role assignment. New members will immediately receive these roles.

Verification Tab - Member Verification

Implement a verification system to prevent raids and ensure new members are legitimate:

Step 1: Enable Verification

Toggle "Enable Verification System" to ON. This activates the verification challenge for new members.

Step 2: Configure Verification Channel

Select "Verification Channel" (SearchableSelect). This is where new members complete verification:

  • • Recommended to be a dedicated channel (e.g., #verify, #verification)
  • • New members should only see this channel initially
  • • Use channel permissions to restrict access

Step 3: Select Verification Method

Choose how members verify their identity using the "Verification Method" dropdown:

Reaction-Based

Members click a reaction emoji on a message to verify. Simplest method, prone to bot farming.

Button-Based

Members click an interactive button to verify. More secure, better UX than reactions.

CAPTCHA

Members solve a CAPTCHA puzzle to verify. Most secure, prevents bot raids effectively.

Hybrid (Recommended)

Combines multiple methods. New accounts pass through CAPTCHA, older accounts use buttons.

Step 4: Set Verified Role

Click "Verified Role" (SearchableSelect) to choose which role is assigned after verification:

Common choices: "Verified", "Member", "Approved", or a time-based role like "Verified-Today"

Step 5: Configure Verification Timeout

Set how long members have to verify:

  • Verification Timeout: Time limit (15 min, 1 hour, 24 hours, etc.)
  • On Timeout Action: Kick or ban non-verifying members
  • Send Reminders: Toggle to send reminder DMs

Step 6: Verification Message

Customize the message shown in the verification channel:

  • • Explain what verification is and why it exists
  • • Provide clear instructions for the verification method
  • • Include link to rules or community guidelines
  • • Use supportive tone to encourage participation

Saving Verification Settings

Click the green "Save Verification Settings" button to enable verification. New members will now encounter the verification challenge when joining.

Preview Section

The dashboard includes a preview panel showing how your welcome setup appears to new members:

Welcome Preview

See a mockup of the welcome message and card as they appear in the welcome channel. This helps you verify:

  • • Message formatting and readability
  • • Card appearance with chosen colors and fonts
  • • Variable substitution in messages
  • • Overall visual appeal

Verification Preview

See how the verification challenge appears to new members, including the message and interaction buttons/reactions.

Complete Setup Workflow

Here's a typical setup sequence:

  1. 1.Go to Messages tab and select your welcome channel
  2. 2.Write your welcome message with variables and save
  3. 3.Go to Cards tab and design a welcome card with colors and background
  4. 4.Go to Auto-Role tab and select roles to automatically assign
  5. 5.Go to Verification tab and configure your verification method
  6. 6.Test by having a trusted member leave and rejoin
  7. 7.Adjust settings based on test results

Pro Tips

  • • SearchableSelect fields are typeable - start typing to filter options
  • • Green buttons always have BLACK text for better accessibility
  • • Preview section updates in real-time as you make changes
  • • Test verification method in private channel before enabling publicly
  • • Make welcome card text readable on both light and dark Discord themes
  • • Use personalization variables to make members feel valued
  • • Keep welcome message concise - members often read quickly