Twyla Got a New Chat Widget

Web is still the de facto destination for live chat interactions between a brand and its customers. At Twyla we're continually evolving our out-of-the-box chat widget so that our customers can get the most out of their TwylaBots for their customers.

We spent some time collating feedback from customers and researching the usability of chat windows to inform the design of our most recent version of the widget. Here are its feature highlights:

Dark mode.

Sometimes a lightly-coloured chat window will scream at users of a dark-themed website. Or maybe you just want something that looks a little more sophisiticated on your web page.

Depending on your tastes, we've given you the ability to choose between light and dark.

Bigger. But not too big.

It's important to find the right balance between the real-estate inside of the chat window itself and the web page sitting behind it. Ideally you want the chat to compliment the browsing.

The new widget consumes more vertical page with less horizontal space and scales down along with the height of the viewport. The greater height strikes a good balance to allow for buttons and other templates or media to be displayed without dominating the user's view.

Fully mobile responsive and configurable native disguising.

When using the widget on a mobile website it should be obvious that we built it to fill the full window. In this way it can behave like any of your conventional messaging apps.

But it also has the option to disable the close icon in the top right, if it's being used on a mobile device. This means that an app developer who wants to embed the widget into a native in-app browser can have control over the closing of the widget itself, to make it effectively feel like it's part of the app.

Much configuration.

Separate avatar and trigger images.

The new widget allows you to have a separate avatar and trigger image, meaning your call-to-action when the widget is minimised does not have to be the same image as the bot's avatar itself. Some prefer to personify their bots with avatars, but it's crucial that the call-to-action for the widget is clear.

Additional info in the widget header.

You may want to display more information about the bot inside of the widget 'furniture' and now you can choose to have just the bot name displayed, or a primary or secondary text field as well.

Optional privacy policy link.

Must-have for Europe. Provide your users with a configurable link to display in the footer of the widget, to make sure they understand how you're using their data.

A brand new configurator page in Twyla Canvas.

All the aforementioned options, gathered together in a nice config page with previews to ensure it's looking sharp before you embed it into your web page.