> For the complete documentation index, see [llms.txt](https://docs.antbuddy.us/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.antbuddy.us/antbuddy-inc-documents/antcrm-customer-management/conversation/live-chat-use-guide.md).

# Live chat use guide

*Step 1: Log in CRM*

● *Open link: <https://beeiq.co>*

● *Log in owner or admin account*

*There are 4 ways to Live chat integration:*

* *Method 1: Click on Integrate Omnichannel -> Click "Integrate"*

<figure><img src="https://2883279534-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDeVvlGozALEs84kVZd2q%2Fuploads%2FBAPDowCnrydBqbtNfbRB%2Fimage.png?alt=media&amp;token=04207b3a-373c-4e5d-8153-b14fee009009" alt=""><figcaption></figcaption></figure>

* *Method 2: Click "Settings" -> Choose "Message channel integration" -> Choose "Integrate"*

<figure><img src="https://2883279534-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDeVvlGozALEs84kVZd2q%2Fuploads%2F79qaWqXkk6ul1acQqLAN%2Fimage.png?alt=media&amp;token=c7004410-e087-4114-9ca4-e063d29b5ab5" alt=""><figcaption></figcaption></figure>

* *Method 3: Click on* ![](https://2883279534-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDeVvlGozALEs84kVZd2q%2Fuploads%2F6oExKaH8WTc343VaRUdA%2Fimage.png?alt=media\&token=f94ad2fb-b2ca-478f-8db8-f57c37185373) *icon in the left screen -> Click on* ![](https://2883279534-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDeVvlGozALEs84kVZd2q%2Fuploads%2F9WgGMf52X80Zgw1fNHue%2Fimage.png?alt=media\&token=6aa6b75e-578e-476d-895c-738583ae490c) *icon near the Live chat*

<figure><img src="https://2883279534-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDeVvlGozALEs84kVZd2q%2Fuploads%2F1IamofBkit6lp6ps5Qxo%2Fimage.png?alt=media&amp;token=b8186b4c-638a-44cf-822e-5f5788354ebc" alt=""><figcaption></figcaption></figure>

* *Method 4: Click "Omni Conversation" -> Click "Conversation" -> Click "Live chat" -> Click "Integrate"*

<figure><img src="https://2883279534-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDeVvlGozALEs84kVZd2q%2Fuploads%2FQxfmVx3cBpe31kW4ou9P%2Fimage.png?alt=media&amp;token=7a603a3a-6fcd-4b06-a59e-55192014a43b" alt=""><figcaption></figcaption></figure>

*Step 3: After click on integrate -> Click "Add Page"*

<figure><img src="https://2883279534-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDeVvlGozALEs84kVZd2q%2Fuploads%2FBuiucNVC8DqCczSaUDJB%2Fimage.png?alt=media&amp;token=6b02d5eb-ac1a-47c9-bc96-2c732eab7f23" alt=""><figcaption></figcaption></figure>

*Step 4: Enter all informations of page include:*

*Page name (Optional) and description, Select avt (optional) -> Enter "Save" button*

<figure><img src="https://2883279534-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDeVvlGozALEs84kVZd2q%2Fuploads%2F4EJtTXBCtideImzMBewk%2Fimage.png?alt=media&amp;token=7ac0ca01-2b74-4cdd-99e5-d1fab87819d1" alt=""><figcaption></figcaption></figure>

Here is the interface when a page is added successfully

<figure><img src="https://2883279534-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDeVvlGozALEs84kVZd2q%2Fuploads%2FnLsPCuD3sl3HJVbNlZpd%2Fimage.png?alt=media&amp;token=e1bb5107-a319-4268-9be2-1fa6b7951644" alt=""><figcaption></figcaption></figure>

* *Click "settings" to active*

<figure><img src="https://2883279534-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDeVvlGozALEs84kVZd2q%2Fuploads%2F5et4TCO7DcjgMSNlOrlo%2Fimage.png?alt=media&amp;token=ec68a3a4-b42a-46c1-8f46-bab0a94ebb64" alt=""><figcaption></figcaption></figure>

Here is the interface actived successfully

<figure><img src="https://2883279534-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDeVvlGozALEs84kVZd2q%2Fuploads%2F3ESlCqUTCrpAZHGl3RAZ%2Fimage.png?alt=media&amp;token=0fd8318e-724d-4ffd-b32b-5f8df9262e99" alt=""><figcaption></figcaption></figure>

*Step 5: Configure the widget*

● *To configure the Widget, click on the **Chat Widget** button*

<figure><img src="https://2883279534-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDeVvlGozALEs84kVZd2q%2Fuploads%2Fwe64e7YO09OvK2S26lUx%2Fimage.png?alt=media&amp;token=94e1cfd6-9d69-43b6-b5f1-bdbfa7a3e491" alt=""><figcaption></figcaption></figure>

* *Here, you can customize various options for your chat widget, as well as set up the chat widget on your website*

<figure><img src="https://2883279534-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDeVvlGozALEs84kVZd2q%2Fuploads%2FMIireHllxsMhZH8SO8cQ%2Fimage.png?alt=media&amp;token=ff07fe50-910f-4d8c-8292-ffe1161bf800" alt=""><figcaption></figcaption></figure>

*Step 6: Install the Widget on your website*

*Before you can start receiving messages and chatting with customers, you need to install the chat widget on your website*

*To install the chat widget on your website, copy the code provided in the chat widget interface (HTML/React) and follow the instructions*

```
<script>
window.AntBuddy = {
  config: {
    token: "cd23238c-0dd2-4f9e-9ce8-683f1df68dbd",
    inbox: "61f0daf0-fe6e-4987-bd34-ec14720c3d67",
    title: "Chào mừng bạn đến với AntBuddy.com",
    subtitle: " ",
    primaryColor: "#35368d",
    greeting: "Chào bạn, AntBuddy có thể giúp gì cho bạn?",
    awayMessage: "Xin lỗi, hiện tại đang ngoài giờ",
    newMessagePlaceholder: "Bắt đầu nhập...",
    showAgentAvailability: false,
    agentAvailableText: "Chúng tôi đang online!",
    agentUnavailableText: "Chúng tôi đang vắng mặt.",
    requireEmailUpfront: false,
    requireNameUpfront: true,
    requirePhoneUpfront: true,
    useCompanyProfileOnly: true,
    iconVariant: "outlined",
    baseUrl: "https://chat-sdk.antbuddy.com",
    iframeUrlOverride: "https://chat-widget.antbuddy.com"
    // Optionally include data about your customer here to identify them
    // customer: {
    //   name: __CUSTOMER__.name,
    //   email: __CUSTOMER__.email,
    //   external_id: __CUSTOMER__.id,
    //   metadata: {
    //     plan: "premium"
    //   }
    // }
  },
};
</script>
<script
  type="text/javascript"
  async
  defer
  src="https://chat-sdk.antbuddy.com/widget.js"
></script>
```

<figure><img src="https://2883279534-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDeVvlGozALEs84kVZd2q%2Fuploads%2FnUSYkUlvnLc809xj2igL%2Fimage.png?alt=media&amp;token=10f56b89-8eb2-4709-b430-29d50f19cf9d" alt=""><figcaption></figcaption></figure>