Blog · n8n e automazioni AI
Come collegare il form del sito a n8n (webhook e Form Trigger)
Per collegare il modulo di contatto del tuo sito a n8n hai due strade: usare il nodo Webhook, che riceve i dati dal form che hai già, oppure il nodo Form Trigger, che crea lui una pagina con il modulo. In entrambi i casi, ogni invio fa partire un workflow: salvare il contatto, avvisarti, rispondere.
È il primo workflow che consiglio a chiunque inizi con n8n, perché è piccolo, utile e si vede subito se funziona. Qui trovi le due strade, i passaggi, un esempio di form HTML e cosa fare con i dati, privacy compresa.
Webhook o Form Trigger: quale scegliere?
La scelta dipende da una domanda: il modulo lo vuoi sul tuo sito, con la tua grafica, o ti va bene una pagina generata da n8n?
| Voce | Webhook | Form Trigger |
|---|---|---|
| Dove sta il modulo | Sul tuo sito, con la tua grafica | Su una pagina generata da n8n |
| Cosa fa n8n | Riceve i dati inviati dal tuo form | Crea il modulo e riceve i dati |
| Quando conviene | Hai già un sito e vuoi un form integrato | Ti serve un modulo in fretta, anche senza sito |
| Lavoro sul sito | Devi modificare il form perché invii a n8n | Nessuno: basta un link alla pagina del modulo |
Il nodo Webhook, secondo la documentazione, serve a ricevere dati da app e servizi quando succede un evento. Il Form Trigger fa partire un workflow quando qualcuno invia un modulo, e genera lui la pagina del modulo.
URL di test e URL di produzione
Ogni trigger di n8n ha due indirizzi, e confonderli è l'errore più comune all'inizio.
- URL di test: funziona mentre costruisci, quando avvii l'ascolto o esegui il workflow dall'editor. I dati che arrivano li vedi subito nell'editor.
- URL di produzione: funziona quando pubblichi il workflow. I dati non compaiono più nell'editor: li trovi nella scheda delle esecuzioni.
Sul sito, alla fine, va sempre l'URL di produzione. Quello di test serve solo per le prove.
Strada 1: collegare il form del sito con un Webhook
- Crea un workflow e aggiungi il nodo Webhook.
- Imposta il metodo HTTP su POST, quello che usano i moduli per inviare dati.
- Copia l'URL di test e mettilo, per ora, come destinazione del form del sito.
- Avvia l'ascolto in n8n e invia il form dal sito: nell'editor vedi arrivare i campi.
- Aggiungi i passi successivi (vedi sotto: salvare, avvisare, rispondere).
- Pubblica il workflow, sostituisci nel form l'URL di test con quello di produzione e fai un ultimo invio di prova.
Un form HTML che invia a n8n può essere semplice come questo (l'indirizzo è un esempio da sostituire con il tuo URL di produzione):
<form action="https://indirizzo-del-tuo-n8n/webhook/contatti" method="POST">
<label>Nome <input name="nome" required></label>
<label>Email <input name="email" type="email" required></label>
<label>Messaggio <textarea name="messaggio" required></textarea></label>
<label><input type="checkbox" name="privacy" required>
Ho letto l'informativa privacy</label>
<button type="submit">Invia</button>
</form>
I nomi dei campi (nome, email, messaggio) sono quelli che ritroverai nei dati del workflow.
Strada 2: creare il modulo con il Form Trigger
- Crea un workflow e aggiungi il nodo n8n Form Trigger.
- Aggiungi i campi del modulo: nome, email, messaggio, consenso.
- Prova con l'URL di test: si apre la pagina del modulo; compilala e guarda i dati nell'editor.
- Aggiungi i passi successivi e pubblica il workflow.
- Usa l'URL di produzione come link dal tuo sito, da un'email o da un QR code.
È la strada più rapida, ma la pagina del modulo è di n8n: per un sito curato, di solito si preferisce il Webhook.
Cosa fare con i dati: salvare, avvisare, rispondere
Il form è solo l'inizio. Il valore sta nei passi che vengono dopo, e conviene aggiungerli uno alla volta.
- Salvare: scrivi ogni contatto in un foglio di calcolo o nel CRM, con data e pagina di provenienza.
- Avvisare: mandati una notifica, per email o in chat, con i dati principali.
- Rispondere: invia a chi ha scritto una conferma di ricezione.
- Smistare (dopo): se il modulo ha un campo "motivo", manda le richieste a persone o liste diverse.
- AI (solo alla fine): un modello di AI può classificare la richiesta o preparare una bozza di risposta, ma la risposta a un cliente la rileggi tu.
Privacy e sicurezza
Un modulo di contatto raccoglie dati personali, quindi valgono alcune regole e qualche buona pratica.
- Informativa privacy: quando raccogli dati devi dare le informazioni previste dal GDPR, art. 13: chi è il titolare, per cosa usi i dati, per quanto li tieni, a chi li passi. Collega l'informativa vicino al pulsante di invio.
- Solo i dati che servono: per un contatto bastano nome, email e messaggio.
- Attenzione a chi riceve i dati: se il workflow li manda a fogli di calcolo, CRM o servizi di AI, anche quelli vanno indicati nell'informativa.
- L'URL del webhook è pubblico: chiunque lo conosca può inviarci dati. Controlla nel workflow che i campi obbligatori ci siano prima di salvare o inviare email.
Gli obblighi di un sito aziendale, con le fonti, li trovi in cosa deve avere un sito web aziendale. Non è una consulenza legale: per il tuo caso specifico chiedi a un professionista.
Domande frequenti
Come collego il form del mio sito a n8n?
Crea un workflow con il nodo Webhook impostato sul metodo POST, usa il suo indirizzo come destinazione del form, prova con l'URL di test e, quando tutto funziona, pubblica il workflow e metti nel form l'URL di produzione. Ogni invio farà partire il workflow.
Che differenza c'è tra Webhook e Form Trigger in n8n?
Il Webhook riceve dati da un form o da un servizio che hai già: il modulo resta sul tuo sito. Il Form Trigger crea lui la pagina del modulo e fa partire il workflow quando viene inviato. Il primo è più adatto a un sito curato, il secondo è più veloce da mettere in piedi.
Perché il mio webhook n8n non riceve i dati?
La causa più comune è usare l'URL di test con il workflow non in ascolto, oppure l'URL di produzione con il workflow non pubblicato. Ricorda anche che con l'URL di produzione i dati non compaiono nell'editor, ma nella scheda delle esecuzioni.
Serve l'informativa privacy per un modulo di contatto?
Sì. Un modulo di contatto raccoglie dati personali, quindi servono le informazioni previste dal GDPR, articolo 13: titolare, finalità, conservazione, destinatari, diritti. Se il workflow passa i dati ad altri servizi, vanno indicati anche quelli.
Posso usare l'AI per rispondere ai contatti?
Sì, puoi aggiungere un modello di AI al workflow per classificare le richieste o preparare bozze di risposta. Per le risposte ai clienti conviene però che una persona le rilegga prima dell'invio, almeno all'inizio.
In sintesi
Collegare il form del sito a n8n è il primo workflow ideale: piccolo, utile e verificabile in pochi minuti. Scegli Webhook se il form è già sul sito, Form Trigger se ti serve in fretta; prova con l'URL di test, pubblica, poi aggiungi un passo alla volta.
Se n8n è nuovo per te, parti da n8n: cos'è, a cosa serve e come iniziare; per costi e piani, n8n è gratis?. Racconto le automazioni che costruisco anche su LinkedIn.
Matteo Nieberle