Tidio Chat API WordPress 代码片段

已发表: 2022-04-29

寻找自定义 Tidio 聊天 API WordPress 代码？

在您的 WordPress 网站上拥有实时聊天解决方案是一种强大的策略，不仅可以将访问者转化为买家，还可以回答问题以帮助访问者浏览您的网站。

多年来，在 WP Fix It，我们有机会与许多流行的实时聊天软件平台合作。

自 2020 年初以来，我们开始使用名为 Tidio 的实时聊天软件。 我们从我们提供 WordPress 支持的客户网站之一偶然发现了这家公司。

多年来，我们一直在使用另一种实时聊天软件，但我们最初关注的对 Tidio 的最大吸引力是聊天小部件本身在我们客户的网站上的吸引力。

然后深入了解他们必须通过实时聊天解决方案提供什么，以及是什么让他们与竞争对手不同，我们被震撼了。

我们最喜欢的功能之一是他们的 API 集成，以及我们如何使用它来触发我们 WordPress 网站内不同页面上的一些特定聊天消息。

这种类型的集成将使我们能够自动化诸如捕获访问者信息和启动与新访问者聊天之类的事情。

虽然 Tido 确实提供了有关如何使用其 API 的文档，但我们想要创建一些我们无法在网上找到的特定功能。

所以我们决定自己做。 他们对我们公司来说非常成功，我们希望与其他可能在他们自己的 WordPress 网站上寻找这些 API 集成的人分享这些信息。

我们在下面为您整理了 5 个功能强大的 Tidio Chat API WordPress 代码片段，您可以将它们集成到您的 WordPress 网站中，以自动与您的网站访问者进行一些初始交互。

聊天安装脚本 – Tidio Chat API WordPress

下面的脚本片段是让 Tidio Chat 在您的网站上运行的实际安装代码。

 <script src="//code.tidio.co/ACCOUNT_SPECIFIC_STRING.js" async></script>

您可以根据需要调整此代码中的项目：

  1. ACCOUNT_SPECIFIC_STRING

    这是您可以在您的 Tidio 帐户中找到的脚本嵌入。 见下图。
Tidio Chat API WordPress Code Snippets
TIDIO 聊天脚本

如何在您的 WordPress 网站上使用此代码：

方法#1
将此代码放在活动主题的 footer.php 文件中

方法# 2
使用下面链接中的免费插件将代码片段放在活动主题的页脚中
https://wordpress.org/plugins/insert-headers-and-footers/

方法# 3
使用可以在 WordPress.org 上找到或直接从 WordPress 管理区域安装的 Tidio Chat 免费插件。 该插件的链接如下。
https://wordpress.org/plugins/tidio-live-chat/

Tidio – Live Chat Chatbots Email Integration

捕获用户信息脚本 – Tidio Chat API WordPress

以下脚本片段从访问者在您网站上的帐户资料中对访问者的名字和电子邮件地址进行分级。 这只会在访问者登录到您的网站时运行。

 <?php if( is_user_logged_in() ) { $current_user = wp_get_current_user(); $current_user_name = $current_user->user_firstname . " " . $current_user->user_lastname; $current_user_id = $current_user->ID; $current_user_mail = $current_user->user_email; ?> <script> var user_; // Set customer ID var user_fullname = "<?php echo $current_user_name ?>"; // Set customer email var user_email = "<?php echo $current_user_mail ?>"; // Set customer name document.tidioIdentify = { distinct_id: user_id, email: user_email, name: user_fullname, }; </script>
Tidio Chat API WordPress 4
生成的姓名和电子邮件

如何在您的 WordPress 网站上使用此代码：

方法#1
将此代码放在活动主题的 footer.php 文件中

方法# 2
使用下面链接中的免费插件将代码片段放在活动主题的页脚中
https://wordpress.org/plugins/insert-headers-and-footers/

自定义访客姓名脚本 – Tidio Chat API WordPress

以下脚本片段从访问者在您网站上的帐户资料中对访问者的名字和电子邮件地址进行分级。 这只会在访问者登录到您的网站时运行。

 <script> document.tidioIdentify = { // You can change visitor name below name: "CUSTOM_VISITOR_NAME", }; </script>

您可以根据需要调整此代码中的项目：

  1. 姓名： ” CUSTOM_VISITOR_NAME “,

如何在您的 WordPress 网站上使用此代码：

方法#1
将此代码放在活动主题的 footer.php 文件中

方法# 2
使用下面链接中的免费插件将代码片段放在活动主题的页脚中
https://wordpress.org/plugins/insert-headers-and-footers/

自定义欢迎消息脚本 – Tidio Chat API WordPress

以下脚本片段将在您选择的一段时间后触发聊天自定义欢迎消息。

 <script> // Set session cookie name below if(!window.sessionStorage.getItem("SESSION_COOKIE_NAME")) { window.sessionStorage.setItem("SESSION_COOKIE_NAME", true); (function() { function onTidioChatApiReady() { setTimeout(function () { // Change message you wish to use below tidioChatApi.messageFromOperator("CUSTOM MESSAGE HERE"); // Adjsut the time trigger 1000 of message display below }, 5 * 1000); } if (window.tidioChatApi) { window.tidioChatApi.on("ready", onTidioChatApiReady); } else { document.addEventListener("tidioChat-ready", onTidioChatApiReady); } })(); } </script>

您可以根据需要调整此代码中的项目：

  1. 如果（！window.sessionStorage.getItem（“ SESSION_COOKIE_NAME “））{
    window.sessionStorage.setItem(“ SESSION_COOKIE_NAME “， 真的）;
  2. tidioChatApi.messageFromOperator(“ 自定义消息在这里“）；
  3. }, 5 * 1000 );
Tidio Chat API WordPress

如何在您的 WordPress 网站上使用此代码：

方法#1
将此代码放在活动主题的 footer.php 文件中

方法# 2
使用下面链接中的免费插件将代码片段放在活动主题的页脚中
https://wordpress.org/plugins/insert-headers-and-footers/

自定义打开聊天消息脚本 – Tidio Chat API WordPress

以下脚本片段将在您选择的时间段后触发聊天窗口打开自定义消息。

 <script> // Set session cookie name below if(!window.sessionStorage.getItem("SESSION_COOKIE_NAME")) { window.sessionStorage.setItem("SESSION_COOKIE_NAME", true); (function() { function onTidioChatApiReady() { setTimeout(function () { window.tidioChatApi.open(); // Change message you wish to use below tidioChatApi.messageFromOperator("MESSAGE YOU WANT TO SAY"); // Adjust the time trigger 1000 of message display below }, 5 * 1000); } if (window.tidioChatApi) { window.tidioChatApi.on("ready", onTidioChatApiReady); } else { document.addEventListener("tidioChat-ready", onTidioChatApiReady); } })(); } </script>

您可以根据需要调整此代码中的项目：

  1. 如果（！window.sessionStorage.getItem（“ SESSION_COOKIE_NAME “））{
    window.sessionStorage.setItem(“ SESSION_COOKIE_NAME “， 真的）;
  2. tidioChatApi.messageFromOperator(“ 您想说的信息“）；
  3. }, 5 * 1000 );
Tidio Chat API WordPress

如何在您的 WordPress 网站上使用此代码：

方法#1
将此代码放在活动主题的 footer.php 文件中

方法# 2
使用下面链接中的免费插件将代码片段放在活动主题的页脚中
https://wordpress.org/plugins/insert-headers-and-footers/

刚刚结束

我们真的希望您会发现这些 Tidio Chat API WordPress 代码片段有助于与您的网站访问者建立更好的互动。

您还可以使用 WordPress 条件语句来设置特定于 URL 的不同触发器。

要了解有关 WordPress 条件语句以及如何使用它们的更多信息，您可以访问下面的链接。
https://codex.wordpress.org/Conditional_Tags

不确定您是否知道这一点，但在您的网站上拥有实时聊天解决方案是降低跳出率的最佳方法之一。 在 https://www.wpfixit.com/how-to-lower-bounce-rate/ 查看其他一些降低跳出率的强力技术