Settings Guide
  • Configure the Virtual Shopping experience in Dashboard
  • On-site chat
    • On-site Chat overview
    • Supported languages
    • Custom theme
    • Photo and video sending
    • Privacy policy URL
    • Terms and conditions URL
    • Customer service URL
    • Customize text
    • Manage where On-site Chat displays
  • Store App
    • Store App overview
    • Employee ID
    • Saved Replies
    • Simultaneous Chat
      • How Simultaneous Chat works
      • Frequently asked questions
  • Management Tools
    • Manage Stores Index
  • Account
    • Account overview
    • Product Feed
    • Currency
    • Time zone
    • Contacts
    • Team availability
    • Out of operating hours
    • Left Message SMS sender ID
    • Left Message expired URL
    • Department settings
    • Adding a new department
    • Zendesk integration
      • How shoppers start a Zendesk chat
      • User journey example
      • Activating your Zendesk integration
      • Added features overview
      • Frequently Asked Questions
    • Messenger Integration
      • How shoppers start chats
      • Activating your integration
      • Frequently asked questions
  • Notifications
    • Manage Team email notifications
    • How to set up Manage Team email notifications
    • Frequently asked questions
Powered by GitBook
On this page

Was this helpful?

  1. On-site chat

Custom theme

PreviousSupported languagesNextPhoto and video sending

Last updated 2 years ago

Was this helpful?

Setting the colors of On-site Chat

Under Custom Theme, you can customize the primary color and text color of On-site Chat. By switching Custom Theme on, you will be prompted to choose a primary color for the chat plugin. Note: the secondary color is always white.

To set your preferred color:

  1. Enter a hexadecimal code value in the text input field.

  2. Click on the square next to the input color to bring up your browser's color picker tool. You can then set the color via RGB, HSL, the eyedropper tool, or a sliding scale.

If you have set a primary color, you'll also be prompted to choose black or white for your header text. This is the text in the bar at the top of On-site Chat. Make sure to choose whichever option has more contrast with your chosen background color to keep it legible.

In most cases, we recommend using the default colors for On-site Chat (black and white) as it tends to provide a consistent look and feel

🌈