Vai al contenuto

Creare un form personalizzato

Aggiornato il 17.03.2022
Le funzionalità descritte sono disponibili da Ready Pro v2022.2.
Vediamo come creare un form personalizzato che consenta agli utenti di richiedere alla nostra azienda un preventivo generico, inserendo alcuni semplici campi.
Creare un form personalizzato – immagine 1
Per ottenere un risultato come quello visualizzato nella figura sopra, operiamo all’interno della procedura “Gestione template”,
Creare un form personalizzato – immagine 2
dove accediamo alla struttura della pagina di contenuti “Prodotti” che contiene già alcuni elementi.

Qui possiamo aggiungere l’elemento “Form personalizzato”.
Creare un form personalizzato – immagine 3
Accediamo così alla finestra “Lista form personalizzati” dove andremo a creare un nuovo form attraverso il pulsante “Nuovo” e assegniamo una descrizione che servirà ad uso interno.
Creare un form personalizzato – immagine 4
Volendo possiamo inserire anche un “Titolo” che sarà visualizzato nella pagina di contenuti.
Creare un form personalizzato – immagine 5
Andiamo ad inserire i campi che costituiranno il form di richiesta informazioni.

Per il nostro esempio aggiungiamo innanzitutto un campo di tipo “Testo” per permettere di compilare il nome del richiedente.
Creare un form personalizzato – immagine 6
Aggiungiamo quindi un’etichetta per il campo, ad esempio, “Nome”
Creare un form personalizzato – immagine 7
Nella colonna “Stato” possiamo definire se il campo deve essere Obbligatorio od Opzionale.
Creare un form personalizzato – immagine 8
Allo stesso modo procediamo ad inserire un campo di tipo email anch’esso obbligatorio e quindi un altro campo di tipo testo, questa volta opzionale, per indicare il numero telefonico.
Creare un form personalizzato – immagine 9
Infine andiamo ad inserire un campo di tipo testo multiriga che consentirà al cliente di inserire l’oggetto della richiesta.
Creare un form personalizzato – immagine 10
Fatto ciò possiamo configurare alcune azioni da eseguire dopo la compilazione del form: nel nostro esempio stabiliamo che dopo l’invio, il form verrà svuotato e verrà visualizzato un messaggio in una lightbox.

N.B. E' possibile anche configurare delle notifiche via email da inviare quando i form vengono compilati
Creare un form personalizzato – immagine 11
Il testo del messaggio nella lightbox può essere personalizzato tramite l'editor.
Creare un form personalizzato – immagine 12
Terminate le operazioni di configurazione salviamo il nuovo form personalizzato e lo inseriamo definitivamente nella pagina di contenuti.
Creare un form personalizzato – immagine 13
Creare un form personalizzato – immagine 14
Dopo aver eseguito una sincronizzazione del sito, il form di richiesta informazioni appare tra gli elementi della pagina di contenuti.
Creare un form personalizzato – immagine 15