White Label Settings

This guide explains how to customize the appearance of your application using the White Label Settings in the CMS. You can update your app name, domain, brand colors, logo, favicon, and advanced call settings to deliver a fully branded experience to your users.

Step 1: Accessing the CMS

Location: CMS → White Label

This is where you can manage all white label configuration for your instance. Instructions:
  • Log in to your CMS.\
  • Click on the White Label section in the left sidebar.\
  • The White Label Settings page will load with all available customization options.

Step 2: Changing the App Name

Your app name will appear in the browser title and throughout the UI. Instructions:
  • Find the App Name field at the top of the settings page.\
  • Enter your preferred application name.\
  • This change will be visible in browser tabs and headers.

Step 3: Configuring the Domain

The domain is used for generating links and callbacks. Instructions:
  • Locate the Domain field next to App Name.\
  • Enter the domain where your application is hosted.\
  • Make sure it is unique and properly set up in your DNS.

Step 4: Updating Primary and Secondary Colors

These colors control buttons, links, and UI highlights. Instructions:
  • Scroll down to Primary Color.\
    • Enter the hex code for your brand’s main color.\
    • Example:
      #3b82f6
      
  • Adjust Secondary Color for hover states and gradients.\
    • Example:
      #1e40af
      
  • Changes apply immediately to buttons, links, and UI elements.

Step 5: Uploading Logo and Favicon

Your logo and favicon are displayed throughout the app. Instructions:
  • Under Logo, click Upload Logo.\
    • Recommended size: 200x200px.\
    • Max file size: 2MB.
  • Under Favicon, click Upload Favicon.\
    • Recommended size: 32x32px or 64x64px.\
    • Max file size: 1MB.
  • These images will appear in headers and browser tabs.

Step 6: Advanced Call Settings

Advanced settings give you greater control over call costs and behavior.

BYOC (Bring Your Own Carrier)

Low-cost calling option that requires setup with your telephony provider. Instructions:
  • Enable BYOC if you want to use your own carrier.\
  • Coordinate with your provider and complete BYOC setup in Twilio.

Custom Recording

Free call recording option to avoid Twilio’s recording fees. Instructions:
  • Enable Custom Recording to use your own storage and recording setup.\
  • Without this option, Twilio’s standard recording fees apply.

Custom AMD (Answering Machine Detection)

Free AMD feature to detect answering machines without Twilio charges. Instructions:
  • Enable Custom AMD to use your own detection configuration.\
  • Without this, Twilio’s AMD feature is used and may incur charges.

Final Notes

  • All changes apply to all users on your instance.\
  • Make sure DNS records are correctly configured if you change your domain.\
  • Test all changes to verify branding consistency.

Video: Configuring White Label Settings Video 1

Watch this video to see a full walkthrough of configuring your White Label Settings in the CMS. Step 1 - White Label Settings

Video: Configuring White Label Settings Video 2

Step 2 - White Label Settings