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"

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

• Method 3: Click on icon in the left screen -> Click on icon near the Live chat

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

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

Step 4: Enter all informations of page include:

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

Here is the interface when a page is added successfully

• Click "settings" to active

Here is the interface actived successfully

Step 5: Configure the widget

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

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

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>