> ## Documentation Index
> Fetch the complete documentation index at: https://docs-classic.cognigy.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Webchat v3

> Discover Webchat v3, the latest Cognigy chat widget with improved customization, WCAG 2.2 accessibility, RTL language support, and npm package integration.

*Webchat v3* is a new version of Cognigy Webchat, compatible with Cognigy version 4.72 or later.

Benefits of Webchat v3:

* **Enhanced User Interaction**. Webchat v3 offers improved features and functionalities, leading to better user engagement and interaction.
* **Customization Options**. With Webchat v3, you can customize the appearance and behavior of the chat widget to align with your brand identity and user preferences.
* **Advanced Functionality**. The latest version of Webchat provides advanced functionalities such as rich media support, chat history, and real-time typing indicators<sup>[1](#footnote1)</sup>, enhancing the overall user experience.
* **Modern Design Out of the Box**. With Webchat v3, you no longer need to spend time extensively configuring styles; most settings are within the Endpoint configuration, allowing you to adjust styles in a user-friendly interface.
* **Adherence to Accessibility Guidelines**. Webchat v3 is fully aligned with WCAG 2.2 Level AA guidelines, guaranteeing enhanced readability, seamless navigation, and interactive functionality within the interface.
* **RTL Support**. Alongside the traditional LTR (left-to-right) layout, Webchat v3 supports RTL (right-to-left), enhancing usability for languages such as Arabic, Hebrew, Urdu, and more.
* **npm Package Support**. Alongside the hosted script integration, Webchat v3 supports the npm package, offering easier integration with modern frameworks, maintainable code, automatic updates, and compatibility with build systems and CI/CD pipelines.

If you're using Webchat v2 and looking to transition to Webchat v3, refer to the [migration guide](https://docs-classic.cognigy.com/webchat/migration.md).

![Webchat v3 home screen and chat screen side by side](https://mintcdn.com/cognigy-docs-legacy/B7GT1Ydtzyy7wRDu/_assets/webchat/v3/webchat-v3-home-and-chat-screens.png?fit=max\&auto=format\&n=B7GT1Ydtzyy7wRDu\&q=85\&s=a6b7f07599e5caa4667f869b49fbad16)

## How to Start with Webchat v3?

Start by reading the documentation provided for Webchat v3.
These articles give you a fundamental understanding of its features,
configuration, and how to integrate it into your project:

1. [Key Features](https://docs-classic.cognigy.com/webchat/v3/features.md). Explore the Webchat v3 features.
2. [Supported Browsers](https://docs-classic.cognigy.com/webchat/v3/supported-browsers.md). Explore the supported browsers for Webchat v3.
3. [Configuration](https://docs-classic.cognigy.com/webchat/v3/configuration.md). Create a Webchat v3 Endpoint and customize various settings within it.
4. Test your Webchat v3 using the embedded [Demo Webchat](https://docs-classic.cognigy.com/webchat/demo.md) within the Endpoint settings, or build Webchat v3 locally using [developer tools](https://github.com/Cognigy/Webchat/tree/main?tab=readme-ov-file#building-your-webchat).
5. [Embedding](https://docs-classic.cognigy.com/webchat/v3/embedding/hosted-script.md). Launch the Webchat v3 version on your website.

***

<sup id="footnote1">1</sup>: If you integrate Webchat v3 with a contact center, note that only [Cognigy Live Agent](https://docs-classic.cognigy.com/live-agent/index.md), [Genesys Cloud Open Messaging](https://docs-classic.cognigy.com/ai/escalate/handover-reference/genesys-cloud-open-messaging), and [Salesforce Enhanced Chat](https://docs-classic.cognigy.com/ai/escalate/handover-reference/salesforce-enhanced-chat.md) support the Webchat v3 typing indicator.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.