# 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="/files/YGKa7KEIrUXDtmuFNRjW" alt=""><figcaption></figcaption></figure>

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

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

* *Method 3: Click on* ![](/files/0MSkcxnqY31MDSLIuzRu) *icon in the left screen -> Click on* ![](/files/WwWx080aPS6a8STb3qK4) *icon near the Live chat*

<figure><img src="/files/46yjhqlfoyDQf2EYOCKc" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="/files/llB4KM3Jt41HldoUcldY" 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="/files/Z3HWzNgxKVseRMaqakT3" alt=""><figcaption></figcaption></figure>

Here is the interface when a page is added successfully

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

* *Click "settings" to active*

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

Here is the interface actived successfully

<figure><img src="/files/3pfnx4FR7RvsHqIBCmAC" alt=""><figcaption></figcaption></figure>

*Step 5: Configure the widget*

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

<figure><img src="/files/ONfoHHac12es7RsISkkq" 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="/files/CKC5xrY0pgAf4UWmQti8" 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="/files/nNW4wGajzyLHEw0e9m0B" alt=""><figcaption></figcaption></figure>


---

# 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.antbuddy.us/antbuddy-inc-documents/antcrm-customer-management/conversation/live-chat-use-guide.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.
