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. 网站里加入QQ在线客服

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

  5. 网站加入QQ在线客服

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

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

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

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

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

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

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

  9. 探索 Windows Azure 网站中的自动伸缩功能

     去年10月,我们发布了若干针对 WindowsAzure平台的更新,其中一项更新是添加了基于日期的自动伸缩调度支持(在不同的日期设置不同的规则). 在这篇博客文章中,我们将了解自动伸缩的概念,并 ...

  10. java 网站用户在线和客服聊天

    注:本文来源于<java 网站用户在线和客服聊天> 这是应用到项目中的一个例子. 实现原理是将信息存储到Application域里面.然后使用Struts2 Action 用json格式的 ...

随机推荐

  1. 【转载】Linux中常用操作命令

    说明:开始学习linux系统,为了方便查看,特转载一篇Linux中常用操作命令,转载地址:http://www.cnblogs.com/laov/p/3541414.html 正文: Linux简介及 ...

  2. mysql 导入导出方法。

    1.导出  mysqldump -u username - p databasename >名.sql enter passward: 2.导入:mysql -uroot -proot sour ...

  3. javascript将DOM事件处理程序封装为event.js 出现的低级错误记录

    将 DOM 0级事件处理程序和DOM2级事件处理程序 IE事件处理程序封装为eventUtil对象,达到跨浏览器的效果.代码如下: var eventUtil = { // 添加事件句柄 addEve ...

  4. QuickStart下的CommandFilter项目 github上自己修改过的版本

    http://docs.supersocket.net/v1-6/zh-CN/Command-Filter 命令筛选的例子 从CommandFilterAttribute派生出新的命令筛选类,然后将这 ...

  5. Linux常用命令之sed

    标题:sed命令的使用 作用:sed(stream editer)是以行为单位处理文本数据,可以对数据按行进行选取(显示打印).替换.删除和新增等功能. 工作流程:sed是一个流编辑器,它可以对从标准 ...

  6. python单元测试--深入理解unittest

    单元测试的重要性就不多说了,可恶的是python中有太多的单元测试框架和工具,什么unittest, testtools, subunit, coverage, testrepository, nos ...

  7. uva 10891 Game of Sum(区间dp)

    题目连接:10891 - Game of Sum 题目大意:有n个数字排成一条直线,然后有两个小伙伴来玩游戏, 每个小伙伴每次可以从两端(左或右)中的任意一端取走一个或若干个数(获得价值为取走数之和) ...

  8. mac 安装protobuf,并编译

    因公司接口协议是PB文件,需要将 PB 编译成JAVA文件,且MAC 电脑,故整理并分享MAC安装 google 下的protobuf 文件   MAC 安装protobuf 流程 1.下载 http ...

  9. 洛谷P1443 马的遍历

    https://www.luogu.org/problemnew/show/P1443 很经典的搜索题了,蒟蒻用广搜打的 不说了,上代码! #include<bits/stdc++.h> ...

  10. java 注释annotation学习---两篇不错的blog

    深入理解Java:注解(Annotation)自定义注解入门 ---- http://www.cnblogs.com/peida/archive/2013/04/24/3036689.html 深入理 ...