Custom GPT Powered AI Chatbot Trained On Your Data

Try Hue
LiveHelpNow LiveHelpNow
Home >> Blog >>

Redesigned Chat Widget Provides Better CX

One thing is absolutely constant in life, and most definitely in the tech industry – change.

Technology and modern customer relationships come with a demand for upkeep. That upkeep sometimes involves smaller things, like bug fixes and updates. Other times it’s an overhaul that creates better customer and user experiences.

And, so, to keep things fresh and new, we continue to release redesigned versions of our live chat widget. More features, more visual options, cleaner looks – the enhanced versions of the widget serve as a great addition to any website.

“The new Embedded Widget design significantly improves the customer experience by combining simplicity and functionality,” says LiveHelpNow’s Solution Architect Magnus Sepp. “Its clean and intuitive layout enables users to navigate effortlessly, promoting a sense of ease and efficiency. With clear icons, easy-to-use menus, and distinct chat bubbles, customers can quickly find what they need and engage in seamless communication. This experience reduces customer effort and enhances satisfaction.”

In other words, our live chat embedded window widget got a “girl-without-glasses-in-a-coming-of-age-movie” type of makeover.

Make over

Let’s take a closer look at the features.

Embedded Chat Window: New Features

Ladies and gentlemen, and all the LiveHelpNow users, here it is in its full brand-sparking-new glory.

Modern Design

An improvement on our Modern Legacy layout, the new version of Modern design is wider and features more of an inset, creating a framed interface. The widget is also more aesthetically pleasing, with a combination of sharp angles and curved corners creating a smooth visual flow in customers’ conversations.

Here is the chat window as it appears during customer interactions with a chatbot.

Embedded chat widget: bot conversation

And here is the window as it shows a human agent conversation.

Embedded chat widget: agent conversation

The new layout allows easy access to emojis within the “Your message” field.

Overall, the redesigns present a more conversational and visually appealing layout. “It’s easier on the eye and the functionality is definitely improved,” says software developer Brent Weber who had worked on the redesign project. “It provides a cleaner look of all the elements in the window.” And, that, in turn, gives customers a better experience.

Sidebar Design

Similarly to the Modern design, the Sidebar has a clean modern look but features different styling. The design can take on full height, stretching from the top of your browser page to the bottom no matter what size screen you have. The new version of Sidebar is wider than it’s predecessor, giving customers more room to see the conversation flow.

Sidebar Widget

Full Screen Design – New!

The brand new Full Screen design does exactly what it says it does – it opens the chat in full screen width and height on desktop and mobile. This allows for a bigger spread of the chat, requiring less scrolling and allowing customers to see more of the conversation for reference.

Full screen widget

The full screen doesn’t have a slide-out (new feature explained below) because it is already full-screen, so in Full Screen mode the slide-out becomes an overlay.

Full screen widget overlay

New Features

Customers can easily search the company’s knowledge base to find relevant and helpful information. This invaluable tool now pops up on the side of the chat widget, allowing for both the conversation and the search to continue simultaneously.

Similarly, the post-chat survey appears on the left of the chat window at the end of the chat conversation.


The new chat widget layout style is located in the website code administration tool.



About The Author

Natalya Bucuy

Natalya Bucuy is a content marketer at LiveHelpNow. With expertise in customer service and marketing, she has written nu...

See more >