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:

To select the new widget design, do the following:
  1. In the 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.