# Website Chat

You may deploy your bot to appear as a widget on your own website. Your website's visitors may chat with your bot on it or link to other live messaging channels.

The end product looks like this on a desktop screen.

<figure><img src="/files/S4k6Xr0cCIPOXEXjklc0" alt=""><figcaption><p>Chatbot live on website</p></figcaption></figure>

like this on mobile

<figure><img src="/files/FwTeVUIEjCWJa5V7foPS" alt="" width="240"><figcaption><p>BotDistrikt Bot on Mobile</p></figcaption></figure>

## Capturing Conversations

To encourage users to visit your chatbot widgets, you can implement:

* Embedding: Embed your chatbot widget into a variety of platforms ranging from websites to mobile applications.
* Chat links: Add your chatbot URL in marketing collaterals or in stages of your user journey to direct them to your widget.
* QR Codes: Add a QR code which directs users to your chatbot widget. This can be placed on digital assets as well as in physical locations.
* Live chat: A live chat option allows you to provide assistance to users and capture request details in real time. This can be done with BotDistrikt's integration with CRM tools such as Salesforce, Twilio, and more.

## Supported File Types

The [supported file types](https://docs.botdistrikt.com/how-botdistrikt-works/engagement#image) on Website Chat Widget and the maximum file size for each type are as follows:

* Audio - MP3s, WAVs (10 MB)
* File - PDFs, DOCs, PPTs, XLSs (10 MB)
* Image - PNGs, JPEGs, GIFs (10 MB)
* Video - MP4s, MOVs, AVIs (20 MB)

Should an unsupported file type be uploaded, a tooltip with an error message will appear.

<figure><img src="/files/rlRQXZj4anuzgaJEoCCD" alt="" width="375"><figcaption><p>Error Message for Unsupported File</p></figcaption></figure>

## **How to reach out to chatbot users?**

You can reach out to users with [Broadcasts](/features/broadcasts.md), or via the [Console](/features/inbox/console.md). If a user leaves your website, reaching out to them can be done via their personal contact details. To collect a [user's personal details](/features/users/dear-user.md), you can use [Forms](/features/forms.md) or [manually record](/features/users/edit-users.md) details in a user's profile page.


---

# 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.botdistrikt.com/messaging-channels/website.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.