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

# Webchat v2: Key Features

> Explore Cognigy Webchat v2 key features including Quick Replies, gallery cards, buttons, and various message output types for richer chat interactions.

<Warning>
  As of Cognigy.AI 4.83.0, Webchat v2 is deprecated. Webchat v2 will be retired in February 2026. During this time, only important security updates will be provided for v2, with no further feature additions.
  Before support for Webchat v2 ends, [migrate](https://docs.cognigy.com/webchat/migration/) to Webchat v3.
</Warning>

Cognigy Webchat v2 offers several key features aimed at enhancing user interaction and navigation within conversations.

## Chat UI

When you use message Nodes such as [Say](/ai/agents/develop/node-reference/basic/say), [Question](/ai/agents/develop/node-reference/basic/question), or [Optional Question](/ai/agents/develop/node-reference/basic/optional-question) Nodes, the following output types can be used within these nodes to display different message formats in the chat.

### Quick Replies

With Quick Replies, you can guide users through conversations by offering example phrases for replies. When users click a Quick Reply, they'll send a pre-configured message defined by you, facilitating smoother interactions.

<Frame>
  <img src="https://mintcdn.com/cognigy-15abf2ba/ro36lDWu-iFO3b_v/_assets/webchat/v2/quick-replies.png?fit=max&auto=format&n=ro36lDWu-iFO3b_v&q=85&s=ed44a643f0cbad2826be023dc544f132" alt="Quick reply buttons displayed below a chat message in Webchat v2" style={{ width: 'auto' }} width="511" height="668" data-path="_assets/webchat/v2/quick-replies.png" />
</Frame>

### Gallery

To present structured content interactively, use the Gallery. It allows you to showcase one or more items with an image, a title, a subtitle, and optional buttons containing links or pre-configured messages.

<Frame>
  <img src="https://mintcdn.com/cognigy-15abf2ba/ro36lDWu-iFO3b_v/_assets/webchat/v2/gallery.png?fit=max&auto=format&n=ro36lDWu-iFO3b_v&q=85&s=3dcec1f8412650dbd744ef9249c53dca" alt="Gallery carousel with cards containing titles and buttons in Webchat v2" style={{ width: 'auto' }} width="512" height="662" data-path="_assets/webchat/v2/gallery.png" />
</Frame>

### List

The List feature enables you to present 2-4 list options to users,
ideal for scenarios where users need to view all options at once. It's a preferred alternative to the Gallery for such cases.

<Frame>
  <img src="https://mintcdn.com/cognigy-15abf2ba/ro36lDWu-iFO3b_v/_assets/webchat/v2/list.png?fit=max&auto=format&n=ro36lDWu-iFO3b_v&q=85&s=61eaa675cbcfc0bd7a4206a9d9dadc2f" alt="List output showing multiple selectable options in Webchat v2" style={{ width: 'auto' }} width="512" height="666" data-path="_assets/webchat/v2/list.png" />
</Frame>

### Audio

The Audio feature enables you to send audio files. Users will see a web player and can play the file instantly.

<Frame>
  <img src="https://mintcdn.com/cognigy-15abf2ba/ro36lDWu-iFO3b_v/_assets/webchat/v2/audio.png?fit=max&auto=format&n=ro36lDWu-iFO3b_v&q=85&s=61f566992a903b9c9f45b85f81969b06" alt="Audio player embedded in a Webchat v2 message" style={{ width: 'auto' }} width="508" height="662" data-path="_assets/webchat/v2/audio.png" />
</Frame>

### Image

The Image feature enables you to send image files. Users will view the image in a fixed aspect ratio.

<Frame>
  <img src="https://mintcdn.com/cognigy-15abf2ba/ro36lDWu-iFO3b_v/_assets/webchat/v2/image.png?fit=max&auto=format&n=ro36lDWu-iFO3b_v&q=85&s=fd32c54ec575e68ccb06ece65a745e13" alt="Image file displayed inline within a Webchat v2 message" style={{ width: 'auto' }} width="508" height="665" data-path="_assets/webchat/v2/image.png" />
</Frame>

### Video

The Video feature enables you to send video files. Users will see a web player and can play the file instantly.

<Frame>
  <img src="https://mintcdn.com/cognigy-15abf2ba/ro36lDWu-iFO3b_v/_assets/webchat/v2/video.png?fit=max&auto=format&n=ro36lDWu-iFO3b_v&q=85&s=65835990d5b8a8ea1f00599656ba21f7" alt="Video player embedded in a Webchat v2 message" style={{ width: 'auto' }} width="508" height="661" data-path="_assets/webchat/v2/video.png" />
</Frame>

### Text with Buttons

If you require navigation options for users without the need for rich structuring, as the Gallery, you can use the Text with Buttons.

<Frame>
  <img src="https://mintcdn.com/cognigy-15abf2ba/ro36lDWu-iFO3b_v/_assets/webchat/v2/button-template.png?fit=max&auto=format&n=ro36lDWu-iFO3b_v&q=85&s=768c601037791642d5df96c79817f6ce" alt="Text message with navigation buttons in Webchat v2" style={{ width: 'auto' }} width="510" height="661" data-path="_assets/webchat/v2/button-template.png" />
</Frame>

## Date Picker

Whenever your AI Agent prompts for a date input via the Webchat, users can select the date using an interactive Date Picker.

<Frame>
  <img src="https://mintcdn.com/cognigy-15abf2ba/ro36lDWu-iFO3b_v/_assets/webchat/v2/date-picker-selection-date.png?fit=max&auto=format&n=ro36lDWu-iFO3b_v&q=85&s=188a65fe8595f473c55a8d08a43ecaf9" alt="Date picker button prompting the user to select a date" style={{ width: 'auto' }} width="510" height="659" data-path="_assets/webchat/v2/date-picker-selection-date.png" />
</Frame>

After clicking the Date Picker button, a full-screen overlay will appear in the Webchat, allowing the user to choose a date within the constraints defined by the AI Agent.

<Frame>
  <img src="https://mintcdn.com/cognigy-15abf2ba/ro36lDWu-iFO3b_v/_assets/webchat/v2/date-picker.png?fit=max&auto=format&n=ro36lDWu-iFO3b_v&q=85&s=7bcb35f1f46f710f8d787e82188284ec" alt="Full-screen date picker overlay for choosing a date" style={{ width: 'auto' }} width="505" height="664" data-path="_assets/webchat/v2/date-picker.png" />
</Frame>

To use a Date Picker, add the [Date Picker](/ai/agents/develop/node-reference/data/datepicker) Node within your Flow.

## Persistent Menu

If your bot contains a broad and deep set of features, it may be helpful for users to be able to use a menu for navigation. The Persistent Menu solves this issue by providing a set of pre-defined messages (like Quick Replies) that can be accessed from the input bar at any point in the conversation.

<Frame>
  <img src="https://mintcdn.com/cognigy-15abf2ba/ro36lDWu-iFO3b_v/_assets/webchat/v2/persistent-menu.png?fit=max&auto=format&n=ro36lDWu-iFO3b_v&q=85&s=960b577599a5f1cb3cdc5a8901e7b91c" alt="Persistent menu with pre-defined navigation options in the input bar" style={{ width: 'auto' }} width="505" height="664" data-path="_assets/webchat/v2/persistent-menu.png" />
</Frame>

To configure the Persistent Menu, use the [Persistent Menu](/webchat/v2/configuration#persistent-menu) settings.