Product

Aggiungi un widget di chat AI al tuo sito, senza codice

Scopri cos’è un widget di chat, come funziona la web chat e come aggiungere al tuo sito un widget di chat basato sull’AI senza scrivere codice, per trasformare più visitatori in conversazioni.

Jul 19, 2026

Aggiungi un widget di chat AI al tuo sito, senza codice
Blog/Product/Aggiungi un widget di chat AI al tuo sito, senza codice

Ultimo aggiornamento: 19 luglio 2026

In breve

  • Un widget di chat è la piccola finestra di chat incorporata nel tuo sito web, di solito un pulsante flottante nell'angolo, dove i visitatori fanno domande e ricevono risposte senza lasciare la pagina. Lo troverai anche chiamato web chat o widget di live chat.
  • La versione moderna è AI-first: risponde istantaneamente attingendo ai contenuti della tua attività, parla la lingua dei tuoi clienti, avvia la conversazione in modo proattivo e la passa al tuo team quando è il momento che intervenga una persona.
  • I migliori chat widget di oggi fanno tre cose che quelli più vecchi non facevano: avviano conversazioni invece di aspettare (modalità teaser), permettono ai visitatori di scegliere il proprio canale (WhatsApp, Instagram, email e altro), e sembrano parte della tua pagina invece di dare l'idea di essere stati aggiunti alla meglio.
  • Aggiungerne uno richiede pochi minuti e nessun codice: addestra l'AI sui tuoi contenuti, personalizza l'aspetto, incolla uno snippet (oppure installa un plugin WordPress) e vai online.
  • Invent's Chat Widget v2 include tutto questo nel changelog #028: modalità teaser con pulsanti di risposta rapida, un elenco di sette canali e personalizzazione completa, collegati allo stesso assistente e alla stessa inbox che gestiscono il resto delle tue conversazioni con i clienti.

Il tuo sito web riceve già visite. La domanda è quanti di quei visitatori ti parlano davvero. Un chat widget è il più piccolo pezzo di software con il maggiore impatto su quel numero, e la generazione AI di questi strumenti cambia persino il significato di "parlare con te". Ecco il quadro completo: che cos'è un chat widget, cosa distingue uno valido da un semplice elemento decorativo e come aggiungerlo al tuo sito questo stesso pomeriggio.

Che cos'è un chat widget?

Un chat widget è una piccola interfaccia di chat incorporabile che vive sul tuo sito web, in genere come pulsante flottante nell'angolo in basso che si espande in una finestra di conversazione. I visitatori la usano per fare domande, ottenere supporto e acquistare, senza lasciare la pagina né aprire un'altra app. Lo stesso concetto ha diversi nomi: web chat o webchat (il canale), widget di live chat (la definizione più tradizionale, con operatori umani), e pulsante di chat del sito web, noto anche come bubble chat (il pulsante flottante visibile, tecnicamente chiamato chat bubble).

Vale la pena fare una rapida distinzione, perché termini vicini indicano cose diverse: un chat widget sul tuo sito web non è una streamer chat overlay per OBS o Twitch, né le chat bubbles delle app di messaggistica sul telefono (e non ha alcuna relazione con la piattaforma no-code Bubble), né un'estensione browser AI assistant che segue l'utente sul web. Un chat widget appartiene al tuo sito, parla per la tua attività e funziona per ogni visitatore.

La generazione AI ha cambiato ciò che fa il widget (una versione in miniatura della distinzione tra AI agent e chatbot). Il vecchio widget di live chat era un campanello: suonava e, se un operatore umano era libero, qualcuno rispondeva. Un widget di chat AI è una receptionist: risponde subito, usando la reale conoscenza della tua attività, alle 3 del mattino di domenica, nella lingua in cui il visitatore ha scritto. I tuoi clienti vivono già così: lo studio Americans and AI 2026 del Pew Research Center (5.119 adulti statunitensi, febbraio 2026) rileva che circa la metà degli adulti negli Stati Uniti usa ormai chatbot AI e circa uno su quattro li usa ogni giorno. Le aspettative sono cambiate; l'angolo del tuo sito web è il punto in cui si concretizzano.

Cosa dovrebbe fare un chat widget? La checklist

Se stai valutando opzioni di chat widget per un sito web aziendale, queste sono le funzionalità che distinguono un motore di conversazione da un semplice elemento decorativo:

  • Rispondere in base ai tuoi contenuti, non a uno script. Il widget dovrebbe essere addestrato su FAQ, prezzi, policy e documenti, e rispondere a domande sulla tua attività nello specifico. Se può solo seguire un albero decisionale, è un menu telefonico travestito da chat.
  • Aprire la conversazione. Un widget reattivo aspetta di essere cliccato. Uno proattivo saluta il visitatore al momento giusto con qualcosa su cui toccare. La differenza si vede direttamente nel numero di conversazioni che iniziano.
  • Incontrare i visitatori sul loro canale. Alcune persone chattano sul tuo sito; molte preferiscono continuare su WhatsApp o Instagram, dove la conversazione continua anche dopo la chiusura della scheda.
  • Sembrare parte del tuo sito web. Colori, tema, posizione, lingua. Un widget che stona con la tua pagina sembra di terze parti e riduce la fiducia.
  • Passare la conversazione agli umani con contesto. Quando una conversazione richiede una persona, dovrebbe arrivare a quella giusta con la trascrizione allegata, non ricominciare da zero. Questo passaggio di consegne è una disciplina a sé; abbiamo scritto una guida completa su instradamento AI delle chiamate e instradamento degli operatori.
  • Confluire in un'unica inbox. Le conversazioni del widget dovrebbero arrivare nello stesso posto di tutti gli altri canali, con la stessa cronologia cliente, non in un silo separato che il tuo team si dimentica di controllare.

Come aggiungere un widget di chat AI al tuo sito web (senza codice)

Quella che prima era una configurazione da sviluppatore ora richiede un pomeriggio di clic. Su Invent il percorso è questo, e la maggior parte delle piattaforme no-code segue la stessa struttura:

  1. Crea il tuo assistente. Registrati, scegli un template oppure parti da zero e descrivine ruolo e tono in linguaggio naturale.
  2. Addestralo sui tuoi contenuti. Carica FAQ, prezzi, policy e documenti, oppure indirizzalo al tuo sito web, così risponderà in base alla tua conoscenza invece di usare riempitivi generici.
  3. Personalizza il widget. Colore accent, tema chiaro o scuro, posizione, stile della bolla e il saluto che vedranno i tuoi visitatori.
  4. Incorporalo. Copia uno snippet e incollalo nell'HTML del tuo sito. Su WordPress, Invent offre un plugin e la documentazione di configurazione include guide passo passo per Shopify, Wix, Squarespace, Webflow, Framer, Ghost e una dozzina di altre piattaforme e framework.
  5. Testalo come farebbe un cliente. Scansiona il QR code, fai le domande che i tuoi clienti fanno davvero e vai online quando le risposte reggono alla prova.

Nessuno sviluppatore, nessuna ricostruzione del sito, e tutto ciò che il widget apprende vive nella stessa knowledge base usata dagli altri tuoi canali.

Cosa abbiamo inserito in Chat Widget v2

Questo mese abbiamo ricostruito il widget del nostro sito web, e le tre mosse fatte dicono molto sulla direzione in cui stanno andando i chat widget. Tutto ciò che segue è stato rilasciato nel changelog #028 ed è già disponibile oggi.

Modalità teaser: il widget avvia la conversazione. Una bolla di saluto proattiva con pulsanti di risposta rapida come Prezzi, Servizi o Supporto, così la prima interazione del visitatore è un tocco invece di una casella di input vuota. Un buon messaggio iniziale conta qui quanto in qualsiasi altro canale; la nostra raccolta di messaggi di benvenuto per live chat si abbina perfettamente.

L'Invent Chat Widget in modalità teaser: una scheda di saluto con la scritta "Ask us anything. We're here to help." sopra chip di risposta rapida per pricing, demo e support, accanto a un pulsante bolla scuro.

Modalità teaser: i visitatori interagiscono con un tocco, prima ancora di cliccare sul widget.

E ogni parte di questo primo approccio è nelle tue mani. Controlli il ritmo: quali dispositivi lo vedono, quanto aspetta dopo il caricamento della pagina, se viene mostrato una volta per visitatore, una volta per sessione o a ogni visita, e un interruttore Reset Dismissals per mostrarlo di nuovo a chiunque lo abbia chiuso. Un Greeting Override ti permette perfino di far dire al teaser qualcosa di diverso rispetto al saluto nella chat.

Il pannello delle impostazioni Teaser del widget Invent su uno sfondo sfumato rosa: un toggle Show Teaser, un campo Greeting Override con il testo "Hello there! Ready to scale your Business?", e controlli per Devices, Delay, Frequency e Reset Dismissals.

I controlli del teaser: quali dispositivi lo vedono, quanto aspetta, con quale frequenza ritorna e un reset delle chiusure.

Elenco dei canali: un widget, tutti i canali. Il widget offre al visitatore una scelta: chattare lì con l'assistente oppure continuare sul canale che usa già. Chat Widget v2 ne elenca sette:

  • Chat del sito web, proprio dove si trova, senza bisogno di app
  • WhatsApp, così la conversazione resta in tasca anche dopo la chiusura della scheda
  • Instagram, per i clienti che ti hanno trovato sui social
  • Messenger, la stessa conversazione, l'altra porta d'ingresso di Meta
  • Telegram, per il pubblico che vive lì
  • Email, per tutto ciò che è lungo o formale
  • Phone, un tocco per chiamare, per i clienti che vogliono la voce

La conversazione continua ovunque approdino, con le risposte dello stesso assistente, nella stessa inbox.

L'elenco dei canali dell'Invent Chat Widget: sette chip di canale impilati in verticale, Phone, WhatsApp, Email, Instagram, Messenger, Telegram e Website.

L'elenco dei canali: i visitatori ti raggiungono a modo loro, e ogni percorso porta allo stesso assistente.

Personalizzazione: appartiene alla tua pagina. Qualsiasi colore accent, temi chiaro e scuro automatici o fissi, posizione e stile della bolla, con anteprima live durante la modifica. Il widget dovrebbe sembrare una parte del tuo sito web che casualmente sa anche parlare. Questo principio si estende anche al nostro branding: non c'è alcun "Powered by" stampato sulla prima schermata che il cliente vede, perché quel momento appartiene al tuo brand, non al nostro. Il riferimento resta discreto nel menu interno alla chat, e gli abbonamenti Business possono rimuoverlo del tutto.

Impostazioni della conversazione: i primi dieci secondi, scritti da chi gestisce il brand. Scrivi tu il saluto, e fino a cinque Suggested Messages su cui i visitatori possono toccare invece di digitare. Dictation consente ai visitatori di dettare il proprio messaggio al microfono, e File Uploads permette di allegare immagini e file, per quel momento in cui un cliente vuole mostrarti il problema invece di descriverlo.

Il pannello Conversation settings del widget Invent su uno sfondo sfumato rosa: un campo per il saluto, tre Suggested Messages con un pulsante Add another che mostra tre su cinque in uso, e toggle per Dictation e File Uploads.

Impostazioni della conversazione: il tuo saluto, fino a cinque messaggi suggeriti, dettatura e caricamento file.

Dietro al widget c'è il resto della piattaforma: risposte fondate sulla tua knowledge base, memoria dei clienti di ritorno, risposte multilingue pronte all'uso, passaggio agli operatori umani con contesto completo e un'unica inbox in cui il tuo team e l'AI lavorano fianco a fianco. I piani Business partono da $29/mese con crediti d'uso inclusi, e non ci sono costi per seat se vuoi mettere tutto il tuo team dietro al widget.

Il widget è la porta d'ingresso, non la casa

Un modello mentale da portare con te: il chat widget non è il prodotto, è l'ingresso. Quello che conta è ciò che c'è dietro. Un widget bellissimo collegato a uno script frustra nei colori del tuo brand. Un widget semplice collegato a un assistente che conosce la tua attività, ricorda i tuoi clienti e raggiunge il tuo team al momento giusto diventa silenziosamente insieme il tuo miglior commerciale e il tuo addetto al supporto più veloce.

È questo lo standard con cui vale la pena giudicare qualsiasi chat widget, incluso il nostro: non "il mio sito ha una chat?", ma "l'angolo del mio sito web risponde davvero alle persone?"

La finestra più piccola del tuo sito web dovrebbe essere quella che lavora di più.

FAQ

Che cos'è un chat widget?

Un chat widget è una piccola interfaccia di chat incorporata in un sito web, di solito un pulsante flottante in un angolo che apre una finestra di conversazione. I visitatori la usano per fare domande e ricevere aiuto senza lasciare la pagina. Le versioni moderne sono alimentate dall'AI e rispondono in base ai contenuti della stessa attività.

Che cos'è la web chat?

La web chat (o webchat) è il canale fornito da un chat widget: una conversazione testuale in tempo reale incorporata in un sito web, tra un visitatore e un'azienda, gestita da un assistente AI, da un operatore umano o da entrambi. Non richiede download e funziona in qualsiasi browser.

Come aggiungo un chat widget al mio sito web?

Su una piattaforma no-code: crea un assistente AI, addestralo sui tuoi contenuti (FAQ, prezzi, documenti), personalizza l'aspetto del widget, poi incolla uno snippet di incorporamento nell'HTML del tuo sito. Su WordPress, un plugin elimina perfino il passaggio dello snippet, e le guide per piattaforma coprono Shopify, Wix, Squarespace, Webflow e altro. L'intera configurazione richiede un pomeriggio.

Esiste un widget ChatGPT per i siti web?

Non uno ufficiale che puoi semplicemente inserire nel tuo sito. Quello che la maggior parte delle persone vuole è un widget di chat AI sul proprio sito web, addestrato sulla propria attività, ed è proprio questo che forniscono piattaforme come Invent. Su Invent scegli il modello alla base, GPT, Claude, Gemini o Grok, per singolo assistente.

Un chat widget è la stessa cosa di un browser AI assistant?

No. Un browser AI assistant è un'estensione che un utente installa per sé e che lo segue sul web. Un chat widget appartiene al tuo sito web: ogni visitatore lo vede, e parla per la tua attività.

Qual è la differenza tra un chat widget e una chat bubble (o bubble chat)?

La chat bubble è il piccolo pulsante flottante che i visitatori vedono prima che si apra la conversazione; il chat widget è l'intero sistema che c'è dietro: la finestra, l'AI e i canali. (Non correlati: le "chat bubbles" sui telefoni sono una funzione del sistema operativo mobile, e Bubble è una piattaforma no-code per app.)

Quanto costa un chat widget?

I modelli di prezzo variano da piani per seat a formule basate sull'utilizzo. Il piano Business di Invent costa $29/mese con crediti d'uso inclusi e nessun costo per seat, una prova gratuita di 14 giorni e la possibilità di rimuovere il branding "Powered by". Un piano gratuito Pay As You Go (100 messaggi al mese) copre il test di un widget su un sito con poco traffico.

Quali funzionalità dovrei cercare in un assistente AI per siti web?

Risposte basate sui tuoi contenuti, coinvolgimento proattivo, continuità multicanale (WhatsApp, Instagram, email), personalizzazione visiva completa, passaggio a operatori umani con contesto, memoria dei clienti di ritorno e un'unica inbox per il tuo team. Qualsiasi cosa in meno è un costume da chat indossato da un menu telefonico.

Correlati

I visitatori sono già sulla pagina. Il widget decide quanti di loro iniziano a parlare.

Inizia a creare il tuo assistente gratuitamente

Nessuna carta di credito richiesta.