Snippet di codice WordPress dell'API di Tidio Chat

Pubblicato: 2022-04-29

Cerchi un codice WordPress personalizzato per l'API Tidio Chat?

Avere una soluzione di chat dal vivo sul tuo sito Web WordPress è una strategia così potente non solo per convertire i visitatori in acquirenti, ma anche per rispondere alle domande per aiutare i visitatori a navigare nel tuo sito Web.

Nel corso degli anni qui a WP Fix It abbiamo avuto l'opportunità di lavorare con molte delle popolari piattaforme software di live chat esistenti.

Dall'inizio del 2020 abbiamo iniziato a utilizzare un software di live chat chiamato Tidio. Ci siamo imbattuti in questa azienda da uno dei siti Web di un nostro cliente per il quale stavamo fornendo supporto WordPress.

Abbiamo già utilizzato un altro software di chat dal vivo per molti anni, ma la grande attrazione su Tidio su cui inizialmente ci siamo concentrati è stata l'attrattiva del widget di chat stesso sul sito Web del nostro cliente.

Quindi, immergendoci un po' di più in ciò che avevano da offrire con la loro soluzione di chat dal vivo e cosa li rendeva diversi dai loro concorrenti, siamo rimasti sbalorditi.

Una delle nostre funzionalità preferite era la loro integrazione con l'API e come potevamo usarla per attivare alcuni messaggi di chat specifici su diverse pagine all'interno del nostro sito Web WordPress.

Questo tipo di integrazione ci consentirebbe di automatizzare cose come acquisire informazioni sui visitatori e avviare chat con nuovi visitatori.

Mentre Tido ha fornito documentazione su come utilizzare la loro API, c'erano alcune funzioni specifiche che volevamo creare che non siamo riusciti a trovare online.

Così abbiamo deciso di farli noi stessi. Hanno avuto così tanto successo per la nostra azienda che abbiamo voluto condividere queste informazioni con altri che potrebbero essere alla ricerca di queste integrazioni API sul proprio sito Web WordPress.

Di seguito abbiamo messo insieme 5 potenti frammenti di codice WordPress dell'API di Tidio Chat che puoi integrare nel tuo sito Web WordPress per automatizzare alcune interazioni iniziali con i visitatori del tuo sito Web.

Script di installazione della chat – Tidio Chat API WordPress

Il frammento di script seguente è il codice di installazione effettivo per far funzionare Tidio Chat sul tuo sito web.

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

Articoli all'interno di questo codice che puoi adattare alle tue esigenze:

  1. ACCOUNT_SPECIFIC_STRING

    Questo è lo script embed che puoi trovare nel tuo account Tidio. Vedi l'immagine qui sotto.
Tidio Chat API WordPress Code Snippets
SCRIPT DELLA CHAT TIDIO

Come utilizzare questo codice sul tuo sito WordPress:

METODO N. 1
Inserisci questo codice nel file footer.php del tuo tema attivo

METODO N. 2
Usa il plug-in gratuito al link sottostante per inserire lo snippet di codice nel piè di pagina del tuo tema attivo
https://wordpress.org/plugins/insert-headers-and-footers/

METODO N. 3
Utilizza il plugin gratuito di Tidio Chat che puoi trovare su WordPress.org o installato direttamente dalla tua area di amministrazione di WordPress. Il collegamento al plug-in è di seguito.
https://wordpress.org/plugins/tidio-live-chat/

Tidio – Live Chat Chatbots Email Integration

Acquisisci lo script delle informazioni dell'utente - Tidio Chat API WordPress

Lo snippet di script sottostante classifica il nome e l'indirizzo e-mail del visitatore dal profilo dell'account sul tuo sito web. Questo verrà eseguito solo se il visitatore ha effettuato l'accesso al tuo sito 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
NOME E EMAIL GENERATI

Come utilizzare questo codice sul tuo sito WordPress:

METODO N. 1
Inserisci questo codice nel file footer.php del tuo tema attivo

METODO N. 2
Usa il plug-in gratuito al link sottostante per inserire lo snippet di codice nel piè di pagina del tuo tema attivo
https://wordpress.org/plugins/insert-headers-and-footers/

Script del nome del visitatore personalizzato – Tidio Chat API WordPress

Lo snippet di script sottostante classifica il nome e l'indirizzo e-mail del visitatore dal profilo dell'account sul tuo sito web. Questo verrà eseguito solo se il visitatore ha effettuato l'accesso al tuo sito web.

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

Articoli all'interno di questo codice che puoi adattare alle tue esigenze:

  1. nome: " CUSTOM_VISITOR_NAME “,

Come utilizzare questo codice sul tuo sito WordPress:

METODO N. 1
Inserisci questo codice nel file footer.php del tuo tema attivo

METODO N. 2
Usa il plug-in gratuito al link sottostante per inserire lo snippet di codice nel piè di pagina del tuo tema attivo
https://wordpress.org/plugins/insert-headers-and-footers/

Script del messaggio di benvenuto personalizzato – Tidio Chat API WordPress

Il frammento di script seguente attiverà un messaggio di benvenuto personalizzato della chat dopo un periodo di tempo a tua scelta.

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

Articoli all'interno di questo codice che puoi adattare alle tue esigenze:

  1. if(!window.sessionStorage.getItem(“ SESSION_COOKIE_NAME ")) {
    window.sessionStorage.setItem(“ SESSION_COOKIE_NAME ", VERO);
  2. tidioChatApi.messageFromOperator(“ MESSAGGIO PERSONALIZZATO QUI “);
  3. }, 5 * 1000 );
Tidio Chat API WordPress

Come utilizzare questo codice sul tuo sito WordPress:

METODO N. 1
Inserisci questo codice nel file footer.php del tuo tema attivo

METODO N. 2
Usa il plug-in gratuito al link sottostante per inserire lo snippet di codice nel piè di pagina del tuo tema attivo
https://wordpress.org/plugins/insert-headers-and-footers/

Script del messaggio di chat aperto personalizzato – Tidio Chat API WordPress

Il frammento di script seguente attiverà l'apertura della finestra della chat con un messaggio personalizzato dopo un periodo di tempo a tua scelta.

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

Articoli all'interno di questo codice che puoi adattare alle tue esigenze:

  1. if(!window.sessionStorage.getItem(“ SESSION_COOKIE_NAME ")) {
    window.sessionStorage.setItem(“ SESSION_COOKIE_NAME ", VERO);
  2. tidioChatApi.messageFromOperator(“ MESSAGGIO CHE VUOI DIRE “);
  3. }, 5 * 1000 );
Tidio Chat API WordPress

Come utilizzare questo codice sul tuo sito WordPress:

METODO N. 1
Inserisci questo codice nel file footer.php del tuo tema attivo

METODO N. 2
Usa il plug-in gratuito al link sottostante per inserire lo snippet di codice nel piè di pagina del tuo tema attivo
https://wordpress.org/plugins/insert-headers-and-footers/

Sto solo concludendo

Ci auguriamo davvero che troverai questi frammenti di codice WordPress dell'API di Tidio Chat utili per creare un migliore coinvolgimento con i visitatori del tuo sito web.

Puoi anche utilizzare le istruzioni condizionali di WordPress per impostare diversi trigger specifici dell'URL.

Per saperne di più sulle dichiarazioni condizionali di WordPress e su come usarle puoi visitare il link sottostante.
https://codex.wordpress.org/Conditional_Tags

Non sono sicuro se lo sapessi, ma avere una soluzione di chat dal vivo sul tuo sito Web è uno dei modi migliori per ridurre la frequenza di rimbalzo. Dai un'occhiata ad altre tecniche di alimentazione per ridurre la frequenza di rimbalzo su https://www.wpfixit.com/how-to-lower-bounce-rate/