Aggiungere un chatbot IA al tuo sito richiede pochi minuti. Ottenere buone risposte richiede preparazione. La maggior parte dei lanci deludenti di chatbot non è un problema di tecnologia: il titolare ha incollato il codice, ha saltato la preparazione e l'assistente non aveva nulla di accurato da dire. Questa guida ti dà l'ordine che funziona, i passaggi esatti per installare il widget su qualsiasi sito e i test da eseguire prima che i visitatori reali lo vedano.
Vale per qualsiasi prodotto chatbot moderno. Dove un passaggio è specifico di Crescelo lo indichiamo. Se stai ancora decidendo se ne hai bisogno, leggi prima cos'è un assistente web IA e come funziona.
Prima di iniziare: cosa ti serve
- Accesso al codice o alle impostazioni del tuo sito. Il tuo CMS (WordPress, Wix, Squarespace, Webflow, Shopify) oppure la possibilità di modificare l'HTML delle tue pagine.
- I contenuti della tua attività. Listino prezzi, descrizioni dei servizi, policy, orari di apertura e FAQ, come documenti o pagine web.
- Circa un'ora. Metà per raccogliere i contenuti, metà per testare.
Per un'installazione standard non serve uno sviluppatore. Se il tuo sito è costruito su una piattaforma ospitata, incollerai un unico snippet in una casella delle impostazioni, e le guide specifiche per WordPress e per Webflow, Squarespace e Wix trattano ciascuna piattaforma.
Passo 1: Decidi a cosa serve il chatbot
Scrivi una sola frase. Ad esempio: "Rispondi alle domande su servizi e prezzi e prenota consulenze." Un compito circoscritto produce un assistente migliore di "fai tutto". Il compito decide quali contenuti caricare e quali funzioni attivare.
| Obiettivo | Cosa serve al chatbot | Funzione da attivare |
|---|---|---|
| Rispondere alle domande più comuni | FAQ, prezzi, policy, orari di apertura | Base di conoscenza |
| Prenotare appuntamenti | Servizi, durate, calendario | Prenotazione e sincronizzazione del calendario |
| Raccogliere richieste fuori orario | Domande per i lead, dati di contatto | Acquisizione di lead e avvisi |
| Assistere i clienti | Articoli di aiuto, passaggi di risoluzione dei problemi | Base di conoscenza e passaggio a una persona |
Passo 2: Raccogli e ripulisci i tuoi contenuti
L'assistente può essere accurato solo quanto ciò che legge. Raccogli i documenti che il tuo team già usa per rispondere ai clienti, poi leggili con occhio critico.
- Elimina tutto ciò che è obsoleto: vecchi prezzi, offerte scadute, ex dipendenti.
- Assicurati che ogni servizio abbia un nome chiaro, un prezzo o una fascia di prezzo e cosa è incluso.
- Esponi le policy in modo semplice: annullamento, rimborsi, caparre, ritardi.
- Aggiungi le risposte alle dieci domande che il tuo team sente più spesso. Se non sono scritte da nessuna parte, scrivile ora.
- Preferisci più documenti brevi e con titoli chiari a un unico PDF enorme. Le pagine brevi sono più facili da cercare con precisione.
Formati che di solito funzionano: PDF, Word, testo semplice, Markdown, CSV e indirizzi di pagine web. Se una pagina è solo un'immagine, verifica che il prodotto supporti il riconoscimento del testo (OCR) oppure riscrivi i dati principali.
Passo 3: Crea l'assistente e aggiungi i tuoi contenuti
In Crescelo apri la dashboard, vai alla Base di conoscenza e carica file, incolla testo o aggiungi l'indirizzo del tuo sito. Il sistema li legge e li indicizza, di solito entro un minuto. Poi imposta nome, saluto e tono dell'assistente nelle sue impostazioni. Mantieni il saluto breve e specifico: "Ciao, posso rispondere alle domande sui nostri servizi e prenotarti un appuntamento" funziona meglio di "Come posso aiutarti oggi?".
Collega un provider IA se il tuo piano lo richiede. Con la chiave propria incolli una volta la chiave API del provider e paghi il provider direttamente; la guida su quale modello IA collegare spiega le opzioni. Per provare prima, il motore gratuito basta per i test.
Passo 4: Testa prima di pubblicare
Usa l'area di test all'interno del prodotto, non il tuo sito live. Fai domande come le fanno i clienti reali.
- Le tue dieci domande più comuni, con formulazioni diverse, con errori di battitura e in linguaggio colloquiale.
- Una domanda che non è nei tuoi contenuti. L'assistente dovrebbe dire che non lo sa e proporre una persona o un modulo.
- La richiesta di qualcosa che non offri, come uno sconto. Non dovrebbe promettere.
- Una prenotazione dall'inizio alla fine, compreso un orario già occupato.
- La richiesta di parlare con una persona.
Correggi ogni errore cambiando i contenuti, non le impostazioni dell'assistente. Se ha risposto in modo sbagliato, trova il passaggio di origine e correggilo. Se non ha saputo rispondere, aggiungi la risposta mancante ai tuoi documenti.
Passo 5: Installa il widget sul tuo sito
L'installazione è un unico snippet di codice, di solito un tag `script`. Dove incollarlo dipende dalla tua piattaforma.
WordPress
Usa un plugin che permette di aggiungere codice al piè di pagina, oppure incolla lo snippet nel piè di pagina del tema tramite l'editor del tema. I passaggi completi sono nella guida all'installazione per WordPress.
Wix, Squarespace e Webflow
Ognuno ha un'area per il "codice personalizzato" o l'"iniezione di codice" nelle impostazioni del sito. Incolla lo snippet nella casella del piè di pagina o "prima del tag body di chiusura" e pubblica. I dettagli sono nella guida per i costruttori di siti.
Shopify e altre piattaforme
Aggiungi lo snippet al file di layout principale del tema, subito prima del tag body di chiusura. Molte piattaforme hanno un'impostazione "script" o "intestazione e piè di pagina" che fa lo stesso senza modificare file.
Un sito scritto a mano
Incolla lo snippet nell'HTML di ogni pagina in cui vuoi la chat, subito prima del tag body di chiusura, oppure in un file di layout condiviso così compare ovunque.
Dopo la pubblicazione, apri il tuo sito live in una finestra privata e svuota la cache se la chat non compare. Anche i blocchi pubblicità e i banner dei cookie possono nasconderla durante i test.
Passo 6: Verificalo su dispositivi reali
- Apri il sito su un telefono. La finestra della chat dovrebbe adattarsi allo schermo, scorrere e non coprire i pulsanti di invito all'azione.
- Controlla la velocità della pagina prima e dopo. Un widget ben fatto si carica senza bloccare la pagina. Vedi la nostra nota sulle prestazioni dei widget di chat incorporati.
- Prova la chat con uno screen reader o solo con la tastiera, se l'accessibilità ti sta a cuore. La guida all'accessibilità per i chatbot elenca cosa controllare.
- Invia a te stesso una prenotazione e un lead di prova e conferma che le e-mail arrivino.
Passo 7: Sii onesto con i visitatori
Dì che è un assistente IA, linka la tua informativa sulla privacy e offri un modo per raggiungere una persona. È una buona pratica e in molti luoghi un obbligo di legge. Se servi visitatori in Europa o in California, ripassa la checklist GDPR per i chatbot dei siti web.
Passo 8: Mantienilo accurato dopo il lancio
Il lancio è solo l'inizio. Metti in calendario una revisione settimanale di dieci minuti. Leggi le conversazioni, annota ogni domanda a cui l'assistente non ha saputo rispondere e aggiungi le risposte alla tua base di conoscenza. Aggiorna i contenuti ogni volta che cambiano prezzi, orari o policy. L'abitudine è descritta in come rivedere ogni settimana le conversazioni del tuo chatbot.
Errori comuni da evitare
- Incollare il codice senza caricare alcun contenuto.
- Caricare tutto, comprese pagine obsolete, senza leggerlo.
- Non testare mai domande a cui i contenuti non possono rispondere.
- Nascondere la possibilità di raggiungere una persona.
- Posizionare la chat in modo che copra pulsanti importanti su mobile.
- Dimenticare di aggiornare i contenuti dopo una variazione di prezzo.
- Giudicare il successo dal volume di chat anziché da prenotazioni e lead.
Bolla, pagina intera o incorporata: scegli come i visitatori incontrano la chat
La maggior parte dei chatbot offre tre modi per presentarsi, e la scelta giusta dipende dal compito.
| Formato | Cos'è | Ideale per |
|---|---|---|
| Bolla flottante | Un piccolo pulsante nell'angolo che apre una finestra di chat | Domande generali su qualsiasi pagina; la scelta predefinita per la maggior parte dei siti |
| Incorporamento inline | La chat sta dentro una pagina, ad esempio di contatto o di prenotazione | Pagine in cui la chat è l'azione principale |
| Chat a pagina intera ospitata | Una pagina autonoma sul dominio del fornitore o sul tuo | Link da social, firme e-mail e codici QR |
La bolla è il modo più semplice per iniziare. Quando funziona, aggiungi un link alla pagina intera nella bio di Instagram, nella firma e-mail e nel profilo dell'attività su Google, così i visitatori da quei punti arrivano direttamente nella conversazione. Crescelo offre la bolla flottante, un frame inline e pagine aziendali ospitate, descritti nella pagina del widget web.
Quanto costa aggiungere un chatbot
L'installazione in sé è gratuita. Ciò che paghi è il prodotto. Aspettati un abbonamento mensile che cresce con il numero di conversazioni, il numero di assistenti e la quantità di contenuti archiviati. In più c'è l'uso dell'IA, incluso nel prezzo o fatturato direttamente a te. Come riferimento, il piano Starter di Crescelo costa 49 $ al mese per un assistente e 100 sessioni di chat, e il piano Growth da 149 $ aggiunge prenotazione di appuntamenti e sincronizzazione del calendario. Consulta la pagina dei prezzi per i valori aggiornati. Un buon modo per valutare il valore è confrontare il costo mensile con il valore di una prenotazione in più al mese; il nostro calcolo del ROI mostra come.
Cosa misurare nei primi 30 giorni
- Conversazioni avviate e quante hanno ottenuto una risposta utile.
- Prenotazioni e lead creati dalla chat.
- Domande senza risposta, che mostrano cosa manca ai tuoi contenuti.
- Richieste di passaggio a una persona, che indicano dove serve una persona.
- Abbandoni, cioè dove i visitatori smettono di rispondere. La nostra guida al monitoraggio degli abbandoni nel funnel della chat spiega le fasi.
Non giudicare la prima settimana dal volume. Una chat tranquilla che converte è meglio di una vivace che non converte. Dopo un mese avrai abbastanza conversazioni per vedere degli schemi, e i miglioramenti maggiori di solito vengono dall'aggiungere dieci risposte mancanti alla base di conoscenza.
Nozioni di base su sicurezza e accessi
- Tieni private le tue chiavi API e archiviale solo nelle impostazioni del prodotto, mai nel codice della pagina.
- Dai ai membri del team accessi personali e attiva l'autenticazione a due fattori per l'account che controlla l'assistente.
- Limita i domini su cui il widget può caricarsi, se il tuo prodotto lo offre.
- Chiedi al fornitore come vengono archiviate le conversazioni, per quanto tempo e come eliminarle.
Per saperne di più su come proteggere l'account, vedi configurare l'accesso del team e l'autenticazione a due fattori.
Accessibilità e inclusione
Una finestra di chat fa parte del tuo sito, quindi deve funzionare per chi usa la tastiera, uno screen reader o l'ingrandimento. Verifica che la chat si possa aprire e chiudere con la tastiera, che i messaggi siano annunciati agli screen reader, che il testo abbia contrasto sufficiente e che nulla dipenda solo dal colore. Le Web Content Accessibility Guidelines sono il riferimento standard. La nostra checklist per chatbot accessibili le trasforma in controlli pratici.
Domande frequenti
Quanto tempo ci vuole per aggiungere un chatbot IA a un sito?
L'installazione richiede pochi minuti. Il tempo serve per preparare e testare i contenuti, in genere un'ora o due per una piccola impresa.
Mi serve uno sviluppatore?
Non per un sito standard. Incolli uno snippet nelle impostazioni o nel piè di pagina del sito. Uno sviluppatore serve solo per configurazioni personalizzate insolite.
Un chatbot rallenterà il mio sito?
Un widget ben fatto si carica dopo la pagina e aggiunge poco peso. Controlla la velocità della pagina prima e dopo e scegli un prodotto che carica lo script in modo asincrono.
Posso aggiungere un chatbot a WordPress, Wix, Squarespace o Shopify?
Sì. Ognuno ha un punto in cui incollare uno snippet di codice. Le guide linkate sopra trattano ogni piattaforma.
Che contenuti devo dare al chatbot?
I tuoi servizi, prezzi, policy, orari di apertura e FAQ, in documenti brevi e chiari. Elimina prima tutto ciò che è obsoleto.
Come evito che il chatbot dia risposte sbagliate?
Fondalo sui tuoi contenuti, testalo con domande a cui i contenuti non rispondono e rivedi le conversazioni ogni settimana per colmare le lacune.
Un chatbot è gratuito?
Alcuni prodotti hanno piani gratuiti o prove. I costi derivano di solito dall'abbonamento alla piattaforma e dall'uso dell'IA. Consulta la pagina prezzi di ciascun prodotto per i dettagli aggiornati.
Quando sei pronto, provalo sui tuoi documenti nel playground, poi avvia una prova gratuita per metterlo sul tuo sito.
Letture consigliate
- Google Search Central: creare contenuti utili pensati per le persone: Cosa cerca Google nelle pagine utili.
RISPONDI A OGNI VISITATORE. PRENOTA CHI È PRONTO.
Installa Crescelo sul tuo sito in 15 minuti
Addestra il tuo assistente sui tuoi listini, documenti e condizioni di servizio. Attiva risposte fondate sulle tue fonti 24 ore su 24 e prenotazioni in chat senza sovrapposizioni.