客户参与和建立关系是发展和维持业务的主要支柱。如果缺乏客户参与,一个好的产品可能还不够。我们需要一种更好的方式与客户交谈,建立关系,让他们更容易随时随地与我们联系。

让我介绍一下Chatwoot,这是一个开源平台,可以从一个地方处理所有客户参与和关系目标。Chatwoot帮助管理对话,为您的客户提供实时支持和以 25 多种语言进行交流的能力。

在本文中,我们将了解,

  • Chatwoot及其功能。

  • 多种语言支持如何使 chatwoot 成为一种出色的使用工具。

Chatwoot及其特点

要开始使用 chatwoot,您可以在创建一个帐户在一分钟内开始使用。或者,您也可以从源代码托管您的 chatwoot 版本。首先,让我们创建一个帐户并了解其出色的功能。

浏览到https://www.chatwoot.com/并通过提供您的详细信息(例如姓名、电子邮件 ID、帐户名和密码)来创建一个帐户。验证您的电子邮件 ID 后,您将获得对新 chatwoot 帐户的完全访问权限。请使用凭据登录以访问 chatwoot 仪表板。仪表板是使用多个代理管理与一个或多个产品/服务/网站相关的多个客户的交互的单一位置。

a.png

建立您的客户支持团队

要开始工作,您首先需要建立一个代理团队(又名团队成员),负责回答客户的查询。要添加一个或多个代理,请单击链接以邀请团队成员。

b.png

然后单击Add Agent按钮以添加代理名称、代理角色和电子邮件 ID。您添加的代理将收到一封确认电子邮件以激活他们的帐户。请注意您提供给代理的角色。管理员角色将有权访问所有 chatwoot 功能。代理角色只能访问收件箱、报告和对话。

c.png您还可以创建一个团队并向其中添加一个或多个代理。

Connect Inbox - 您的客户服务渠道

您可以将网站、Facebook、Whatsapp 等应用程序连接到 chatwoot。这些连接中的每一个都用作 chatwoot 的客户服务渠道。这意味着您将能够为这些渠道中的每一个创建实时聊天服务。它被称为inbox。要创建收件箱,请单击Add Inbox链接或页面右上角的按钮。

d.png

然后您可以从选项列表中选择频道。让我们选择一个网站作为选项。

e.png

提供网站频道的详细信息。您需要指定网站名称、域、颜色、标语来创建收件箱。最后,单击“创建收件箱”按钮。

f.png

接下来,您需要将代理分配到您的收件箱。请选择代理并添加。

g.png

就这样。您已准备好收件箱。现在,您将获得一个添加到您网站页面的脚本。此脚本将为您的客户添加 chatwoot 聊天按钮以发起聊天。

h.png

现在,您可以一起创建和管理所有收件箱。

i.png

将 Chatwoot 支持添加到您的网站

现在我们将学习如何使用收件箱脚本将 chatwoot 支持添加到您的网站。复制收件箱脚本并将其粘贴到您网站的索引(或条目)页面的<body>标记中。让我们将其视为一个简单的 HTML 文件的演示,如下所示,

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Chatwoot Demo</title>
    </head>
    <body>
        <h1> A simple Chatwoot Demo </h1>
        <script>
          (function(d,t) {
            var BASE_URL="https://app.chatwoot.com";
            var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src=BASE_URL+"/packs/js/sdk.js";
            s.parentNode.insertBefore(g,s);
            g.onload=function(){
              window.chatwootSDK.run({
                websiteToken: '<PASTE_YOUR_WEBSITE_TOKEN_HERE>',
                baseUrl: BASE_URL
              })
            }
          })(document,"script");
        </script>      
    </body>
</html>

现在使用任何服务器运行上述 HTML 文件,例如使用npx,

npx serve index.html

现在,您将能够访问位于localhost:5000的页面。您将看到chatwoot 按钮出现在页面的右下角。假设这是您的客户正在使用的网站。

j.png

客户可以通过单击“开始对话”按钮发起聊天。

k.png

一旦您的客户发送了第一条消息,chatwoot 机器人就会询问客户的电子邮件 ID,以便通过电子邮件联系和通知。

l.png

作为代理(客户支持团队的成员),您将在 chatwoot 仪表板的Conversations选项下找到所有客户的对话。Conversations选项具有三个主要部分。

  1. 列出客户针对网站/应用程序(频道)的所有对话。

  2. 来自客户的所有聊天记录。此部分还允许代理回复对话并记录客户不可见的私人笔记。

  3. 客户和代理的详细信息。

m.png

使用上述对话界面,座席可以将回复发回,客户可以实时查看和回复。请注意,当客户发起对话时,chatwoot 会立即通过发送如下所示的电子邮件通知代理。

n.png

包含所有编辑的整个聊天历史记录都保存在 chatwoot 中,以供将来参考。 Chatwoot 根据其可用性和负载智能地为有权访问收件箱的代理分配票证。

作为代理,您可以选择在逻辑阶段将对话标记为已解决。为此,您需要单击页面右上角的“解决”按钮。

o.pg

如果针对该渠道进行了配置,您的客户将获得 CSAT 调查。

p.png

标签

您可以创建标签并将它们用于不同的目的。标签是纯文本,用于指示您选择的任何内容。您可以根据需要创建任意数量的标签,并在以后的对话中使用它们。向对话添加标签会为其添加额外的上下文。它还有助于快速识别对话。

q.png

罐头响应

作为代理,您可能会一次又一次地使用许多交互。将它们保存在某个地方并使用它们怎么样?它将使您免于输入更长的句子,并且您对客户的响应时间也显着提高。您可以通过提供简码和针对它的详细消息来添加预设回复。稍后您将在写给客户的回复时使用此短代码来识别详细消息。

r.png

然后在编写响应时,使用 / 键获取可供选择的预设消息列表。简码将有助于识别您要查找的消息。

s.png

报告

作为一个组织,企业主,你需要审计事情。您需要了解客户的反应。这就是报告提供帮助的地方。您可以导航报告选项以查看不同时间范围的概览报告和客户满意度 (CSAT) 报告。您还可以下载概览报告以离线查看。

t.png

应用与集成

Chatwoot使您能够使用 Dialogflow 与外部聊天机器人系统集成,并快速将它们连接到您的收件箱。这样,机器人会在将查询交给客户服务代理之前处理这些查询。

您还可以将 Slack 应用程序与 chatwoot 集成,以便在您的 Slack 内获得您帐户中所有新对话的通知。此外,webhook 集成有助于将事件传达给您喜欢的应用程序,如 Slack 或 Github。单击配置以设置您的 webhook。

多语言聊天支持

Chatwoot 支持 25 多种开箱即用的语言。这意味着您可以设置 chatwoot 以在您选择的语言上运行。您可以从Account settings下的General settings中选择一种语言并应用更改。

u.png

现在,chatwoot 应用程序将以所选语言显示所有文本。

v.png

面向客户的聊天也将响应此更改。它将以所选语言呈现文本。

w.png

如果您在 chatwoot 支持的语言集中找不到一种语言怎么办?不用担心。我们将在下一篇文章中学习如何添加新的语言支持。

在我们结束之前...

目前为止就这样了。我希望您发现这篇文章很有见地,并且它可以帮助您清楚地了解 chatwoot 的用法。让我们连接起来。你会发现我在Twitter (@tapasadhikary)上很活跃。随时关注。我还开始使用我的YouTube 频道分享知识,以便您也可以查看。

本文最初发表于Aviyel。对于开源的一切,请关注@aviyelHQ或者如果您是项目维护者、贡献者或只是开源爱好者,请注册抢先体验。

Logo
向您推荐>>ModelScope魔搭中文开源社区

ModelScope旨在打造下一代开源的模型即服务共享平台，为泛AI开发者提供灵活、易用、低成本的一站式模型服务产品，让模型应用更简单！

更多推荐

一个开源应用程序导致 XSS 到 RCE 漏洞缺陷

跨站点脚本 (XSS) 是 Web 应用程序中最常遇到的攻击之一。如果攻击者可以将 JavaScript 代码注入到应用程序输出中,这不仅会导致 cookie 盗窃、重定向或网络钓鱼,而且在某些情况下还会导致系统完全受损。 在本文中,我将通过 Evolution CMS、FUDForum 和 GitBucket 的示例展示如何通过 XSS 实现远程代码执行。 进化CMS v3.1.8 链接:git

avatar 开源

我在校园 DevRel 展上的主要收获乔恩·戈特弗里德 E1

嘿嘿👋,欢迎来到校园DevRel 秀的这个博客系列,重点是来自神奇嘉宾DevRels 的经验教训。 在我们开始之前!让我们花点时间了解一下 DevRel 到底是什么。顾名思义,开发者关系(或 DevRel)专注于维护与负责开发组织技术或产品的人员的关系。根据公司及其目标,该领域的角色可以采取各种形式和任务。组织和开发人员之间的沟通通常是 DevRel 的责任,以确保更好的信息流和反馈循环。这是对

avatar 开源

克服心理障碍,为开源做贡献

为开源做贡献是一项艰巨的任务。我已经当了 3 年的软件工程师,并且已经构建了近十年的软件,但我从来没有能够为开源项目做出贡献。 它总是显得如此大胆和令人困惑。 我以前开过 PR,接受过几十个比我优秀的开发者的批评,从不流汗。 但开源似乎总是我无法企及的。 为什么重要? 🤔 我 90% 的代码都是闭源的。很多公司都希望看到我的代码和我从事的项目,但除了部署的应用程序和我 3 年前做的一些全栈项目之

avatar 开源