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/ 查看其他一些降低跳出率的強力技術