Per creare il template del nostro form utilizziamo l’editor che possiamo vedere in foto, accessibile da WebSite -> Forms, in modalità modifica o durante la creazione di un nuovo form.

Nella colonna di sinistra troviamo tutti i campi che potremmo inserire nel nostro form e a destra la pagina dove costruire il nostro template.
Strutturare il form sarà semplice. Dovremmo cliccare il tipo di campo che vorremmo utilizzare dall’elenco e trascinarlo nel foglio bianco. Sarà possibile trascinare più elementi così da comporre il nostro layout.
Per modificarne l’ordine  sarà necessario cliccare  su un singolo elemento e trascinarlo sopra o sotto gli altri.
Inoltre, andando sopra ad ogni campo con il cursore, compariranno in alto a destra le icone necessarie per la gestione dello stesso: Cancella, Modifica e Duplica.

Su modifica sarà possibile compilare i dettagli specifici di ogni campo, che cambieranno in base alla tipologia.

Di seguito l’elenco dei campi dell’editor e a cosa corrispondono.

TESTI

Le prime voci che compaiono del menu laterale di sinistra sono:

• Telefono con prefisso
• Indirizzo email
• Nome
• Cognome
• Cap
• Indirizzo
• Città
• Provincia
• Regione
• Stato
• Cellulare
• Telefono
• Sesso
• Data di nascita
• Fidelity Card
• Nome Azienda
• Categoria Azienda
• Ricevi Newsletter
• Ricevi Commerciali

CAMPI COMUNI

Aprendo le impostazioni per ogni campo troviamo alcune informazioni comuni a tutte le tipologie, vediamole sotto.

Richiesto: campo da spuntare se l’elemento in questione è fondamentale per il form. In questo modo non sarà possibile proseguire se l’elemento non verrà completato.

Etichetta: nome del campo

Testo di Aiuto: è possibile inserire un testo che verrà visualizzato nel fumetto che appare cliccando sopra l’icona Aiuto(?).

Segnaposto: placeholder visualizzato nel campo di input

Classe: da inserire per modifiche a CSS.

Valore: il value passato con questo campo

Mapping: termine univoco per ogni elemento, che poi utilizzeremo come filtro.

Per chiudere la parte dei dettagli di ogni elemento,  cliccare sulla scritta “Chiudi” in basso centrale alla scheda.

CUSTOM FIELDS

Nella seconda sezione sono presenti tutti i campi personalizzati che l’utente crea nella sezione dedicata
I custom field sono molto utili, e permettono di personalizzare al massimo un form, con campi riutilizzabili in qualsiasi form. Sono definiti a livello utente.

TOOLS

Infine l’ultima sezione di tipologie di pulsanti disponibili, nella sezione Tools

Troviamo in questa sezione le tre tipologie di pulsanti, già configurati per un azione specifica del form.
Precedente serve per tornare indietro di una pagina sullo step form.
Successivo serve per andare avanti di una pagina sullo step form.
Submit serve a  inviare il form.

L’elemento Campo nascosto permette di passare dei parametri “di servizio”, senza far percepire la loro presenza all’utente. Il dettaglio Nome non può essere vuoto e darà nome all’input.*

L’intestazione è l’elemento che permette di inserire un titolo o un sottotitolo al nostro form. Su Etichetta potremmo inserire il testo e stabilirne il Tipo selezionando dalle opzioni proposte:*

• H1
• H2
• H3
• H4
• H5
• H6

L’elemento Paragrafo permetterà di inserire un contenuto testuale nell’area apposita e selezionare la tipologia tra le seguenti:*

• p (paragrafo)
• address
• blockquote
• canvas
• output

Il messaggio di accettazione privacy si occuperà di mostrare il link alla privacy e un campo da flaggare per poter procedere con l’invio del form e l’accettazione del trattamento dati.