# Web Chat

Setting up a web chat plugin for your website is easy. Just embed the code into the corresponding position to allow your customers to chat with you on their preferred channels, including WhatsApp, Instagram, Facebook, WeChat, or directly on the chat plugin.

### Settings

Before setting up, you need to select an inbox first. 

<figure><img src="/files/UajUQDt6rXawR6lroZ81" alt=""><figcaption></figcaption></figure>

You can customize the chat widget's header, brand name, welcome message, display color, position (bottom-left or bottom-right), icon, and your social media channel URLs. AI features include suggested replies that offer follow-up questions to customers at appropriate times.

### Allow Domain

<figure><img src="/files/JgtQjcfacvUiLKHUhtr1" alt=""><figcaption></figcaption></figure>

In Settings, you need to fill in Allowed Domains. If your website is <https://chatalog.ai>, you may fill it in as an allowed domain. Allowed Domains could be more than 1. Setting it up is for preventing other unauthorized websites from embedding your code.&#x20;

### Installation

<figure><img src="/files/qJy2XxpiqOhp7yaN3GVh" alt=""><figcaption></figcaption></figure>

Click generate widget code upon finish. Click Copy to get the code. If you can directly edit the HTML of your website, embed it into every enclosing \</body> or \</head> for all your pages.

Next, you can test your configuration using the "**Test Now**" button. This allows you to preview the web chat widget with the current settings before deploying it to your website. Lastly, click Save to apply changes.&#x20;

### Greeting Flow

<figure><img src="/files/fbqpP6H6GTcyx5xdJRs1" alt=""><figcaption></figcaption></figure>

You can set up a greeting flow to welcome your customers as well. If you want to configure this, go to the Chat Flow page, edit and enable the Greeting Flow. This feature allows you to create more sophisticated conversation flows tailored to your specific needs.

### Attachment Support *(Paid Add-on)*

<figure><img src="/files/ssXhkzTK73aShbML0CN7" alt="" width="188"><figcaption></figcaption></figure>

The web chat now supports sending attachments, including audio, images, and files (PDF, DOCX, XLSX, PPTX) as a paid add-on feature. This enables customers to share visual context and documents directly in conversations for more comprehensive support.


---

# 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.chatalog.ai/settings/web-chat.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.