> 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="/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>