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. unity 2d 和 NGUI layer

    http://blog.csdn.net/xtxy/article/details/37876825 在使用unity2d开发游戏的时候,使用了NGUI作为界面,本来二者配合得还挺好,但是一个使用场景 ...

  2. windows2003安装TestDirector8.0 安装时输入用户名密码 提示错误

    1.TestDirector8.0的安装过程 2.修改错误 右键“我的电脑”->“属性”->"高级"->性能对应的"设置"->" ...

  3. Ruby学习笔记

    #!/usr/bin/ruby puts "Hello, Ruby, what is your name?" $name = STDIN.gets puts "Hi, I ...

  4. Dalvik指令集

    类型 语法 含义 V void,只用于返回值类型 Z boolean B byte S short C char I int J long F float D double L Java类类型 [ 数 ...

  5. SAP 金税接口介绍

    一.金税发票与SAP系统发票的税额差异分析 1.1 金税系统中的税额说明 国内企业销售产品给国内客户时,正常产品须要缴纳17%的增值税,而金税(Golden Tax)系统就是用来出具纸面的增值税发票的 ...

  6. Linux学习之CentOS(十一)-----Linux 账号管理(转)

    Linux 账号管理(转) useraddpasswdchageusermoduserdelfingerchfnchshidgroupaddgroupmodgroupdelgpasswd su(帐号切 ...

  7. 如何避免 async/await 地狱

    简评:async/await 写着很爽,不过要注意这些问题. async/await 让我们摆脱了回调地狱,但是这又引入了 async/await 地狱的问题. 什么是 async/await 地狱 ...

  8. 使用freemarker生成word文档处理表格数据

    1.把需要从数据库取值的字段用${}括起来,如:${busDate};2.表格数据的循环需要加标签:<#list tbl3 as tbl3>......</#list>< ...

  9. BZOJ1047或洛谷2216 [HAOI2007]理想的正方形

    BZOJ原题链接 洛谷原题链接 显然可以用数据结构或\(ST\)表或单调队列来维护最值. 这里采用单调队列来维护. 先用单调队列维护每一行的最大值和最小值,区间长为正方形长度. 再用单调队列维护之前维 ...

  10. php获取跳转后的真实链接

    网站的跳转链接经常为本站链接加上一些参数来跳转,如何使用php获取跳转后的链接呢? php代码如下: <?php // echo get_redirect_url('http://www.osc ...