Fragmente de cod WordPress Tidio Chat API

Publicat: 2022-04-29

Căutați codul WordPress personalizat Tidio Chat API?

A avea o soluție de chat live pe site-ul tău WordPress este o strategie atât de puternică nu numai pentru a converti vizitatorii în cumpărători, ci și pentru a răspunde la întrebări pentru a ajuta vizitatorii să navigheze pe site-ul tău.

De-a lungul anilor, aici, la WP Fix It, am avut ocazia de a lucra cu multe dintre platformele populare de software de chat live care există.

De la începutul anului 2020 am început să folosim un software de chat live numit Tidio. Am dat peste această companie de pe unul dintre site-urile web ale clienților noștri pentru care oferim suport WordPress.

Folosim deja un alt software de chat live de mulți ani, dar marele atracție de Tidio pe care ne-am concentrat inițial a fost cât de atractiv era widgetul de chat în sine pe site-ul clientului nostru.

Apoi am explorat ceva mai mult ce au avut de oferit cu soluția lor de chat live și ce i-a făcut diferiți de concurenții lor, am rămas uimiți.

Una dintre caracteristicile noastre preferate a fost integrarea lor API și modul în care am putea-o folosi pentru a declanșa anumite mesaje de chat pe diferite pagini din site-ul nostru WordPress.

Acest tip de integrare ne-ar permite să automatizăm lucruri precum capturarea informațiilor vizitatorilor și inițierea de chat-uri cu noi vizitatori.

Deși Tido a furnizat documentație despre cum să-și folosească API-ul, au existat câteva funcții specifice pe care am vrut să le creăm, pe care nu le-am putut găsi online.

Așa că am decis să le facem noi. Au avut atât de mult succes pentru compania noastră încât am dorit să împărtășim aceste informații cu alții care ar putea căuta aceste integrări API pe propriul lor site WordPress.

Am adunat mai jos 5 fragmente de cod WordPress puternice Tidio Chat API pe care le puteți integra în site-ul dvs. WordPress pentru a automatiza unele interacțiuni de început cu vizitatorii site-ului dvs.

Script de instalare chat – Tidio Chat API WordPress

Fragmentul de script de mai jos este codul de instalare real pentru ca Tidio Chat să ruleze pe site-ul dvs. web.

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

Elementele din acest cod pe care le puteți ajusta la nevoile dvs.:

  1. ACCOUNT_SPECIFIC_STRING

    Acesta este scriptul încorporat pe care îl puteți găsi în contul dvs. Tidio. Vezi imaginea de mai jos.
Tidio Chat API WordPress Code Snippets
SCRIPT DE CHAT TIDIO

Cum să utilizați acest cod pe site-ul dvs. WordPress:

METODA #1
Plasați acest cod în fișierul footer.php al temei dvs. active

METODA # 2
Utilizați pluginul gratuit de la linkul de mai jos pentru a plasa fragmentul de cod în subsolul temei dvs. active
https://wordpress.org/plugins/insert-headers-and-footers/

METODA # 3
Utilizați pluginul gratuit Tidio Chat care poate fi găsit pe WordPress.org sau instalat direct din zona dvs. de administrare WordPress. Linkul către plugin este mai jos.
https://wordpress.org/plugins/tidio-live-chat/

Tidio – Live Chat Chatbots Email Integration

Capture User Info Script – Tidio Chat API WordPress

Fragmentul de script de mai jos gradează prenumele și adresa de e-mail ale vizitatorului din profilul contului său de pe site-ul dvs. web. Aceasta va rula numai dacă vizitatorul este conectat la site-ul dvs. web.

 <?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
NUME ȘI EMAIL GENERAT

Cum să utilizați acest cod pe site-ul dvs. WordPress:

METODA #1
Plasați acest cod în fișierul footer.php al temei dvs. active

METODA # 2
Utilizați pluginul gratuit de la linkul de mai jos pentru a plasa fragmentul de cod în subsolul temei dvs. active
https://wordpress.org/plugins/insert-headers-and-footers/

Script personalizat pentru numele vizitatorului – API-ul Tidio Chat WordPress

Fragmentul de script de mai jos gradează prenumele și adresa de e-mail ale vizitatorului din profilul contului său de pe site-ul dvs. web. Aceasta va rula numai dacă vizitatorul este conectat la site-ul dvs. web.

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

Elementele din acest cod pe care le puteți ajusta la nevoile dvs.:

  1. Nume: " CUSTOM_VISITOR_NAME „,

Cum să utilizați acest cod pe site-ul dvs. WordPress:

METODA #1
Plasați acest cod în fișierul footer.php al temei dvs. active

METODA # 2
Utilizați pluginul gratuit de la linkul de mai jos pentru a plasa fragmentul de cod în subsolul temei dvs. active
https://wordpress.org/plugins/insert-headers-and-footers/

Script personalizat pentru mesaje de bun venit – Tidio Chat API WordPress

Fragmentul de script de mai jos va declanșa un mesaj de bun venit personalizat prin chat după o perioadă de timp la alegerea dvs.

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

Elementele din acest cod pe care le puteți ajusta la nevoile dvs.:

  1. if(!window.sessionStorage.getItem(“ SESSION_COOKIE_NAME „)) {
    window.sessionStorage.setItem(“ SESSION_COOKIE_NAME ", Adevărat);
  2. tidioChatApi.messageFromOperator(“ MESAJ PERSONALIZAT AICI „);
  3. }, 5 * 1000 );
Tidio Chat API WordPress

Cum să utilizați acest cod pe site-ul dvs. WordPress:

METODA #1
Plasați acest cod în fișierul footer.php al temei dvs. active

METODA # 2
Utilizați pluginul gratuit de la linkul de mai jos pentru a plasa fragmentul de cod în subsolul temei dvs. active
https://wordpress.org/plugins/insert-headers-and-footers/

Script personalizat pentru mesaje deschise de chat – Tidio Chat API WordPress

Fragmentul de script de mai jos va declanșa fereastra de chat să se deschidă cu un mesaj personalizat după o perioadă de timp la alegerea dvs.

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

Elementele din acest cod pe care le puteți ajusta la nevoile dvs.:

  1. if(!window.sessionStorage.getItem(“ SESSION_COOKIE_NAME „)) {
    window.sessionStorage.setItem(“ SESSION_COOKIE_NAME ", Adevărat);
  2. tidioChatApi.messageFromOperator(“ MESAJ pe care dorești să-l spui „);
  3. }, 5 * 1000 );
Tidio Chat API WordPress

Cum să utilizați acest cod pe site-ul dvs. WordPress:

METODA #1
Plasați acest cod în fișierul footer.php al temei dvs. active

METODA # 2
Utilizați pluginul gratuit de la linkul de mai jos pentru a plasa fragmentul de cod în subsolul temei dvs. active
https://wordpress.org/plugins/insert-headers-and-footers/

Tocmai încheind

Sperăm cu adevărat că veți găsi aceste fragmente de cod WordPress Tidio Chat API utile pentru a crea o interacțiune mai bună cu vizitatorii site-ului dvs.

De asemenea, puteți utiliza instrucțiunile condiționate WordPress pentru a configura diferiți declanșatori care sunt specifici adresei URL.

Pentru a afla mai multe despre declarațiile condiționate WordPress și despre cum să le utilizați, puteți vizita linkul de mai jos.
https://codex.wordpress.org/Conditional_Tags

Nu sunt sigur dacă știai acest lucru, dar a avea o soluție de chat live pe site-ul tău web este una dintre cele mai bune modalități de a reduce rata de respingere. Verificați alte tehnici de putere pentru a reduce rata de respingere la https://www.wpfixit.com/how-to-lower-bounce-rate/