User Interface (UI) Rebranding

You can update the logo and color scheme for your tenant to reflect your business branding. After logging in to the UI, users will see the logo and color(s) that you have configured.

To update tenant branding configuration, you must have the default Administrator role or a custom role that includes the MANAGE_ALL_BRANDINGS permission.

Tenant branding is inherited. If you rebrand a parent tenant, any child tenants below that tenant will inherit the configurations and show the same UI branding.

At this time, the following items may be individually configured: 

  1. Logo
  2. Favicon image
  3. Navigation menu color
  4. Navigation menu text color
  5. Primary color
  6. Accent color
  7. Hover text accent color

Screen image of the UI items that can be rebranded

Rebranding Your Tenant

To rebrand your CxEngage tenant: 

  1. Go to Configuration > Tenants.
    The list of available tenants appears.
  2. Select the tenant that you want to update.
    The tenant details panel appears.
  3. Under Branding, configure the fields to reflect your personalized branding.
    A visual map of the items that can be configured is included under What can you update with your own branding? above.
    • Product Name: Enter the name of your product or business
    • Logo/Header: Upload an image to use for your logo within the UI
    • Favicon: Upload an image to use as the icon displayed on the internet browser tab while in the UI
    • Navigation Bar: Change the color of the top navigation menu bar by selecting it from the image map or entering a hex code for a specific color
    • Navigation Bar Text: Change the color of the top navigation menu item text by selecting it from the image map or entering a hex code for a specific color
    • Primary Color: Change the color of the primary action buttons within the UI by selecting it from the image map or entering a hex code for a specific color
    • Accent Color: Change the color of the secondary action buttons within the UI by selecting it from the image map or entering a hex code for a specific color
    • Accent Hover Color: Change the color of list items when they're hovered on by selecting it from the image map or entering a hex code for a specific color
  4. Click Submit.
    If you do not see the changes immediately, refresh your browser.

Resetting Tenant Branding

You can reset your tenant's branding configuration to it's default values. Remember that if this is a child tenant the default values are those of the parent tenant.

To restore your tenant's branding back to default values: 

  1. Go to Configuration > Tenants.
    The list of available tenants appears.
  2. Select the tenant that you want to restore to default settings.
    The tenant details panel appears.
  3. Under Branding, click Reset to Default.
  4. Click OK on the confirmation pop up message.
    If your settings do not reset immediately, refresh your browser.

Watch the CxEngageTraining video to see this in action: