Come Integrare un Chatbot su WordPress: Guida Completa Passo Passo

Il metodo più semplice e affidabile è incollare lo script di integrazione del tuo chatbot direttamente nel tuo sito WordPress. Funziona con qualsiasi piattaforma chatbot e non richiede un plugin.

Step 1: Accedi alla tua piattaforma chatbot (Chatloom, Tidio, Crisp o quella che stai usando) e copia lo script di integrazione. Di solito sembra un tag <script> con alcune righe di configurazione.

Step 2: Nel pannello di amministrazione di WordPress, vai su Aspetto > Editor dei File del Tema. Seleziona il file footer.php del tuo tema dall'elenco dei file sulla destra.

Step 3: Incolla lo script di integrazione appena prima del tag di chiusura </body>. Se il tuo tema usa wp_footer(), incollalo immediatamente prima di quella chiamata di funzione.

Step 4: Clicca "Aggiorna File" e visita il tuo sito. Il widget chatbot dovrebbe apparire immediatamente.

Nota importante: Se stai usando un tema figlio (cosa che dovresti fare), aggiungi lo snippet al footer.php del tuo tema figlio. Questo impedisce che le tue modifiche vengano sovrascritte durante gli aggiornamenti del tema. Se il tuo tema figlio non ha un footer.php, creane uno o usa il Metodo 2.

Questo metodo carica lo script in modo asincrono, quindi non influirà sulla velocità di caricamento della pagina.

Se modificare i file del tema ti sembra scomodo, un plugin offre un'alternativa più sicura. Questa è anche la scelta migliore se aggiorni frequentemente i temi o usi un host WordPress gestito che limita la modifica dei file.

WPCode (ex Insert Headers and Footers) è l'opzione più popolare con oltre 2 milioni di installazioni attive. Ecco come usarlo:

Step 1: Installa WPCode da Plugin > Aggiungi Nuovo nel tuo pannello di amministrazione WordPress. Cerca "WPCode" e clicca Installa, poi Attiva.

Step 2: Vai a Code Snippets > Header & Footer nella barra laterale sinistra.

Step 3: Incolla il tuo script di integrazione chatbot nella sezione Footer. Il footer è preferito perché assicura che lo script si carichi dopo il contenuto della pagina, mantenendo il sito veloce.

Step 4: Clicca "Salva Modifiche." Il tuo chatbot è ora live.

Il vantaggio di questo approccio è che il tuo codice di integrazione sopravvive ai cambi e agli aggiornamenti del tema. Puoi anche disabilitarlo facilmente senza dover cercare tra i file del tema.

Attenzione: se stai usando un plugin di caching (WP Super Cache, W3 Total Cache, LiteSpeed Cache), svuota la cache dopo aver aggiunto lo snippet affinché il chatbot appaia immediatamente per tutti i visitatori.

A volte vuoi il chatbot solo su pagine specifiche — la tua pagina prezzi, la pagina contatti o le pagine prodotto — invece che su tutto il sito. Sia Elementor che Gutenberg rendono questo semplice.

Con Gutenberg (Block Editor): Modifica la pagina dove vuoi il chatbot. Aggiungi un blocco HTML Personalizzato. Incolla il tuo script di integrazione nel blocco. Aggiorna la pagina. Il chatbot apparirà solo su quella pagina specifica.

Con Elementor: Modifica la pagina in Elementor. Trascina un widget HTML in fondo alla pagina. Incolla lo script di integrazione. Salva e pubblica.

Caricamento condizionale con codice: Se ti senti a tuo agio con una piccola modifica al codice, puoi rendere condizionale lo script su tutto il sito. Nel tuo footer.php o snippet WPCode, avvolgi lo script con i tag condizionali di WordPress.

Ad esempio, usa is_page() per caricare solo su pagine specifiche, is_product() per le pagine prodotto WooCommerce, o is_front_page() solo per la homepage.

Questo mantiene un unico punto di integrazione ma ti dà controllo granulare su dove appare il chatbot. Il caricamento condizionale migliora anche le prestazioni poiché le pagine che non hanno bisogno del chatbot non caricheranno affatto lo script.

La maggior parte delle piattaforme chatbot, inclusa Chatloom, offre anche il targeting delle pagine nelle impostazioni del dashboard, che può essere più semplice dei condizionali a livello di codice.

Se gestisci WooCommerce, il tuo chatbot può fare molto più che rispondere a domande generiche. Con il setup giusto, diventa un consulente prodotto e uno strumento di supporto che comprende il tuo catalogo.

Training sui dati prodotto: Esporta il tuo catalogo prodotti WooCommerce (Prodotti > Tutti i Prodotti > Esporta) come CSV. Caricalo nella knowledge base del tuo chatbot. L'AI può quindi rispondere a domande su prodotti specifici, prezzi, disponibilità e specifiche.

Il posizionamento strategico conta. Sulle pagine prodotto, il chatbot dovrebbe concentrarsi sulle domande specifiche del prodotto. Sulla pagina carrello, focalizzati su spedizione e resi. Sulla pagina checkout, affronta le preoccupazioni su pagamento e sicurezza. Configura il messaggio di benvenuto del chatbot per corrispondere al contesto della pagina.

L'integrazione con lo stato degli ordini è il livello successivo. Se la tua piattaforma chatbot offre accesso API, puoi connetterla all'API degli ordini di WooCommerce così i clienti possono chiedere "Dov'è il mio ordine?" e ricevere informazioni di tracking in tempo reale. Questo da solo può deflettere un numero significativo di ticket di supporto.

I consigli di prodotto funzionano bene attraverso i chatbot. Quando un visitatore chiede di un prodotto, il bot può suggerire articoli complementari basandosi sulle relazioni tra i tuoi prodotti. Questo aumenta sia il valore medio dell'ordine che la soddisfazione del cliente.

Per i negozi WooCommerce, tieni aggiornata la knowledge base dei prodotti ogni volta che aggiungi o modifichi prodotti. Informazioni di prodotto obsolete sono peggio di nessuna informazione.

La maggior parte delle installazioni di chatbot su WordPress sono fluide, ma ecco i problemi che frenano le persone più spesso.

Il chatbot non appare dopo aver aggiunto lo script: Prima di tutto svuota tutte le cache — il tuo plugin di caching, la cache CDN (Cloudflare, ecc.) e la cache del browser. Se stai usando un page builder, assicurati che non stia rimuovendo il tag script. Alcuni plugin di sicurezza bloccano anche gli script inline; controlla i log del tuo plugin di sicurezza.

Il chatbot appare nell'admin ma non sul sito live: Questo di solito significa che lo script è stato aggiunto al file template sbagliato. Verifica che sia in footer.php (non in header.php o in un template di pagina). Controlla anche che il tuo tema usi effettivamente wp_footer().

Il chatbot va in conflitto con altri plugin: Se il chatbot si rompe dopo l'attivazione, controlla gli errori JavaScript nella console sviluppatore del tuo browser (F12 > scheda Console). I colpevoli comuni sono conflitti di versione jQuery, plugin aggressivi di ottimizzazione degli script e altri strumenti di live chat caricati simultaneamente. Disabilita gli altri plugin correlati alla chat prima di aggiungere un nuovo chatbot.

Problemi di prestazioni: I widget chatbot moderni si caricano in modo asincrono e tipicamente aggiungono peso minimo al caricamento della pagina. Se riscontri problemi di prestazioni, verifica che lo script usi gli attributi async o defer. La maggior parte delle piattaforme, inclusa Chatloom, gestisce questo per default.

Content Security Policy (CSP) che blocca il widget: Alcune installazioni WordPress con sicurezza rinforzata usano intestazioni CSP che bloccano gli script di terze parti. Dovrai aggiungere il dominio della tua piattaforma chatbot alla whitelist nella configurazione CSP.