White Labeling

This guide provides step-by-step instructions for configuring your white labeling settings to customize the branding and appearance of your platform.

Enabling White Labeling

To begin customizing your branding options:

1. Navigate to the White Labeling settings page inside your agent details page.

1. Locate the toggle switch labeled "Enable White Labeling" at the top of the page Click the toggle to enable white labeling features

Once enabled, you will have access to customize your branding options including theme colors, text content, and images.

Configuring Theme Settings

Theme tab

1. Appearance Settings

The Appearance section allows you to customize the colors to match your brand identity.

• Primary Color

  • Purpose: This is the main accent color for your platform

  • How to set: Click on the color picker box or enter hex color code (e.g., #000000 for black)

  • Used for: Buttons, links, and primary UI elements

• Secondary Color

  • Purpose: Complementary color for secondary elements

  • How to set: Click the color picker or enter hex code (e.g., #64748B)

  • Used for: Secondary buttons, hover states, and supporting UI elements Card Color

• Background Color

  • Purpose: Background for content cards and panels

  • How to set: Click the color picker or enter hex code (e.g., #F9FAFB)

  • Used for: Card backgrounds, content containers Border Color

• Borders Color

  • Purpose: Color for borders and dividers

  • How to set: Click the color picker or enter hex code (e.g., #E2E8F0)

  • Used for: Element borders, separators, and outlines Color Selection Tips:

Use your brand's official color palette for consistency, Ensure sufficient contrast between text and background colors for readability

Note: Test colors in both light and dark environments

1. Text Customization

Customize the text content that appears on your platform's pages.

• Page Title

  • Purpose: The main title displayed in the browser tab and page header

  • How to set: Enter your desired title text in the Page Title field

  • Example: "testing final for signup" (shown in screenshot)

• Page Description

  • Purpose: Meta description for SEO and page preview

  • How to set: Enter a brief description in the Page Description field

• Login Welcome Message

  • Purpose: Greeting message displayed to users on the login page

  • How to set: Enter your welcome message in the Login Welcome Message field

• Custom Documentation URL

  • Purpose: Link to your custom documentation or help resources

  • How to set: Enter the full URL to your documentation (e.g., https://docs.example.com)

Email Templates

This section specifically controls:

• Which email system sends your messages

• The content of system emails (like user invitations)

Email Configuration

Select which email system is used:

• Default system mail

• Or your own configured mail provider

Invitation Email Template

Controls what users receive when invited to the platform.

Includes:

• Email title

• Message body

• Dynamic variables like:

  • {{recipient_name}}

  • {{login_url}}

  • {{email}}

  • {{password}}

These placeholders auto-fill when emails are sent.

Use this to change wording, tone, or branding language without touching code.

Linking a Custom Domain for White Labeling

You can connect your own domain to use branded URLs within the White Labeling settings. Follow the steps below:

1. Open Domain Settings Select the Domain Settings tab to view and manage connected domains.

2. Add a New Domain Click Link a domain. A form will appear where you can enter the DNS details required to verify ownership.

1. Configure Your DNS Record In your DNS provider, create a CNAME record using the values shown below and click Link:

2. Hostname: Enter the subdomain you want to use (for example, support, agent, etc.).

3. Type: CNAME

4. Host / Points To: Use the target value displayed in the dashboard (for example: agent-xxxxxxxx.voicehub.dataqueue.ai)