将 tawk.to 在线客服小部件添加到 WordPress 网站 #
有两种方式可以将 tawk.to 小部件添加到你的 WordPress 网站:
- 使用 WordPress 官方插件安装
- 通过 tawk.to 后台获取小部件代码,手动安装到主题中
按照以下步骤操作,只需几次点击即可在你的 WordPress 网站上与客户开始实时聊天。
开始之前,你需要拥有一个有效的 tawk.to 账号。
方法一:使用 WordPress 插件安装 tawk.to 小部件 #
第 1 步:进入插件安装页面 #
登录你的 WordPress 管理后台。
在左侧菜单中,选择 插件(Plugins) ➞ 添加新插件(Add New)。

第 2 步:搜索 tawk.to 插件 #
在「添加插件」页面的右上角搜索框中,输入 “Tawk.To Live Chat”。


第 3 步:安装并启用插件 #
在搜索结果中选择 Tawk.to Live Chat by Tawkto,点击 立即安装(Install Now) 按钮。
安装完成后,点击蓝色的 启用(Activate) 按钮。

第 4 步:进入插件设置页面 #
在插件列表中找到 Tawk.to Live Chat,点击 设置(Settings)。
提示:你也可以通过 WordPress 后台菜单中的 设置(Settings) ➞ tawk.to 进入该页面。

第 5 步:登录并选择小部件 #
输入你的 tawk.to 账号邮箱和密码进行登录。然后,选择你要在网站上使用的站点(Property)和小部件(Widget),点击 使用所选小部件(Use Selected Widget)。

🎉 恭喜!小部件现在将显示在你 WordPress 网站的所有页面上!
tawk.to 插件还支持 WordPress 多站点(Multisite)功能。了解如何将 tawk.to 添加到 WordPress 多站点网络,请参阅官方文档:WordPress Multisite
插件功能详解 #
可见性选项(Visibility Options) #
你可以通过 可见性选项 菜单控制小部件在网站上的显示位置。默认情况下,小部件会显示在 WordPress 网站的每一个页面上。

在特定 URL 上排除显示 #
你可以通过开启 在特定 URL 上排除(Exclude on specific url) 开关,并输入不希望显示小部件的页面 URL,来在特定页面上隐藏小部件。
先关闭 在每个页面始终显示 Tawk.to 小部件 的开关,在出现的新菜单中,根据需要开启相应选项。

其他可见性选项 #
你可以将 tawk.to 小部件的显示限制在特定页面,如首页、分类页面、标签页面或文章页面。
首先,使用开关关闭 在每个页面始终显示 Tawk.to 小部件。
然后,在出现的新菜单中,将符合你需求的选项滑动到开启状态。

仅在特定 URL 上显示 #
你还可以选择让小部件仅在特定的 URL 上显示。
注意:你必须输入希望显示 tawk.to 小部件的页面的完整 URL。可以在文本框中列出多个完整 URL,每个条目之间用逗号分隔。

这些设置可以相互配合使用,你可以同时选择多个选项。通过 tawk.to,你可以根据具体需求设置小部件的可见性。
保存更改 #
请始终记得保存你所做的任何更改。点击任意一个 保存更改(Save Changes) 按钮来保存你的配置。
WooCommerce 专属选项 #
对于使用 WooCommerce 的网站,还有额外的可见性选项。选择 WooCommerce 选项(WooCommerce Options) 即可查看。


WooCommerce 可见性选项包括:
- 在商店主页面显示
- 在产品分类页面显示
- 在单个产品页面显示
- 在产品标签页面显示
方法二:使用嵌入代码手动安装(不安装插件) #
你也可以不安装插件,直接通过小部件代码将 tawk.to 功能添加到你的网站。
按照以下步骤,使用小部件代码将小部件添加到你的网站。
首先,登录你的 tawk.to 账号 获取嵌入代码。
第 1 步:确认所选站点 #
如果你有多个站点(Property),请确保当前查看的是正确的站点。将鼠标悬停在左上角菜单中的当前站点名称上,从列表中选择新的站点。
第 2 步:获取小部件代码 #
选择 ⚙️ 管理(Administration) ➞ 渠道(Channels) ➞ 聊天小部件(Chat Widget)。

然后,点击 < /> 小部件代码(Widget Code) 将其复制到剪贴板。

第 3 步:将代码添加到 WordPress 主题 #
登录你的 WordPress 管理后台。
在左侧菜单中,选择 外观(Appearance) ➞ 主题文件编辑器(Theme File Editor)。

在右上角的下拉菜单中选择当前主题(通常已默认选中当前启用的主题)。
在「主题文件」下方,选择 主题页脚(Theme Footer)(即 footer.php 文件)。

在左侧的文本编辑区域中,将 tawk.to 小部件嵌入代码添加到 </body> 闭合标签的正上方。
然后,点击文本窗口下方的 更新文件(Update File) 按钮。

你的 tawk.to 小部件现在将显示在网站的每一个页面上。
其他说明 #
如果你的 WordPress 网站使用了 Cloudflare,可以通过 Cloudflare Apps 安装小部件。点击此处了解更多相关流程。
需要帮助将 tawk.to 集成到 WordPress?请联系 tawk.to 支持团队或预约通话。