# Website Chat Widget Overview

IS-Messenger Website Chat Widget unifies website chat and messaging channels in a single widget. This widget appears as a pop-up window on your website, allowing customers to choose between starting a chat with you via live chat or through other [Messaging Channels](https://docs.is-messenger.com/ismessenger/messaging-channels) you have connected to on the widget header.

<figure><img src="https://files.helpdocs.io/9e3syfbzn8/articles/6fb34pgt8o/1692087464311/website-chat-widget-1.png" alt="Website Chat Widget" width="375"><figcaption></figcaption></figure>

IS-Messenger provides an alternative way for your customers to contact you from your website, which is via a Growth Widget. To learn which widget is right for your business, check out [this section](#website_chat_widget_vs_growth_widget).

#### Website Chat Widget vs Growth Widget <a href="#website_chat_widget_vs_growth_widget" id="website_chat_widget_vs_growth_widget"></a>

**Website Chat Widget**

A Website Chat Widget focuses on enabling quick communication and support between customers and your business. The live chat is a session-based conversation, which means it has no messaging window and your business will not be able to contact your customers once the chat has ended.

Learn how to [add a Website Chat Widget to your website using IS-Messenger here](#website_chat_widget_vs_growth_widget).

**Growth Widget**

A Growth Widget allows you to embed a single channel or multichannel widget on your website so customers can connect with you via their preferred messaging apps. A Growth Widget can incorporate a Website Chat Widget as one of its components and it has a wider scope of usage which includes:

* Generating leads by collecting customers’ details such as email addresses and phone numbers.
* Engaging users by encouraging customers to follow or engage with your business on various social media platforms.

Learn more about [Growth Widget here](https://docs.is-messenger.com/ismessenger/workspace-setting/growth-widgets/website-chat-widget-quick-start).

#### Pricing <a href="#pricing" id="pricing"></a>

You can set up a Website Chat Widget using IS-Messenger. Refer here for the available plans.

#### Capturing Conversation <a href="#capturing_conversation" id="capturing_conversation"></a>

Customers have to send your business the first message to start a conversation.

There are a couple of ways to encourage customers to visit your website to initiate a chat:

* [Chat links](https://docs.is-messenger.com/ismessenger/getting-started/quick-start/getting-contacts-to-message-you): Add a URL in emails, newsletters or business cards that directs customers to your website to start a chat with you.
* [QR codes](https://docs.is-messenger.com/ismessenger/getting-started/quick-start/getting-contacts-to-message-you): A QR code can be placed in physical locations, such as hotels, restaurants or malls. When customers scan the code, they will be directed to your website to start a chat with you.
* Live chat: The live chat option allows your customers to receive assistance and answers in real time. However, to ensure you can reach out to your customers even after the live chat has ended, you will need to collect Contact details from live chat conversations. There are three ways to do this:
  * [Pre-chat form](https://docs.is-messenger.com/ismessenger/automate-conversations/how-to-collect-contacts-emails-and-phone-numbers): Set up a form before the chat starts. This will require your customers to fill out their contact details before they can start chatting with you.
  * [Dialogflow chatbot](https://docs.is-messenger.com/ismessenger/workspace-setting/integrations/dialogflow): Utilize a Dialogflow chatbot to interact with visitors and collect their information.
  * [Workflow](https://docs.is-messenger.com/ismessenger/automate-conversations/how-to-collect-contacts-emails-and-phone-numbers): Create a Workflow that prompts Contacts to provide their email or phone number for identification purposes.

#### Channel Capabilities <a href="#channel_capabilities" id="channel_capabilities"></a>

These are the capabilities of Website Chat Widget:

* [Supported File Types](https://docs.is-messenger.com/ismessenger/workspace-setting/growth-widgets)
* [Message Status Availability](https://docs.is-messenger.com/ismessenger/workspace-setting/growth-widgets/website-chat-widget-overview)

**Supported File Types**

The file types supported by Website Chat Widget and the maximum file size for each type are as follows:

* Image (20 MB)
* Audio (20 MB)
* Video (20 MB)
* File (20 MB)

{% hint style="warning" %}
For any unsupported file type or file that exceeds the maximum file size sent via Website Chat Widget, the file will automatically be turned into a URL link on the IS-Messenger platform.
{% endhint %}

**Message Status Availability**

The table outlines the availability of message statuses in Website Chat Widget.

| **Message Status** | **Availability** |
| ------------------ | ---------------- |
| Sent               | ✅                |
| Delivered          | ✅                |
| Read               | ✅                |
| Failed             | ✅                |

#### FAQ and Troubleshooting <a href="#faq_and_troubleshooting" id="faq_and_troubleshooting"></a>

**Messages failed to be sent to Contact**

There could be a few reasons why the messages failed:

* Contact has left the website or closed the browser with the Website Chat present.
* Contact's inactivity may exceed the timeout period.
* Contact's client may have internet connection issues.

**How do I reach out to Contacts who have left my website?**

To stay in touch with Contacts who have left your website, [collect their phone numbers or emails](#website_chat_widget_vs_growth_widget) before chatting on live chat. If they leave your website, you can still continue the conversation on other Channels like WhatsApp, email or SMS. When connecting with Contacts on the IS-Messenger platform, you can switch between Channels using the [Channel switcher](https://docs.is-messenger.com/ismessenger/messaging-channels) in the messaging console.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.is-messenger.com/ismessenger/workspace-setting/growth-widgets/website-chat-widget-overview.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.