Tawk.to一键给自己的网站增加在线客服功能

很多外贸网站只有contact页面,留下邮箱、电话等联系方式,而在国际贸易当中能够及时在线交流沟通,能给客户留下更好的印象。接下来,就让我们一起来了解一下国外一款轻型的商务聊天软件“tawkto”的使用方法。

一、注册安装

  1. 注册(注册免费)

首先打开注册网址:https://www.tawk.to,然后点击以下图例中两处的“sign up free”任一 一处均可。

填入登录名、邮箱、密码(注意:邮箱请勿使用QQ邮箱),然后点击“Signup for free”

  1. 设置语言

选择您需要设置的语言

  1. 设置网站名称及网站的网址

输入Site Name,Site URL,这里就是网站名字和网址了。

  1. 设置成员

可以添加其他成员,分为两种角色:Admin(管理权限)和Agent(普通成员)

可以实现多个账号同时登陆及管理。

  1. 生成安装代码

安装代码生成之后,请记得复制生成的代码

  1. 安装代码

登录www.leadong.com后,点击“我的应用”,然后点击“编辑网站”进入您需要编辑的网站,点击添加组件的小水滴,通过高级组件中查找到Tawk.to在线客服组件进行添加。

在此处添加刚刚在tawkto网页复制的代码后,点击保存

ps:如您需要网站的每个网页都有Tawk.to在线聊天工具,您可将此组件添加至页脚区域中。如您只需要将Tawk.to在线聊天工具展现在某一个网页,您可在该网页内容区添加该组件。

二、下载客户端

打开tawkto的官网:https://www.tawk.to,可通过下图所示路径进行客户端的下载。

电脑客户端(以Windows APP为例)

首先点击“Windows APP”

ps:下载前请关注此处对于电脑操作系统版本的要求,如下图:

然后点击“GET APP”,下载完成后安装即可。

手机端

  1. iphone可通过苹果的APP STORE搜索tawkto进行下载

  2. 安卓系统通过以下图片中的路径下载

三、 设置聊天工具样式

  1. 付费功能

当我们在网站上添加了tawkto之后,会显示“powered by tawk.to”的商标品牌(如下图),这里的商标品牌可以去除吗?

可以去除哦,不过这个是付费功能哦!

如您需要将原有的“powered by tawk.to”商标品牌去除,首先登陆您的tawkto账号,之后可通过点击“Add ons”购买“移除品牌”的服务。

有两种付费方式:按年付【$12/month(paid annually)】和按月付【$15/month(paid monthly)】

  1. 修改工具颜色、样式和字体颜色(可设置电脑端和手机端的颜色,样式和字体的颜色)

电脑端

首先登陆您的tawkto账号,之后点击“管理员”,然后点击“工具外观”

四、Tawk.to内部具体使用功能

可设置在线状态,是否接受聊天、桌面通知、声音通知、修改后台使用语言(可修改为繁体中文)

  1. 监控

后台监控访客数据,可实时看到是否有访客,还可看到访客所咨询的内容,以及漏掉的访客内容也可查看到。

  1. 监控正在访问网站的访客

  1. 查看正在进行的聊天

  1. 查看近期和之前的历史消息

  1. 按日期查看分析聊天数据(数量/错过的留言/平均会话时长/访客满意度/首次回应时间)

  1. 内容设定:网站名称,网站网址设置,修改

  1. 邀请其他成员

邀请的成员需要先注册tawk.to账号,然后填写邮箱即可,邀请的成功分为两种角色:Admin(管理权限)和Agent(普通成员)

可以添加多个账号,且没有账号数量的限制;

可实现添加的账号均可与访客聊天且可实现添加的所有账号可实现同时与多个访客聊天。

  1. 触发器

可以根据访客停留时间/浏览网页等设置为触发点,发送一些特定的内容给访客,自动回复信息等。

可以添加其他回复信息内容,比如当用户发送“Hi”,您可以设置自动回复信息“Hi”,我们可以将用户常问的问题添加,当用户询问相关内容时,则自动回复设定好的回复内容。

  1. 黑名单:可以设置禁止咨询的ip地址

  1. 设置部门成员

  1. 邮件通知

可以选择发送聊天记录/新留言/新工单/错过的聊天信息,到某个人的邮箱,此处的邮箱可以设置为管理员或每个人或特定某个人的邮箱

  1. 设置聊天工具的在线状态

  1. 设置几个域名共用一个聊天工具

适用于2个以上产品且一样的自家网站

  1. 设置时区,每天工具自动上下线时间

**

**

五、设置修改会话内容

针对三种在线状态(online/away/offline),设置调整预置内容

1.online状态

可设置内容(仅供参考)

1) We are live and ready to chat with you now. Say something to start a live chat.

2) Welcome to our site, if you want to help, just chat with us.

3) Welcome to our site, we are ready to chat with you.

2.Away状态

当有事情暂时不在线,离开时,可以设置Welcome to our site, we are online and ready to help. If we do not reply in time, please leave your contact information.

3.offline状态

当离线时,设置留下姓名、邮箱以及询价内容。

**

**

六、设置消息提醒

  1. 电脑端

2.手机端

ios系统手机

安卓系统手机

如何让访客通过tawk.to联系时先填写邮箱、联系方式等信息,请戳链接https://jpress.icu/article/2494

如何打开网站时就弹出tawk.to的表单窗口,请戳链接https://jpress.icu/article/2495

更多关于Tawk.to的知识,可通过官方网站https://www.tawk.to/knowledgebase/的帮助中心学习哦!

原文链接:https://www.leadong.com/id8045344.html

更多精彩文章JPress模版、JPress主题、JPress教程、JPress下载、JPress安装、JPress插件、JPress开发、JPress部署、JPress企业模版主题、JPress博客模版主题、JPress小程序

Tawk.to一键给自己的网站增加在线客服功能的更多相关文章

  1. pc、移动端H5网站 QQ在线客服、群链接代码【我和qq客服的那些事儿】

    转载:http://blog.csdn.net/fungleo/article/details/51835368#comments 移动端H5 QQ在线客服链接代码 <a href=" ...

  2. 【情人节来一发】网站添加QQ客服功能

    今年的元宵节遇到情人节,挺不自量力的,呵呵,开篇给各位讲个段子,早上一美女同学在空间发说说道:“开工大吉 起床啦,卖元宵,卖玫瑰,卖避孕套啦-有木有一起去发财的小伙伴?Let’s go…”,对于此种长 ...

  3. 在线客服 分享 qq 一键加好友 一键入群

    1.在线客服 <a href="tencent://message/?uin=qqnum&Site=&menu=yes">qq客服</a>  ...

  4. svn服务支持网页显示并增加在线预览功能,支持视频在线播放

    1.svn服务器支持网页显示 VisualSVN Server是一个非常不错的SVN Server程序,方便,直观,用户管理也异常方便.不过,它本身并没有提供在线修改密码的功能.由于在实际使用过程中, ...

  5. 网站里加入QQ在线客服

    1.开启"QQ在线状态"服务  http://jingyan.baidu.com/article/b24f6c823425a586bfe5da1f.html http://www. ...

  6. 网站加入QQ在线客服

    <!-- qq客服 --> <div class="QQFloat" > <div class="qq"> <div ...

  7. jQuery返回顶部和在线客服网站侧边栏

    效果图: 全部代码: <!DOCTYPE html> <html> <head> <title></title> <style typ ...

  8. 一键搭键php网站环境的系统

    QzzmServer v2.0正式版发布 首先,感谢网友的热情的测评及反馈,现QzzmServer 2.0正式版已发布.有些朋友反馈制作一个服务器专用版本,在下已将此列入计划中,敬请大家耐心等候. Q ...

  9. ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力。

    ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力. 1.http://www.yangqq.com/jstt/css3/2017-08-08/787. ...

随机推荐

  1. JS 实现一个实时动态校验,将输入格式错误的显示为红色背景

    功能描述: 源码: 功能描述: 实时动态校验,如果输入的格式错误,将弹窗提示输入格式错误并将背景展示为红色. 源码: 前台: <hy:formfield name="cxfdl&quo ...

  2. Django(orm)转

    转载自 https://www.jianshu.com/p/d92ecd3644f7?utm_campaign=hugo&utm_medium=reader_share&utm_con ...

  3. [SCOI2009] [BZOJ1026] windy数

    windy定义了一种windy数.不含前导零且相邻两个数字之差至少为2的正整数被称为windy数. windy想知道, 在A和B之间,包括A和B,总共有多少个windy数?\(1 \le A \le ...

  4. CF 666E Forensic Examination 【SAM 倍增 线段树合并】

    CF 666E Forensic Examination 题意: 给出一个串\(s\)和\(n\)个串\(t_i\),\(q\)次询问,每次询问串\(s\)的子串\(s[p_l:p_r]\)在串\(t ...

  5. Codeforces Round #633 (Div. 2)

    Codeforces Round #633(Div.2) \(A.Filling\ Diamonds\) 答案就是构成的六边形数量+1 //#pragma GCC optimize("O3& ...

  6. Educational Codeforces Round 84 E. Count The Blocks

    传送门: 1327- E. Count The Blocks  题意:给你一个整数n,求10^n内(每个数有前导零)长度为1到n的块分别有多少个.块的含义是连续相同数字的长度. 题解:从n=1开始枚举 ...

  7. 5.PowerShell DSC核心概念之资源

    什么是资源? 资源为 DSC 配置提供构建基块. 资源公开可配置的属性,并包含本地配置管理器 (LCM) 调用以"使其如此"的 PowerShell 脚本函数. 系统内置资源 可在 ...

  8. 详解Go语言I/O多路复用netpoller模型

    转载请声明出处哦~,本篇文章发布于luozhiyun的博客:https://www.luozhiyun.com 本文使用的go的源码15.7 可以从 Go 源码目录结构和对应代码文件了解 Go 在不同 ...

  9. jenkins:实现Jenkinsfile与Json的转换

    实现Jenkinsfile与Json的转换 目录 实现Jenkinsfile与Json的转换 方法1:使用现有的jenkins插件 参考 方法2:解析原生的jenkinsfile文件 参考 最近在做个 ...

  10. 微信小程序swiper实现 句子控app首页滑动卡片

    微信小程序swiper实现 句子控app首页滑动卡片 引言:最近看到句子控APP首页的效果很清新,可是发现他的微信小程序端没有实现这个功能,我看了一下难度不大,于是尝试着去实现. 实现效果如下: 1. ...