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
Vai su Settings > Forms (Impostazioni > Moduli). In questa pagina trovi l'elenco dei tuoi moduli personalizzati salvati. Se non ne hai ancora creato nessuno, vedrai il messaggio "No custom forms yet" con un pulsante Create your first form (Crea il tuo primo modulo).
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.
Costruire il modulo
Il builder offre tutto il necessario per definire il modulo in un'unica schermata, con un'anteprima in tempo reale sulla destra. In questo articolo creeremo un esempio di modulo "Richiesta catering" per una pizzeria: il passaggio 1 raccoglie i dettagli di contatto, mentre il passaggio 2 chiede informazioni sull'evento.
- Form name (Nome modulo) - un nome interno per poter identificare il modulo nei menu a discesa successivi.
- 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 facoltativa e seleziona il colore.
- Schede Build (Crea) e Custom CSS (CSS personalizzato) - costruisci i campi visivamente oppure passa a Custom CSS per applicare i tuoi stili.
Aggiungere campi
Nella scheda Build, assegna un titolo facoltativo al passaggio, quindi fai clic sul pulsante del tipo di campo desiderato per aggiungerlo. Puoi inserire tutti i campi che ti servono, combinando qualsiasi tipologia tra quelle indicate di seguito in un unico modulo.
- Name - un campo a riga singola per il nome del visitatore.
- Email - acquisisce un indirizzo e-mail, convalidato come tale.
- Phone number - acquisisce un numero di telefono.
- Date - un selettore di data.
- Time - un selettore di orario.
- File upload - consente al visitatore di allegare e caricare un file (vedi sotto).
- Short answer - un campo di testo libero a riga singola.
- Long answer - un campo più ampio su più righe per risposte più articolate.
- Checkbox - una singola casella di spunta, ad esempio per accettare i termini.
- Dropdown - un menu da cui il visitatore sceglie un'opzione da un elenco.
- Single choice - un insieme di opzioni tra cui il visitatore ne seleziona esattamente una.
- Multiple choice - un insieme di opzioni in cui il visitatore può selezionarne diverse contemporaneamente.
Ogni campo ha una Label (ciò che vede il visitatore) e un Name (la chiave interna utilizzata nelle esportazioni e nelle notifiche). Puoi contrassegnare un campo come Required (obbligatorio), impostare la sua Width (larghezza) affinché i campi stiano uno accanto all'altro e trascinare i campi per riordinarli. I campi Dropdown, Single choice e Multiple choice richiedono inoltre un elenco di opzioni, una per riga.
Aggiungere passaggi
Per i moduli più lunghi, suddividi i campi in più passaggi (steps) anziché presentarli in un'unica schermata estesa. Fai clic su Add step (Aggiungi passaggio) per inserire un altro passaggio, quindi trascina o aggiungi i campi al suo interno. Ogni passaggio è una scheda a sé stante con un titolo facoltativo.
I visitatori visualizzano ciascun passaggio come una schermata distinta nella chat e si spostano tra di essi con i pulsanti Next (Avanti) e Previous (Indietro), che compaiono automaticamente quando un modulo prevede più passaggi. Nei moduli a più passaggi, il builder permette anche di impostare l'etichetta, l'icona e il colore dei pulsanti Next e Previous.
Assegna a ogni passaggio un titolo breve e orientato all'azione (ad esempio "I tuoi dati", seguito da "La tua richiesta"), in modo che i visitatori sappiano sempre a che punto del modulo si trovano.
Campi di caricamento file
Un campo File upload consente al visitatore di allegare un file al proprio invio. Per ciascun campo di questo tipo puoi impostare:
- Accepted extensions - un elenco separato da virgole, ad esempio
pdf, png, jpg. Sono consentiti solo i file con queste estensioni. - Max size - la dimensione massima del file in MB, fino a 10 MB.
I file caricati vengono verificati al momento dell'invio: l'estensione deve rientrare nel tuo elenco approvato, il file deve rispettare il limite di dimensione 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 apparirà ai visitatori, aggiornandosi man mano che aggiungi campi, inserisci passaggi e modifichi lo stile.
Quando il modulo è pronto, fai clic su Save (Salva). Il modulo comparirà nel tuo elenco sotto Settings > Forms.
Usare un modulo personalizzato
Un modulo personalizzato salvato non viene mostrato automaticamente ai visitatori. È necessario collegarlo a una sezione:
- Settings > Lead Collection - apri il menu a discesa Form shown to the visitor (Modulo mostrato al visitatore) e seleziona il tuo modulo personalizzato anziché quello predefinito.
- Settings > Human Contact Form - apri il menu a discesa Form shown to the visitor e seleziona il tuo modulo personalizzato anziché quello predefinito.
Il visitatore visualizzerà quindi il tuo modulo personalizzato ogni volta che tale sezione verrà attivata.
Come appare al visitatore
Il modulo viene visualizzato all'interno della finestra di chat. Ecco l'esempio del modulo "Richiesta catering" collegato a Lead Collection: il visitatore visualizza il passaggio 1 con i campi di contatto e prosegue cliccando sul pulsante Next.
Il passaggio 2 mostra i campi relativi all'evento, tra cui il campo Dropdown, Long answer e File upload. Il visitatore può tornare indietro con Previous oppure inviare il modulo con Submit. Dopo l'invio, nella chat compare il messaggio di ringraziamento impostato nel builder.
Visualizzare gli invii nella scheda Leads
Quando un visitatore invia un modulo personalizzato collegato a Lead Collection o al Human Contact Form, l'invio viene salvato come lead. Apri la scheda Leads (Lead) del bot per esaminarlo.
Accanto ai dati standard Name, Email, Phone, Collected date ed Entry point, la colonna Form data (Dati del modulo) mostra l'invio completo: l'etichetta di ciascun campo seguita dal valore inserito dal visitatore, una riga per campo. Per il campo File upload, viene visualizzato il nome del file caricato; sia l'e-mail di notifica del lead sia l'esportazione CSV (tramite il pulsante Export nella scheda Leads) includono un link per scaricare il file.
Da ogni lead puoi inoltre fare clic per accedere alla schermata completa Conversation (Conversazione) e consultare la chat in cui è avvenuto l'invio.