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. Chat Button Icon: 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.
    1. Hide Concierge Chat Button when chat window is open - checking this will remove the icon from displaying while the user is in the expanded chat view.
  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.
  8. Chat Window Close Options
    1. Show minimize window icon: This will display a minimize icon in place of the close (x) icon in the top right of the Concierge
    2. End conversation on close: When checked, this will display a confirmation modal asking if you are sure you want to close the conversation in the event you click to close the chat widget.


Was this article helpful?