将实时聊天添加到您的网站

实时聊天是一个聊天窗口,站在您的网站的角落; 访问者写信给你直接从您的网站和消息掉入您的CRM收件箱. 您只需要在您的网站上添加一行代码即可进行安装。

• 在线聊天设置安装代码、外观和安全
• 概览平台步骤和指示给您的网站管理员
• 收件箱回复对话

設定

1. 复制代码 — 设置 › 实时聊天 在页面上,打开"上传"选项卡,然后点击"Widget 代码"选项卡上的"复制代码"按钮。
2. 粘贴到您的网站 — 将代码放置在您网站的每个页面上,就在闭合标记 </head> 之前。 如果您的站点使用常用模板或布局文件,则可以添加一次。
3. 检查 — 打开您的网站;聊天启动器(气泡)应该出现在角落。

行政人员 概览 您也可以从页面上的"几步入门"部分进行安装: "设置平台"按钮显示了WordPress、Shopify、Wix、Squarespace、Webflow、Google Tag Manager、Joomla和"其他/普通HTML"的分步说明。 "发送说明给网站站长"将代码和步骤发送到您输入的电子邮件地址,并向您发送回复。

如果您想在不创建小部件的情况下进行聊天,您可以直接通过点击"小部件"选项卡中的"聊天页面"选项卡中的 "复制链接"来分享聊天页面链接。

外观和文本

您在 " Widget " 选项卡中所作的任何更改都将显示在右侧的实时预览中；完成后按 " 保存更改 " 按钮。 主要牌：

• 主屏幕 → 当小部件打开时出现的屏幕:头像,帮助中心卡片,请求部分。
• 信息 → " 欢迎 " 、 " 匿名欢迎 " (当访客的姓名不明时)和 " 入口 " 文字。
• 背景和链接 → 颜色或视觉背后的问候; 快捷方式将被列出在主屏幕上.
• 聊天屏幕 → " 欢迎信息 " (新聊天中的第一个气泡)、输入占位符、 " 无可用代理 " 和 " 排队的客户 " 文本。
• 聊天前表格/聊天后表格 → 在第一条消息之前提问的字段;在聊天结束后显示简短评分或反馈。
• 屏幕 → 哪些标签会出现在底部导航和默认屏幕中。
• 發射器 → 特殊图标(JPG,PNG或GIF小于100 KB), 位置(左侧或右侧)和边缘空间。
• 风格 → 光明和黑暗的标志, " 默认小部件主题 " (光, 黑暗或系统).

翻译成其他语言 地方化 从页面中删除。

当没有人在线时

如果您的团队中没有人在线,访问者将看到"无可用代表 " 。 聊天仍然开放;当您回复时,如果访问者不在聊天中,则将通过电子邮件向其发送回复。 这需要访问者的电子邮件地址,因此建议使用"预聊天表格"收集电子邮件。

在 " 超时 " 中，你可以选择对未回复的对话采取什么行动。 每个规则都用单独的键打开,并输入持续时间(分钟):

• 转让给另一位代表 (开启后 5 分钟): 如果座席不回应,客户端将转移到另一个可用的座席;在手动分配的群组中,聊天会排队。
• 将对话标记为不活动 (10 分钟): 被动聊天不计入代表的并发聊天限制。
• 关闭聊天 (15分钟): 客户端可以通过写新消息重新打开同一聊天。

同一选项卡中的"访客清理"决定了从未给您发过信的匿名访问者将被保留多少天(默认为30天) 。

域名注册

在 " 安全 " 选项卡中，在 " 受信任的域名 " 一栏中输入该小部件可以加载的域名，用逗号分隔。 对于所有子域名,请使用 *.example.com 格式。 如果空间是空的,小部件可以添加到任何网站。 请不要忘记使用"保存更改"来保存更改。

验证访问者

为了安全地匹配登录到您的网站的用户与您的CRM中的客户记录,您可以在服务器上使用秘密密钥(HMAC-SHA256)签署访问者的电子邮件地址。

1. 获取秘密密钥 — 在“安全”选项卡中的“认证”选项卡上,选择“显示秘密密钥 ”, 然后选择“复制秘密密钥 ” 。 只在服务器上保留密钥。
2. 在服务器上生成签名 — 计算 HMAC-SHA256,使您的密钥是您的秘密密钥、消息访问者的电子邮件地址,并将结果作为十六进制(hex)文本获取。
3. 添加到页面 — 在 Widget 代码前的 window.BeChatSettings 中输入电子邮件和签名。
4. 如果您想要要求它 — 打开 " 要求验证 " 键并按 " 保存更改 " 按钮。

带有签名的Node.js:

const crypto = require('crypto');

const emailHash = crypto
  .createHmac('sha256', process.env.CANLI_SOHBET_GIZLI_ANAHTAR)
  .update(kullanici.email)
  .digest('hex');

使用 PHP 的签名:

$emailHash = hash_hmac('sha256', $kullanici['email'], getenv('CANLI_SOHBET_GIZLI_ANAHTAR'));

在页面上,在 Widget 代码之前:

<script>
  window.BeChatSettings = {
    user: {
      email: "musteri@ornek.com",
      email_hash: "SUNUCUNUZDA_URETILEN_IMZA"
    }
  };
</script>
<!-- Ardından "Yükle" sekmesinden kopyaladığınız widget kodu -->

如果签名有效,访问者将链接到该电子邮件中的客户记录(或打开新的记录), 并且他的电子邮件被视为已验证;客户面板中的"电子邮件已验证"行显示"是 " 。 如果有一个用相同的键定义的客户端属性,则您添加到同一对象的其他字段也会写入其中。 当启用"要求验证"时,没有有效签名的用户数据将被忽略,访问者将继续匿名。

访问者来源

访问者来自哪里? 访问者来源的客户面板在访问者的右侧:

• 资料来源： 登陆页面,推荐和UTM源,工具,活动,期限,内容值。 这些信息在首次访问时保存一次;之后在网站内的浏览和来自您自己的网站的推荐不会改变这些信息。
• 地点和语言: 浏览器语言和时钟语言。 如果人物记录中的语言或时区为空,则将由访问填充;您手动输入的值不会被覆盖。
• 装置： 浏览器、操作系统、设备、IP地址和会话国家/地区。

相关文章

• 网站活动
• 了解 BLE AI
• 客户简介
• 渠道概览