I moduli personalizzati ti permettono di creare moduli a più passaggi e di utilizzarli al posto delle funzioni integrate Lead Collection o Human Contact Form. Scegli tu i campi, il messaggio di ringraziamento e il pulsante di invio, per poi collegare il modulo alla sezione in cui desideri mostrarlo.
Dove trovare i moduli
Seleziona il tuo chatbot e vai su Settings > Forms (Impostazioni > Moduli). In questa pagina sono elencati i tuoi moduli personalizzati salvati. Se non ne hai ancora creato nessuno, vedrai la scritta "No custom forms yet" (Nessun modulo personalizzato) insieme al pulsante Create your first form (Crea il tuo primo modulo). I moduli personalizzati sono disponibili come funzione premium - compare un avviso di upgrade se il tuo piano non li include.
Creare un modulo
Fai clic su New form (Nuovo modulo) - oppure su Create your first form se l'elenco è ancora vuoto - per aprire lo strumento di creazione dei moduli.
Costruisci il modulo
Il builder include tutto il necessario per definire il modulo in un'unica schermata, con un'anteprima in tempo reale sulla destra. Per una pizzeria, puoi raccogliere i dati di contatto nel primo passaggio e le preferenze dell'ordine nel secondo.
- Form name (Nome modulo) - un nome interno per identificare il modulo nei menu a discesa in seguito.
- Thank-you message (Messaggio di ringraziamento) - il testo di conferma mostrato dopo che un visitatore invia il modulo.
- Submit button (Pulsante di invio) - imposta l'etichetta del pulsante, scegli un'icona opzionale e seleziona il colore.
- Schede Build (Costruisci) e Custom CSS (CSS personalizzato) - crea i campi visivamente oppure passa a Custom CSS per applicare i tuoi stili.
Aggiungi campi
Nella scheda Build, assegna un titolo facoltativo al passaggio, quindi fai clic sul pulsante del tipo di campo desiderato per aggiungerlo. Un modulo supporta fino a 10 passaggi, 50 campi in totale e 3 campi File upload. I campi a scelta supportano fino a 100 opzioni ciascuno.
- Name (Nome) - un campo a riga singola per il nome del visitatore.
- Email - raccoglie un indirizzo e-mail, convalidato come tale.
- Phone number (Numero di telefono) - raccoglie un numero di telefono.
- Date (Data) - un selettore di data.
- Time (Ora) - un selettore di orario.
- File upload (Caricamento file) - consente al visitatore di allegare e caricare un file (vedi sotto).
- Short answer (Risposta breve) - un campo di testo libero a riga singola.
- Long answer (Risposta lunga) - un campo su più righe più ampio per risposte più lunghe.
- Checkbox (Casella di controllo) - una singola casella di spunta, ad esempio per accettare i termini.
- Dropdown (Menu a discesa) - un menu in cui il visitatore sceglie un'opzione da un elenco.
- Single choice (Scelta singola) - un set di opzioni in cui il visitatore ne sceglie esattamente una.
- Multiple choice (Scelta multipla) - un set di opzioni in cui il visitatore può selezionarne diverse contemporaneamente.
Ogni campo include una Label (Etichetta, ciò che vede il visitatore) e un Name (Nome, la chiave interna usata nelle esportazioni e nelle notifiche). Puoi contrassegnare un campo come Required (Obbligatorio), impostare la sua Width (Larghezza) per affiancare più campi e trascinarli per riordinarli. I campi Dropdown, Single choice e Multiple choice accettano anche un elenco di opzioni, una per riga.
Aggiungi passaggi
Per i moduli più lunghi, suddividi i campi in più passaggi (steps) invece di utilizzare un'unica schermata lunga. Fai clic su Add step (Aggiungi passaggio), quindi inserisci i campi in quel passaggio. Il trascinamento consente di riordinare i campi all'interno di un passaggio. Ogni passaggio è una scheda a sé stante con un titolo opzionale.
I visitatori visualizzano ogni passaggio come una schermata separata nella chat e si spostano tra di essi con i pulsanti Next (Avanti) e Previous (Indietro), che compaiono automaticamente quando un modulo ha più di un passaggio. Quando un modulo è suddiviso in più passaggi, il builder ti consente anche di impostare l'etichetta, l'icona e il colore per i pulsanti Next e Previous.
Assegna a ogni passaggio un titolo breve e orientato all'azione (ad esempio "I tuoi dati", poi "La tua richiesta") in modo che i visitatori sappiano sempre a che punto del modulo si trovano.
Campi di caricamento file (File upload)
Un campo File upload consente al visitatore di allegare un file al proprio invio. Per ciascun campo file puoi configurare:
- Accepted extensions (Estensioni accettate) - un elenco separato da virgole, ad esempio
pdf, png, jpg. Sono consentiti solo i file con queste estensioni. - Max size (Dimensione massima) - la dimensione massima del file in MB, fino a 10 MB.
I caricamenti vengono verificati al momento dell'invio: l'estensione deve essere presente nell'elenco consentito, il file deve rientrare nel limite di dimensioni e il suo contenuto effettivo deve corrispondere al tipo dichiarato.
Anteprima in tempo reale
Il pannello Live preview (Anteprima in tempo reale) sulla destra mostra il modulo esattamente come lo vedranno i visitatori, aggiornandosi man mano che aggiungi campi, inserisci passaggi e modifichi lo stile.
Quando il modulo è pronto, fai clic su Save (Salva). Il modulo compare ora nel tuo elenco in Settings > Forms (Impostazioni > Moduli).
Usa un modulo personalizzato
Un modulo personalizzato salvato non viene mostrato ai visitatori da solo. Collegalo a una sezione:
- Settings > Lead Collection (Impostazioni > Acquisizione lead) - apri il menu a discesa Form shown to the visitor (Modulo mostrato al visitatore) e seleziona il tuo modulo personalizzato al posto di quello predefinito.
- Settings > Human Contact Form (Impostazioni > Modulo di contatto umano) - apri il menu a discesa Form shown to the visitor (Modulo mostrato al visitatore) e seleziona il tuo modulo personalizzato al posto di quello predefinito.
Il visitatore vedrà quindi il tuo modulo personalizzato ogni volta che tale sezione viene attivata.
Attiva prima la sezione scelta. Lead Collection mostra i moduli che contengono un campo Name (Nome) e un campo Email o Phone number (Numero di telefono). Human Contact Form mostra i moduli che contengono un campo Email; il suo primo campo Long answer (Risposta lunga) fornisce il messaggio di assistenza. Consulta Raccolta lead e Modulo di contatto con l'assistenza umana per i trigger e le impostazioni delle notifiche.
Puoi anche proporre un modulo in modo indipendente tramite Settings > Actions > Add action for custom form (Impostazioni > Azioni > Aggiungi azione per modulo personalizzato). Configura quando l'IA deve mostrarlo; il solo salvataggio di un modulo non attiva un'azione.
Come appare al visitatore
Raccogli una richiesta strutturata
Crea un modulo e associalo a una funzione o azione supportata. I valori di esempio sono precompilati; la demo non invia una richiesta reale né conferma alcuna prenotazione.
Visitatore: Vorrei prenotare un tavolo per venerdì.
Riproduci l'esempio o leggilo qui sotto. Non viene utilizzato alcun dato reale dei clienti.Una richiesta pertinente attiva il modulo configurato.
La riproduzione va in pausa quando questo esempio esce dallo schermo. Questa è una simulazione, non una chat dal vivo. I comandi del widget all'interno della riproduzione non sono interattivi.Leggi l'esempio completo
- Una richiesta pertinente attiva il modulo configurato.
Visitatore: Vorrei prenotare un tavolo per venerdì.
- Prima il visitatore inserisce i propri dati di contatto.
Nome: Anna Weber; Email: anna@example.com
- Avanti passa alle preferenze della richiesta; Indietro torna ai dati di contatto.
Orario preferito: Venerdì, 19:00; Numero di persone: 4
- Valori di esempio raccolti dal modulo.
Nome: Anna Weber; Email: anna@example.com; Orario preferito: Venerdì, 19:00; Numero di persone: 4
- Una richiesta ricevuta non costituisce una prenotazione confermata.
Assistente: La tua richiesta è stata ricevuta. Il team confermerà la disponibilità.
Il modulo compare all'interno della finestra di chat. L'animazione mostra una richiesta di prenotazione tavolo con i dati di contatto, seguita dalle preferenze della richiesta. Gli screenshot statici qui sotto mostrano una richiesta separata per l'ordine di una pizza: il visitatore compila prima Your details (I tuoi dati), quindi passa al passaggio successivo.
Visualizza lo screenshot statico
Il passaggio 2, Order preferences (Preferenze dell'ordine), mostra un menu a discesa Preferred pizza (Pizza preferita) e il campo Additional notes (Note aggiuntive). Il visitatore può tornare indietro con Back (Indietro) o inviare con Send request (Invia richiesta). Queste sono le etichette dei pulsanti configurate per questo esempio; il tuo modulo utilizzerà le etichette che scegli nel builder. Dopo l'invio, nella chat compare il messaggio di ringraziamento configurato. Questo esempio non include un campo per il caricamento di file.
Visualizza lo screenshot statico
Visualizza gli invii nella scheda Lead
Quando un visitatore invia un modulo personalizzato collegato alla raccolta lead (Lead Collection) o al modulo di contatto umano (Human Contact Form), l'invio viene salvato come lead. Apri la scheda Lead (Leads) del bot per esaminarlo.
Accanto ai campi standard Nome, Email, Telefono, Data di raccolta e Punto di ingresso, la colonna Dati del modulo (Form data) mostra l'invio completo: l'etichetta di ciascun campo seguita dal valore inserito dal visitatore, una riga per campo. Per il campo Caricamento file (File upload), viene mostrato il nome del file caricato; sia l'email di notifica del lead sia l'esportazione CSV (pulsante Esporta / Export nella scheda Lead) includono un link di download al file stesso.
Da ciascun lead puoi anche fare clic per aprire la Conversazione (Conversation) completa e vedere la chat relativa all'invio.
Verifica il trigger selezionato in Panoramica (Overview), completa tutti i passaggi e invia il modulo. Conferma il messaggio di ringraziamento e controlla l'invio salvato. Se le notifiche sono abilitate, testa il recapito delle notifiche con un indirizzo che gestisci direttamente. I moduli di azione autonomi vengono registrati nella conversazione; non dare per scontato che ogni invio autonomo crei un lead.