How to use the Harmony widget skin?

To provide smoother experience for your customers using the bot and a live agent in Conversational mode, you can now choose the Harmony widget skin. The Harmony skin offers the following benefits:

  • Smooth animations on selecting quick options and persistent options
  • Simplified look: customer icon has been removed
  • Clear visual separation between bot and live agent
  • Animated transition when is chat is transferred from the bot to a live agent
  • Pre-chat form is now inline
  • Added agent typing indicator animation
  • The End Chat button is now an icon
  • Removed the Email transcript to me button

The customer has the following experience when using the Harmony widget skin:

Important: You must have the Enable Harmony Skin widget feature enabled on your account. Contact your Customer Success manager to use this feature.
To select the new widget design, do the following:
  1. In the Bold360 ai Console, go to Touchpoints > Widgets.
  2. Click Personalize under the widget type that you want to modify.
  3. Select a knowledge base or URL to customize.
  4. On the Basics tab, select Harmony from the Skin drop-down list. Contact your Customer Success manager if this option is not available.
  5. Save your changes.

Check out our sample video on the new Harmony skin.