快速入门 - EasyLiveChat 文档

§ 01创建您的工作区。

前往演示仪表板登录页面。使用预置的所有者账户，或在生产环境中创建新工作区 — 选择一个 slug，这就是您的子域 (acme.livechattools.com).

首次登录后您会进入收件箱。目前还没有真实对话 — 这正是第二步要解决的。

§ 02嵌入组件。

将加载器脚本粘贴在闭合标签之前 </body> 。这就是全部 — 不需要挂载 React 组件，不需要注册 Vue 插件。

HTMLapps/your-site/index.html

<script>
  window.LivechattoolsConfig = { tenant: 'acme' };
</script>
<script src="https://cdn.livechattools.com/widget-loader.js" async defer></script>

将 acme 替换为您自己的工作区 slug。脚本会从您的租户实时获取主题 — 颜色、文案、RTL 标记和头像 — 因此设计变更绝不需要重新部署您的站点。

识别访客

如果访客已登录您的产品，将其身份交给组件，以便您将 EasyLiveChat 对话与自己的用户表关联：

JSwindow.LivechattoolsConfig — 身份识别

window.LivechattoolsConfig = {
  tenant: 'acme',
  identify: {
    id:    'usr_28x91',          // your stable user id
    name:  'Mariam El-Sayed',
    email: 'mariam@example.com',
    locale: 'ar',
    attributes: {
      plan:        'pro',
      mrr_cents:   4900,
      signed_up:   '2024-11-04',
    },
  },
};

§ 03发送您的首条回复。

在第二个浏览器标签中打开您的站点，点击气泡并输入 "Hello world"。消息通过 Socket.IO 通道实时抵达仪表板收件箱 — 亚秒级，无轮询回退。

按 ⌘↩ 发送任何客服回复。访客会看到您的消息伴随轻柔提示音出现，并且在您撰写时存在指示点会切换为 "Typing…"。

§ 04邀请您的团队。

从 设置 → 客服，点击邀请，并输入邮箱和角色。EasyLiveChat 通过邮件发送一次性链接；点击该链接将设置密码并将新客服直接带入收件箱。角色决定他们可以看到什么 — 所有者管理账单，管理员管理客服，客服负责回复。

bashPOST /api/tenant/agents — 通过 REST API 邀请

curl -X POST https://acme.livechattools.com/api/tenant/agents \
  -H "Authorization: Bearer $EASYLIVECHAT_TOKEN" \
  -H "Content-Type: application/json" \
  -d '{
        "email":  "noor@acme.test",
        "name":   "Noor Al-Saadi",
        "role":   "ADMIN"
      }'

§ 05设置工作时间。

非工作时段，组件将编辑器换为离线表单。对话仍会进入您的收件箱 — 它们会被打上标签 offline 以便第二天上午进行干净的跟进。在以下位置配置工作日时间窗 设置 → 工作时间，每个都使用您租户的本地时区。

JSON示例排班 — 周日 – 周四，09:00–18:00 Asia/Erbil

{
  "timezone": "Asia/Erbil",
  "schedule": {
    "sunday":    [{ "from": "09:00", "to": "18:00" }],
    "monday":    [{ "from": "09:00", "to": "18:00" }],
    "tuesday":   [{ "from": "09:00", "to": "18:00" }],
    "wednesday": [{ "from": "09:00", "to": "18:00" }],
    "thursday":  [{ "from": "09:00", "to": "18:00" }],
    "friday":    [],
    "saturday":  []
  },
  "offlineMessage": "We're back Sunday at 9. Leave a note — we will reply."
}

§ 06接下来去哪里。

这篇文章有用吗？

建议修改 ↗