Come Aggiungere un Chatbot IA al Tuo Sito in 5 Minuti

Immagina un tipico martedì pomeriggio sul tuo sito. Un visitatore atterra sulla pagina dei prezzi, scrolla per trenta secondi, ha una singola domanda che lo farebbe pendere verso l'iscrizione, e non trova un modo immediato per farla. Il form di contatto richiede nome, email, dimensione dell'azienda e «come ci hai conosciuti» prima che possa scrivere la sua domanda. Il pulsante «Parla con il commerciale» apre un calendario senza slot disponibili fino alla settimana prossima.

Se ne va.

Questo è il gap che un chatbot dovrebbe colmare, e per anni ha fallito miseramente. La prima generazione di chatbot per siti web erano script basati su regole che non gestivano nulla al di fuori del loro decision tree. La seconda generazione erano widget di live chat che promettevano «ti rispondiamo entro 24 ore», che è la stessa cosa che non avere nessuna chat.

La generazione attuale è diversa. I chatbot IA basati su large language model e ancorati alla tua documentazione effettiva possono sostenere una conversazione reale, rispondere a domande specifiche sul tuo business, e instradare a un umano solo quando incontrano qualcosa che genuinamente non riescono a risolvere. La parte migliore è che aggiungerne uno al tuo sito non richiede più un team di engineering o un progetto di implementazione di sei settimane. La maggior parte delle piattaforme ti porta live in meno di un'ora.

Questa guida spiega esattamente come fare, inclusi gli step di embed specifici per WordPress, Shopify, Wix, Squarespace, Webflow, Framer e HTML semplice, più la checklist post-launch che separa un chatbot che le persone usano da uno che colleziona polvere silenziosamente nell'angolo della tua homepage.

Tre trend si sono fusi negli ultimi 18 mesi rendendo i chatbot IA un'aspettativa di default piuttosto che un nice-to-have.

Le aspettative sui tempi di risposta sono crollate. Survey CX recenti (Salesforce State of the Connected Customer, Zendesk CX Trends) riportano costantemente che la maggior parte dei consumatori si aspetta una risposta veloce quando contatta un'azienda, e una percentuale significativa di buyer B2B dichiara che tempi di risposta lenti sono uno dei motivi principali per cui scelgono un competitor. Una risposta email a 24 ore non sembra più accettabile. Un'attesa di due minuti in live chat sembra lunga. L'istantaneo è la nuova baseline. Per il mercato italiano, dove molti e-commerce vendono anche all'estero, questa pressione è ancora più forte: i clienti tedeschi o francesi non aspettano lunedì mattina perché gli italiani sono in pausa nel weekend.

La qualità degli LLM ha superato la soglia di usabilità. Intorno al 2023 la maggior parte dei chatbot era ridicolmente brutta. Entro il 2026 il gap tra un chatbot RAG ben pubblicato e un agente di supporto junior è piccolo per domande sui prodotti, query in stile FAQ e troubleshooting di base. La tecnologia funziona genuinamente adesso.

Il costo di setup si è avvicinato a zero. Il self-hosting richiedeva expertise ML, infrastruttura GPU e settimane di lavoro. Oggi la maggior parte dei team usa una piattaforma gestita (Chatloom, Intercom Fin, Tidio Lyro, Crisp) e va in produzione in un singolo pomeriggio.

L'effetto combinato è che non avere un chatbot diventa sempre più vistoso. I visitatori si accorgono quando non c'è un modo facile per fare una domanda. Anche se il tuo team è disponibile via email, l'assenza di un widget di chat segnala «non siamo il tipo di azienda che risponde velocemente», che sia vero o no. Per le PMI italiane che competono con multinazionali ben strutturate, mantenere il pari sui tempi di risposta è ormai una condizione di sopravvivenza.

Il mercato è affollato, ma gli assi di confronto significativi si restringono velocemente. Ecco cosa valutare.

Architettura IA. Cerca la RAG (Retrieval-Augmented Generation), che ancora il bot ai tuoi documenti specifici invece che ai dati di addestramento generici. Le piattaforme che menzionano «addestrato sui tuoi dati», «upload di knowledge base» o «ingestione documenti» hanno la forma giusta. I bot puramente basati su regole e gli strumenti di pura live chat sono categorie diverse e non ti daranno gli stessi risultati. Per una spiegazione approfondita, vedi Cos'è un Chatbot RAG.

Setup no-code. Un marketing manager non tecnico dovrebbe poter pubblicare e mantenere il bot. Se la documentazione richiede Postman e una config YAML, la piattaforma punta agli sviluppatori, non alle aziende.

Profondità di personalizzazione. Il widget dovrebbe matchare il tuo brand precisamente (colori, font, logo, tono, stile launcher) invece che schiaffare un cerchio blu generico nell'angolo in basso a destra. Punti bonus per modalità launcher multiple (pannello compatto, sidebar, fullscreen) e layout mobile-specifici.

Pricing onesto. Il pricing basato sul volume (X messaggi al mese per Y euro) è più prevedibile dei modelli per posto o per risoluzione. Vedi il nostro confronto pricing 2026 per un side-by-side delle principali piattaforme.

Free tier con IA reale. Testa prima di impegnarti. I free tier che gattonano l'IA dietro add-on a pagamento non sono in realtà gratuiti.

Analytics e report sui knowledge gap. Un chatbot migliora attraverso loop di feedback. La piattaforma dovrebbe far emergere quali domande non ha saputo rispondere, quali avevano bassa confidenza e quali hanno ricevuto pollice giù.

Chatloom centra tutti questi punti e parte da 0 € con la pipeline RAG completa inclusa nel free tier. Il resto della guida usa Chatloom come esempio lavorato, ma gli step si generalizzano a qualsiasi piattaforma moderna.

Un chatbot vale solo quanto i contenuti che può recuperare. Tratta questo step come il più importante.

Cosa caricare. Inizia con i documenti che il tuo team di supporto invia già più spesso. La regola di Pareto si applica duramente qui: il 20% dei tuoi contenuti risponderà all'80% delle domande.

• Pagine FAQ — le domande a cui hai già pre-risposto
• Documentazione prodotto — feature, tier di pricing, specifiche, integrazioni
• Articoli del centro assistenza — guide how-to, step di troubleshooting
• Pagine policy — spedizione, resi, privacy, termini, condizioni d'uso (importante per la conformità GDPR)
• Info About e contatti — fatti di base che il bot servirà in ogni conversazione
• Post recenti del blog per aggiornamenti prodotto e contenuti stagionali

Come caricare. La maggior parte delle piattaforme supporta diversi metodi:

1. Crawling della sitemap. Incolla il tuo dominio e lascia che la piattaforma scopra e ingerisca le pagine automaticamente. È il percorso più veloce per contenuti già live sul web pubblico.
2. Upload di PDF e documenti. Per manuali interni, brochure, o qualsiasi cosa non sul tuo sito pubblico.
3. Incolla testo grezzo. Per snippet one-off, voci FAQ, o fix rapidi al phrasing specifico.
4. Integrazione API. Per contenuti dinamici come cataloghi prodotto o dati ordini.

Cosa saltare al primo passaggio. Copy di marketing più aspirazionale che fattuale («il miglior CRM al mondo»), boilerplate legale, e documentazione obsoleta. Il bot recupererà e citerà qualsiasi cosa carichi, quindi sii selettivo.

Il processing tipicamente richiede pochi minuti. La piattaforma divide i documenti in chunk, fa l'embedding di ogni chunk in un vettore, e li memorizza in un indice di ricerca. Dopo il completamento dell'ingestione, esegui 10-15 query di test per vedere come risponde. Se le risposte sbagliano, è il segnale che servono più o migliori contenuti.

Per una guida più approfondita sulla preparazione della knowledge base, vedi come addestrare un chatbot IA sui tuoi dati.

Un chatbot che sembra ovviamente uno strumento di terze parti incollato sopra al sito viene ignorato. Uno che sembra una parte nativa del tuo sito viene usato. La differenza è nei dettagli.

Identità visiva.

• Colori del brand. Imposta i tuoi colori primario e di accento. Il pulsante launcher, la barra di intestazione e i bubble dei messaggi dovrebbero matchare il resto del sito.
• Logo e avatar. Carica il logo per l'header della chat. Opzionalmente imposta un avatar per la personalità del bot.
• Tipografia. Matcha la font family del sito se la piattaforma lo supporta.
• Border radius e ombre. Sottile ma importante: un widget di chat squadrato su un sito con angoli arrotondati stona.

Personalità e tono.

• Messaggio di benvenuto. Un'apertura amichevole che setta le aspettative: «Ciao! Sono l'assistente di supporto. Chiedimi qualsiasi cosa su prezzi, funzionalità o il tuo account».
• Nome del bot. Alcuni team danno al bot un nome (Frida, Zelda, Atlas). Altri restano neutri («Bot di Supporto»). Funzionano entrambi; la chiave è la coerenza con la voce del brand. Per un brand italiano, considera nomi che suonino familiari come Sofia, Luca, Anna.
• Configurazione del tono. La maggior parte delle piattaforme espone uno slider o selettore per la formalità (informale a professionale) e la verbosità (conciso a dettagliato). Per il B2B italiano, il «Lei» formale è spesso la scelta giusta. Per l'e-commerce consumer, il «tu» informale si adatta meglio.
• Messaggio di fallback. Cosa dice il bot quando non sa: «Non riesco a trovare quell'informazione. Vuoi che ti metta in contatto con il nostro team?».

Modalità launcher. È lo stile visivo del punto d'ingresso. Chatloom ne supporta quattro:

• Button (default) — piccolo floating action button, apre un pannello di chat.
• Compact panel — mini-pannello sempre visibile nell'angolo; popolare per le dashboard SaaS.
• Fullscreen — apre un overlay centrato; funziona bene per le pagine del centro assistenza.
• Sidebar — scivola dal bordo destro, altezza piena; comune per i siti di documentazione.

Posizione e offset. L'angolo in basso a destra è la convenzione. Evita l'angolo in basso a sinistra se hai un cookie banner lì. Imposta offset custom se il tuo sito ha un footer sticky o elementi che vanno in conflitto con la chat.

Comportamento mobile. Testa il widget su un telefono reale, non solo su un emulatore browser dev tools. La finestra di chat dovrebbe espandersi a fullscreen su mobile e rispettare l'inset della tastiera. Considerando che oltre il 60% del traffico web italiano viene da mobile, questo step è fondamentale.

Dedica 20-30 minuti a questo step. Il polish visivo fa una differenza reale sui click-through rate.

L'install effettivo è una linea di codice. Copia lo script di embed dalla dashboard della tua piattaforma e incollalo prima del tag di chiusura </body> del tuo sito. La procedura esatta dipende dal tuo stack.

WordPress. Tre opzioni:

1. Usa un plugin header/footer come Insert Headers and Footers, WPCode o Header and Footer Code Manager. Incolla lo snippet nel campo «Footer». Sopravvive agli aggiornamenti del tema.
2. Modifica il tema direttamente: Aspetto > Editor file del tema > footer.php, incolla prima di </body>. Più pulito ma perso negli aggiornamenti del tema.
3. Usa un child theme per rendere le modifiche update-safe.

Shopify. Vai su Online Store > Themes > Customize > Edit Code, apri theme.liquid, incolla lo script appena prima di </body>. Salva. Il widget appare immediatamente su tutte le pagine dello store.

Wix. Impostazioni > Avanzate > Codice personalizzato > Aggiungi codice personalizzato. Imposta la posizione su «Body — fine» e «Tutte le pagine».

Squarespace. Impostazioni > Avanzate > Code Injection > Footer. Incolla, salva. Nota: Code Injection richiede un piano Business o superiore.

Webflow. Project Settings > Custom Code > Footer Code. Incolla, salva, pubblica.

Framer. Site Settings > General > Custom Code > End of <body> tag.

HTML semplice. Apri il tuo index.html (o qualsiasi template renderizzi le tue pagine), incolla lo snippet direttamente prima del tag di chiusura </body>, fai il deploy.

Next.js / React / Vue / SPA. Aggiungi il tag script nel root layout (o _document.tsx per Next.js Pages Router, app/layout.tsx per App Router). Per i framework che strippano i tag script da JSX, usa un hook useEffect o un helper specifico del framework per iniettare lo script dopo il mount.

Per riferimento, ecco il tipo di snippet che la maggior parte delle piattaforme genera:

<script
  async
  src="https://cdn.chatloom.app/widget.js"
  data-agent-id="agt_XXXXXXXX"
></script>

L'attributo async è importante. Garantisce che lo script si carichi in parallelo con il resto della pagina invece che bloccare il rendering. I widget moderni sono tipicamente 30-60 KB minified e gzippati, quindi l'impatto sui tuoi Core Web Vitals dovrebbe essere minimo. Verifica con Lighthouse o PageSpeed Insights dopo l'install.

Trabocchetti comuni:

• Incollare lo snippet dentro <head> invece che prima di </body>. La maggior parte dei widget funziona in entrambi i casi, ma </body> è preferito per evitare il blocco del rendering.
• Layer di caching (Cloudflare, page builder, plugin di caching WordPress) che nascondono il nuovo tag. Fai purge dopo l'install.
• Content Security Policy (CSP) restrittive che bloccano il dominio del widget. Aggiungi il CDN della piattaforma alla tua direttiva script-src se hai una CSP.
• iframe o pagine AMP dove gli script di terze parti si comportano diversamente. La maggior parte dei vendor di widget documenta workaround; controlla prima del deploy su AMP.

Prima di dire al tuo team o ai tuoi visitatori che il chatbot è live, esegui questa breve checklist.

Test funzionale. Apri il sito in una finestra in incognito. Clicca il launcher. Invia un messaggio. Verifica che il bot risponda entro pochi secondi. Ricarica la pagina a metà conversazione; la cronologia chat dovrebbe persistere (o ripartire pulita, a seconda delle impostazioni della piattaforma).

Test sui contenuti. Fai 10 domande che sai essere ben coperte dalla tua documentazione. Fai 5 domande che sai NON essere coperte (per verificare che il fallback «non lo so» funzioni correttamente invece che il bot tirare a indovinare).

Test edge. Prova una domanda in un'altra lingua se servi traffico internazionale. Prova testo senza senso. Prova una domanda ostile («sei inutile»). Verifica che il bot gestisca ciascuna con eleganza.

Test di performance. Esegui Lighthouse sulla tua homepage prima e dopo l'install. Il widget dovrebbe aggiungere non più di pochi punti al tuo punteggio di performance, se ne aggiunge.

Test mobile. Apri il sito sul telefono. Apri la chat. Scrivi un messaggio. Verifica che la tastiera non copra l'input. Verifica che lo scroll dentro la chat funzioni.

Test di handoff. Se hai impostato l'escalation via email o agente live, attivala (fai una domanda a bassa confidenza o usa il comando «parla con un umano») e verifica che l'instradamento funzioni davvero.

Se qualcuno di questi fallisce, sistema prima di annunciare. I visitatori si formano un'opinione nella loro prima interazione.

Pubblicare è l'inizio, non la fine. I team che ottengono valore reale dai chatbot sono quelli che lo trattano come un loop di miglioramento continuo.

Settimanale: revisione knowledge gap. La maggior parte delle piattaforme fa emergere un report «domande a cui il bot non ha saputo rispondere». Ogni voce è un'opportunità di aggiungere un documento, aggiornare una FAQ, o rifinire una pagina policy. Chiudere questo loop settimanalmente è la singola leva più grande sulla qualità del chatbot.

Settimanale: revisione risposte a bassa confidenza. Diverse da «non ha saputo rispondere» — sono risposte che il bot ha dato ma flaggate come incerte. A volte la risposta era corretta ma il retrieval ha avuto punteggio basso; a volte la risposta era sbagliata. In ogni caso, ti dice dove aggiungere più contenuti.

Mensile: revisione di campioni di conversazioni. Leggi 50 conversazioni casuali dall'inizio alla fine. Individuerai problemi di tono, opportunità di escalation mancate, e punti di attrito che nessuna metrica aggregata rivela.

Mensile: traccia metriche chiave.

• Tasso di risoluzione — percentuale di conversazioni risolte senza handoff umano. Obiettivo 50-70% entro 2-3 mesi.
• Distribuzione di confidenza — quale frazione delle risposte erano alta confidenza vs bassa. Dovrebbe trendare verso l'alto man mano che la knowledge base migliora.
• Soddisfazione cliente — pollice su vs giù sulle risposte.
• Cattura lead — se il bot raccoglie email o qualifica lead, quanti a settimana.

Trimestrale: refresh dei contenuti. Documentazione obsoleta produce risposte obsolete. Metti in calendario una review trimestrale dei tuoi top 50 documenti più recuperati.

La maggior parte dei team raggiunge performance steady-state entro 4-8 settimane di iterazione costante. Dopo, la manutenzione si avvicina a un'ora a settimana invece dello sprint iniziale.

Non ogni sito ha bisogno di un chatbot, e fingere il contrario è cattivo consiglio.

Traffico molto basso. Se il tuo sito riceve 50 visitatori a settimana, il volume è troppo basso per giustificare il tempo di setup. Usa un form di contatto e l'email.

Prodotti altamente visivi senza domande. Il sito portfolio di un fotografo, un single-page bio di un artista. Il chatbot non ha nulla da recuperare.

Settori fortemente regolamentati con requisiti di scripting stretti. Alcuni casi d'uso sanitari, legali e finanziari richiedono review umana di ogni interazione cliente. La RAG con un forte gating di confidenza può ancora applicarsi a volte, ma il deployment è più pesante.

Voce del brand mal allineata. Un brand di lusso che vende orologi da 20.000 € può decidere che il supporto umano in guanti bianchi è parte della value proposition e che un chatbot la diluisce. Scelta valida.

Per tutti gli altri, la domanda non è «devo aggiungere un chatbot» ma «quale chatbot si adatta alle mie esigenze e quanto presto posso pubblicarlo».