Concierge Branding & Appearance

Customize your Concierge bot with your own logos, colors, and where it is positioned on your site. 

While in Concierge Setup, expand the  Customize the Appearance section. This will present a number of options for you to customize various visual elements of your bot.


Settings within the Appearance section include:

  1. Company Logo: This logo is displayed along the top bar of the concierge. Use a PNG file with a height that scales to 60px (120x,240x). The width can vary.
  2. Avatar Icon: This avatar icon is displayed next to the Bot Name. Use a PNG file that scales to 40x40 (80x80, 400x400).
  3. Concierge Size: This determines where your bot will reside on the web page.
    • Default: The concierge will be closed behind the chat bubble in the bottom right corner upon page load.
    • Expanded: The concierge will load in a more expanded view, but still anchored to its page location, not centered on the page.
    • Pop up: The concierge will be open in the center on the page upon page load.
  4. Concierge Button Icon URL: This icon is what is used within the small concierge circle button anchored to your page when the concierge is closed. If left blank, we will use our default white chat bubble icon. Note: The best practice would be to upload your image into the Capacity KB and paste that public link as the URL.
  5. Primary Color: Add a hex number. This color will appear on the top bar behind your logo, chat bubble, and background of the user's chat.
  6. Secondary Color:  Add a hex number. This is optional to define and can control the color of the header of the concierge if different contrast is needed against the logo image.
  7. Page Location: This specifies where on the page the concierge will load.
    1. Default: The concierge will load anchored to the bottom right corner.
    2. Bottom Left: The concierge will load anchored to the bottom left corner.


Was this article helpful?