We are excited to unveil the Teneo Web Widget (TWW), a robust new solution for embedding Teneo-powered conversational agents into websites. This new channel was introduced in Teneo 7.6 and not only replaces the previous Teneo Web Chat but also introduces a modern React-based interface designed for today’s evolving web environments. TWW delivers a richer, more dynamic user experience, right out of the box.
Teneo Web Widget Set of Message Types for Versatile Conversations
One of the standout features of Teneo Web Widget is its support for a variety of message types. Whether it’s a simple button or an immersive video, TWW empowers your conversational agents to communicate through diverse and interactive formats. Developers can add these message types to the bot’s output through the teneowebclient output parameter in JSON format, making it easy to extend conversations with rich media.
Here are just a few of the available message types:
- Image: Share relevant visuals with your users.
- Video: Provide detailed instructions or demos via embedded videos.
- Audio: Allow users to listen to sound bites or instructions.
- Quick Reply: Offer predefined, clickable responses for users to choose from.
- Buttons: Display action-oriented buttons that trigger specific postback actions.
- Card: Present detailed information with optional images, titles, subtitles, and buttons.
- Full Screen Mode: Enhance the user experience by allowing content to take up the entire screen, removing distractions and focusing attention on the task at hand.
- Dark and Light Mode: Offer users the ability to switch between dark and light themes, providing visual comfort and better readability in different lighting conditions.
For developers wanting to experiment with these features, TWW provides a Storybook Playground where you can test and see how different message types render, allowing you to iterate faster and deliver more polished conversational experiences.
Teneo Web Widget Markdown Support for Dynamic Text Formatting
Teneo Web Widget also supports Markdown, enabling rich text formatting directly in your bot’s responses. Using simple syntax, you can create headers, lists, links, and more to present information clearly and effectively. Whether you need to emphasize important points or present structured data, Markdown support makes the output both versatile and engaging.
Developer-Friendly Integration of Teneo Web Widget
The JavaScript API built into TWW makes integrating live chat and other dynamic functionalities effortless. It offers great extendability, giving developers the flexibility to customize the widget as needed. Plus, TWW is backward-compatible with Teneo Web Chat, so teams already familiar with the Teneo ecosystem can easily transition to this newer, more powerful solution without missing a beat.
Streaming Support for Real-Time Conversations
One of the most powerful features of TWW is its full support for Teneo Streaming Responses, allowing for dynamic, real-time interactions. As your bot processes a user’s input, it can send updates in parts—whether it’s text, images, or even tables—making conversations more fluid and engaging. This streaming capability keeps users informed and engaged throughout the interaction, eliminating the need for long pauses and delivering a more satisfying experience.
Immersive Full-Screen Mode for Focused Interactions
Teneo Web Widget offers a Full-Screen Mode option, designed to provide users with a distraction-free experience. By allowing content to take over the entire screen, users can focus solely on the conversation or task at hand. This mode is ideal for complex workflows or detailed interactions where uninterrupted attention is crucial, making the overall experience more engaging and productive.
User-Centric Dark and Light Mode for Enhanced Accessibility
With Dark and Light Mode options, Teneo Web Widget caters to users’ preferences for visual comfort and accessibility. Whether interacting in low-light environments or bright conditions, users can easily switch between themes, ensuring optimal readability and a personalized experience. This flexibility enhances usability, providing a smoother and more enjoyable journey through your bot’s interface.
Explore the Future of Web Integration
Teneo Web Widget offers developers and businesses an upgraded platform to deliver richer, faster, and more engaging conversational experiences on the web. With its support for interactive message types, Markdown formatting, and seamless integration capabilities, TWW is ready to elevate your web-based customer interactions.