Tidio Chat API WordPress-Code-Snippets

Veröffentlicht: 2022-04-29

Auf der Suche nach benutzerdefiniertem Tidio Chat API WordPress-Code?

Eine Live-Chat-Lösung auf Ihrer WordPress-Website zu haben, ist eine so leistungsstarke Strategie, nicht nur Besucher in Käufer umzuwandeln, sondern auch da zu sein, um Fragen zu beantworten, die Besuchern helfen, sich auf Ihrer Website zurechtzufinden.

Im Laufe der Jahre hatten wir hier bei WP Fix It die Gelegenheit, mit vielen der beliebten Live-Chat-Softwareplattformen zu arbeiten, die es gibt.

Seit Anfang 2020 verwenden wir eine Live-Chat-Software namens Tidio. Wir sind über diese Firma von einer der Websites unserer Kunden gestolpert, für die wir WordPress-Support bereitgestellt haben.

Wir haben bereits seit vielen Jahren eine andere Live-Chat-Software verwendet, aber die große Anziehungskraft auf Tidio, auf die wir uns anfangs konzentrierten, war, wie attraktiv das Chat-Widget selbst auf der Website unseres Kunden war.

Dann tauchten wir ein bisschen mehr in das ein, was sie mit ihrer Live-Chat-Lösung zu bieten hatten und was sie von ihren Konkurrenten unterschied, wir waren überwältigt.

Eine unserer Lieblingsfunktionen war ihre API-Integration und wie wir sie verwenden konnten, um einige spezifische Chat-Nachrichten auf verschiedenen Seiten unserer WordPress-Website auszulösen.

Diese Art der Integration würde es uns ermöglichen, Dinge wie das Erfassen von Besucherinformationen und das Initiieren von Chats mit neuen Besuchern zu automatisieren.

Während Tido eine Dokumentation zur Verwendung ihrer API bereitstellte, gab es einige spezifische Funktionen, die wir erstellen wollten, die wir online nicht finden konnten.

Also haben wir uns entschieden, sie selbst zu machen. Sie waren für unser Unternehmen so erfolgreich, dass wir diese Informationen mit anderen teilen wollten, die möglicherweise nach diesen API-Integrationen auf ihrer eigenen WordPress-Website suchen.

Wir haben unten 5 leistungsstarke Tidio Chat API WordPress Code Snippets für Sie zusammengestellt, die Sie in Ihre WordPress-Website integrieren können, um einige anfängliche Interaktionen mit Ihren Website-Besuchern zu automatisieren.

Chat-Installationsskript – Tidio Chat API WordPress

Das folgende Skript-Snippet ist der eigentliche Installationscode, um Tidio Chat auf Ihrer Website zum Laufen zu bringen.

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

Artikel innerhalb dieses Codes können Sie an Ihre Bedürfnisse anpassen:

ACCOUNT_SPECIFIC_STRING

Dies ist die Skripteinbettung, die Sie in Ihrem Tidio-Konto finden können. Siehe das Bild unten.

Tidio Chat API WordPress Code Snippets — **TIDIO-CHAT-SKRIPT**

So verwenden Sie diesen Code auf Ihrer WordPress-Seite:

METHODE 1
Fügen Sie diesen Code in die Datei footer.php Ihres aktiven Designs ein

METHODE # 2
Verwenden Sie das kostenlose Plugin unter dem folgenden Link, um das Code-Snippet in der Fußzeile Ihres aktiven Designs zu platzieren
https://wordpress.org/plugins/insert-headers-and-footers/

METHODE Nr. 3
Verwenden Sie das kostenlose Tidio Chat-Plugin, das Sie auf WordPress.org finden oder direkt aus Ihrem WordPress-Adminbereich installieren können. Link zum Plugin ist unten.
https://wordpress.org/plugins/tidio-live-chat/

Tidio – Live Chat Chatbots Email Integration

Benutzerinfo-Skript erfassen – Tidio Chat API WordPress

Das folgende Skript-Snippet enthält den Vornamen und die E-Mail-Adresse des Besuchers aus seinem Kontoprofil auf Ihrer Website. Dies wird nur ausgeführt, wenn der Besucher auf Ihrer Website eingeloggt ist.

 <?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 — **GENERIERTER NAME UND E-MAIL**

So verwenden Sie diesen Code auf Ihrer WordPress-Seite:

METHODE 1
Fügen Sie diesen Code in die Datei footer.php Ihres aktiven Designs ein

Benutzerdefiniertes Skript für Besuchernamen – Tidio Chat API WordPress

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

Artikel innerhalb dieses Codes können Sie an Ihre Bedürfnisse anpassen:

Name: " CUSTOM_VISITOR_NAME “,

So verwenden Sie diesen Code auf Ihrer WordPress-Seite:

METHODE 1
Fügen Sie diesen Code in die Datei footer.php Ihres aktiven Designs ein

Benutzerdefiniertes Skript für Willkommensnachrichten – Tidio Chat API WordPress

Das folgende Skript-Snippet löst nach einem Zeitraum Ihrer Wahl eine benutzerdefinierte Chat-Willkommensnachricht aus.

 <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>

Artikel innerhalb dieses Codes können Sie an Ihre Bedürfnisse anpassen:

if(!window.sessionStorage.getItem(“ SESSION_COOKIE_NAME “)) {
window.sessionStorage.setItem(“ SESSION_COOKIE_NAME ", wahr);
tidioChatApi.messageFromOperator(“ KUNDENSPEZIFISCHE NACHRICHT HIER “);
}, 5 * 1000 );

So verwenden Sie diesen Code auf Ihrer WordPress-Seite:

METHODE 1
Fügen Sie diesen Code in die Datei footer.php Ihres aktiven Designs ein

Benutzerdefiniertes Open-Chat-Nachrichtenskript – Tidio Chat API WordPress

Das folgende Skript-Snippet löst das Öffnen des Chat-Fensters mit einer benutzerdefinierten Nachricht nach einem Zeitraum Ihrer Wahl aus.

 <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>

Artikel innerhalb dieses Codes können Sie an Ihre Bedürfnisse anpassen:

if(!window.sessionStorage.getItem(“ SESSION_COOKIE_NAME “)) {
window.sessionStorage.setItem(“ SESSION_COOKIE_NAME ", wahr);
tidioChatApi.messageFromOperator(“ NACHRICHT, DIE SIE SAGEN MÖCHTEN “);
}, 5 * 1000 );

So verwenden Sie diesen Code auf Ihrer WordPress-Seite:

METHODE 1
Fügen Sie diesen Code in die Datei footer.php Ihres aktiven Designs ein

Nur zum Abschluss

Wir hoffen wirklich, dass Sie diese Tidio Chat API WordPress Code Snippets hilfreich finden, um eine bessere Interaktion mit Ihren Website-Besuchern zu erreichen.

Sie können auch bedingte WordPress-Anweisungen verwenden, um verschiedene Trigger einzurichten, die URL-spezifisch sind.

Um mehr über bedingte Anweisungen von WordPress und deren Verwendung zu erfahren, können Sie den folgenden Link besuchen.
https://codex.wordpress.org/Conditional_Tags

Ich bin mir nicht sicher, ob Sie das wussten, aber eine Live-Chat-Lösung auf Ihrer Website zu haben, ist eine der besten Möglichkeiten, die Absprungrate zu reduzieren. Sehen Sie sich einige andere Power-Techniken an, um die Absprungrate zu senken, unter https://www.wpfixit.com/how-to-lower-bounce-rate/