N8N Chat UI: un chatbot n8n sul tuo sito web

N8N Chat UI offre un editor visuale per dare a un chatbot n8n un’interfaccia sul sito. È utile a sviluppatori, agenzie e gestori di siti che hanno già un workflow, o possono configurarlo, e vogliono una chat coerente con il proprio marchio.

A cosa serve questo sito, in parole semplici

Pensa a n8n come al reparto che lavora dietro le quinte e a N8N Chat UI come allo sportello per i visitatori. La finestra invia il messaggio al webhook e mostra la risposta restituita dal processo.

Assistenza, raccolta contatti e prenotazioni dipendono dalle azioni configurate nel backend. Il servizio è indipendente e non affiliato a n8n: crea la parte visibile, senza sostituire la progettazione dell’automazione.

Dal workflow alla prima risposta sul sito

1. Prepara un workflow funzionante con Chat Trigger o Webhook e l’accesso per modificare il sito.
2. Personalizza il widget, controlla l’anteprima e collega l’indirizzo del backend.
3. Per risposte non in streaming, restituisci HTTP 200 e JSON valido con il campo testuale output, gestendo correttamente virgolette e caratteri speciali.
4. Inserisci il codice generato nella pagina. Prova un messaggio e verifica sia l’esecuzione n8n sia la risposta visualizzata.

La guida al backend descrive anche endpoint POST personalizzati. Su WordPress installa e attiva ChatUI Widget for n8n, quindi salva Widget ID o webhook in Settings → N8N Chat UI. Puoi escludere pagine specifiche.

Adattare la chat al marchio e al progetto

Modifica colori, font, avatar, saluto e pulsante di apertura con anteprima dal vivo. Scegli una finestra integrata nella pagina oppure un popup flottante. Sono previsti layout adattabili ai dispositivi e supporto RTL.

Il backend può proporre domande cliccabili tramite followUpPrompts. Quando più finestre usano lo stesso workflow, organizza le chiavi di sessione per tenere separati i contesti: non sono un sistema di autorizzazione degli utenti.

File, voce e streaming: cosa prepara il backend

I caricamenti di file consentono di impostare tipi, dimensioni e quantità. I file raggiungono n8n come dati binari; lettura, archiviazione e analisi richiedono nodi o servizi appositi.

L’ingresso vocale invia una registrazione: il flusso documentato la trascrive con un servizio separato prima di passarne il testo all’agente. Con file e audio, metadata viene trasmesso come stringa JSON da analizzare.

Lo streaming va attivato sia nell’ingresso Chat Trigger/Webhook sia nell’uscita AI Agent. Il widget riconosce il flusso, ma non abilita da solo questa funzione nel backend.

Crediti gratuiti e licenza standalone

Verifica del 28 ottobre 2026: i nuovi account ricevono 100 crediti Managed validi 30 giorni. Successivamente si acquistano crediti anticipati: ogni messaggio elaborato dal proxy ne consuma uno. A saldo esaurito, i nuovi messaggi non vengono elaborati. I crediti acquistati dal 5 ottobre 2026 non scadono secondo le condizioni attuali; per quelli precedenti valgono i termini originari.

Standalone richiede una licenza una tantum e non usa crediti Managed. Per i nuovi acquisti, distingui la licenza base permanente dai periodi facoltativi di assistenza e aggiornamenti. Controlla prezzi e acquisto; hosting n8n, modelli e trascrizione hanno costi separati.

Privacy e condizioni da valutare

Standalone collega direttamente browser e webhook, il cui indirizzo è visibile nel codice client. Managed usa un proxy che nasconde l’endpoint e aggiunge restrizioni per dominio e area geografica, limiti di frequenza, statistiche e configurazione centralizzata.

La privacy policy dichiara che il fornitore non conserva, memorizza in cache o registra le conversazioni. Il proxy le elabora comunque in tempo reale, mantenendo metriche tecniche e impostazioni. Verifica separatamente dati e log del tuo n8n, dei database e dei fornitori di modelli.

Domande frequenti

Posso aggiungerlo a un sito già esistente?

Sì, con il codice di incorporamento oppure il plugin WordPress ufficiale. Servono permessi sul sito e un backend funzionante.

Lo strumento crea anche il workflow n8n?

No. Modello, fonti informative e operazioni vanno configurati nel workflow o nel backend compatibile.

Il servizio è gratuito senza limiti?

I 100 crediti iniziali scadono dopo 30 giorni. In seguito servono crediti Managed oppure una licenza Standalone, oltre ai servizi backend.

Guide ufficiali

• Documentazione: configurazione e sessioni.
• Plugin WordPress: installazione ed esclusione delle pagine.
• Guida MCP: accesso OAuth o chiave API per elencare, creare e personalizzare widget; la modifica del tema non cambia il webhook.
• Assistenza ufficiale: account e configurazione.