Come visualizzare in anteprima una voce di modulo prima di inviarla
Pubblicato: 2022-01-27Vuoi che i tuoi visitatori visualizzino in anteprima le loro voci del modulo prima di inviarle?
Consentire agli utenti di visualizzare in anteprima le loro voci riduce notevolmente le possibilità di errori e imprecisioni durante la compilazione dei moduli.
WPForms ha un campo Entry Preview che puoi facilmente aggiungere ai tuoi moduli, in modo che i tuoi utenti possano vedere un rapido riepilogo delle loro voci durante e dopo l'invio.
In questo post, ti mostreremo come aggiungere il campo Anteprima voce e personalizzarlo in diversi modi in WPForms.
Crea un modulo con le anteprime delle voci ora
Perché dovresti mostrare un'anteprima della voce?
La possibilità di visualizzare in anteprima le voci è molto utile, soprattutto quando si tratta di moduli più lunghi e complessi.
È normale commettere errori di battitura ed errori durante la compilazione di un modulo, ma un'anteprima prima dell'invio ti consente di controllare l'accuratezza delle informazioni prima di premere il pulsante di invio.
Quindi, se vuoi ridurre al minimo gli errori e dare ai tuoi utenti la possibilità di correggere eventuali errori prima dell'invio, dovresti aggiungere il campo Anteprima voce offerto da WPForms.
Come visualizzare in anteprima una voce di modulo prima di inviarla
Segui il nostro tutorial passo dopo passo per scoprire come aggiungere l'anteprima di invio ai tuoi moduli:
- Installa WPForms
- Aggiungi un nuovo modulo
- Aggiungi campo di anteprima immissione modulo
- Personalizza avviso e stile di anteprima
- Aggiungi conferma anteprima voce
Cominciamo.
1. Installa WPForms
Per cominciare, scegli un piano WPForms adatto e registra il tuo account. Quindi, accedi all'area del tuo account WPForms e fai clic sulla scheda Download . Si aprirà una pagina in cui è possibile premere il pulsante Scarica WPForms per scaricare il file zip.
Mentre sei su questa pagina, assicurati di copiare la tua chiave di licenza. Ne avrai bisogno più tardi quando attivi WPForms Pro sul tuo sito WordPress.
Dopo che il file zip è stato scaricato sul tuo computer, apri la dashboard di amministrazione di WordPress e fai clic su Plugin »Aggiungi nuovo. Quindi, fai clic sul pulsante Carica plug -in.
Ora, fai clic sul pulsante Scegli file e scegli il file del plug-in che hai appena scaricato.
Fare clic su Installa ora quando il file viene caricato.
WPForms verrà ora installato sul tuo sito WordPress. Questo dovrebbe richiedere solo pochi secondi. Al termine dell'installazione, premere il pulsante Attiva plug -in.
Ora fai clic su WPForms »Impostazioni. Questo aprirà la scheda Impostazioni generali per impostazione predefinita. Scorri verso il basso per trovare il campo Chiave di licenza e inserisci qui la tua chiave (che hai copiato in precedenza).
Quindi, fai clic sul pulsante Verifica chiave . Questo completerà l'installazione di WPForms Pro sul tuo sito.
2. Aggiungi un nuovo modulo
Ora, apri l'area di amministrazione di WordPress del tuo sito e fai clic su WPForms »Aggiungi nuovo nella barra laterale di sinistra. Ora puoi dare un nome al tuo modulo per trovarlo facilmente in un secondo momento.
Scorri verso il basso per selezionare un modello per iniziare a creare il modulo. Come tutti i campi WPForms, il campo Entry Preview è supportato nella maggior parte degli oltre 300 modelli disponibili.
Dopo aver selezionato un modello, aggiungeremo il campo Anteprima voce nel passaggio successivo.
3. Aggiungere il campo Anteprima voce modulo
Nell'esempio seguente, utilizziamo un modulo di prenotazione appuntamento personalizzato, ma sei libero di utilizzare qualsiasi modello di modulo di tua scelta.
Per aggiungere una funzione di anteprima al tuo modulo, trascina e rilascia semplicemente il campo Anteprima voce dal riquadro di sinistra del builder al riquadro di destra, dove si trovano i campi del modulo effettivi.
Quando aggiungi il campo Entry Preview al tuo modulo, verrà automaticamente aggiunta una nuova pagina in cui apparirà l'anteprima.
Ecco come appare l'anteprima in azione quando un utente sta compilando un modulo:
Puoi anche inserire il campo Anteprima voce più volte all'interno del modulo. Ad esempio, se si dispone di un modulo a più pagine, è possibile inserire un campo Anteprima voce dopo ogni pagina. Ciò significa che i tuoi utenti possono visualizzare in anteprima le informazioni che hanno compilato nelle pagine precedenti mentre continuano a compilare il resto del modulo.
L'aggiunta di più campi di anteprima voce nei moduli lunghi è un ottimo modo per assicurarsi che gli utenti siano in grado di visualizzare in anteprima le proprie voci e tornare indietro in qualsiasi momento per apportare modifiche, se necessario.
4. Personalizza avviso e stile di anteprima
WPForms ti consente di personalizzare l'avviso di anteprima. Basta fare clic sul campo Anteprima voce nella vista del generatore di moduli per aprire le impostazioni del campo.
È possibile utilizzare il pulsante di attivazione/disattivazione Visualizza avviso anteprima per mostrare il messaggio sopra l'anteprima della voce o nasconderlo completamente.
Inoltre, hai la libertà di modificare l'avviso di anteprima a tuo piacimento o di lasciare il messaggio predefinito così com'è.
Successivamente, potresti voler cambiare lo stile di anteprima voce. Fare clic sulla scheda Avanzate nelle opzioni del campo Anteprima voce per scegliere tra 4 diversi stili di anteprima:
- Di base
- Compatto
- Tavolo
- Tavolo, Compatto
Lo stile predefinito è Base, che visualizza un'anteprima riga per riga della voce del modulo.
Se vuoi dare alla tua anteprima un aspetto più stretto, puoi scegliere l'opzione Stile compatto .
Questo completa l'impostazione del campo Anteprima voce all'interno dei moduli. Ma c'è un altro tipo di anteprima della voce che puoi aggiungere, come mostreremo nel passaggio successivo.
5. Aggiungi la conferma dell'anteprima della voce
Oltre alle anteprime delle voci che vengono visualizzate durante la compilazione di un modulo, WPForms consente anche di visualizzare le anteprime dopo che un utente ha inviato un modulo.
A differenza del campo Anteprima voce, gli utenti non hanno la possibilità di modificare le proprie voci quando viene visualizzata una conferma di anteprima. Al contrario, mostra ai tuoi utenti solo una copia del loro invio che non può più essere modificato.
Per impostare le conferme dell'anteprima delle voci, vai su Impostazioni »Conferme nel generatore di moduli WPForms. Qui puoi attivare Mostra anteprima voce dopo il pulsante del messaggio di conferma.
Dopo aver abilitato questa opzione, vedrai apparire un menu a discesa che ti consente di scegliere uno stile di anteprima come mostrato sopra per i campi Anteprima voce.
Puoi comunque utilizzare le anteprime delle voci (che vengono visualizzate durante la compilazione di un modulo) insieme alla conferma dell'anteprima (che appare solo dopo che le voci sono state inviate). Oppure puoi usare solo l'una o l'altra di queste opzioni. Tutto dipende dalle tue preferenze e da cosa stai cercando di ottenere con i tuoi moduli.
E questo è tutto! Ora puoi consentire ai tuoi utenti di visualizzare in anteprima una voce di modulo prima di inviarla.
Quindi, applica le restrizioni di accesso ai moduli di WordPress
Vuoi limitare i tuoi moduli WordPress ai soli utenti che hanno effettuato l'accesso? WPForms ti consente di selezionare i livelli di autorizzazione dell'utente in base al loro stato di accesso. Consulta il nostro articolo su come limitare i moduli di WordPress agli utenti che hanno effettuato l'accesso per saperne di più.
Potresti anche voler leggere la nostra guida sui migliori plugin per la barra delle notifiche di WordPress per promuovere le tue vendite e offerte speciali sul tuo sito.
Pronto a costruire il tuo modulo? Inizia oggi con il plug-in per la creazione di moduli di WordPress più semplice. WPForms Pro include molti modelli gratuiti e offre una garanzia di rimborso di 14 giorni.
Crea un modulo con le anteprime delle voci ora
Se questo articolo ti ha aiutato, seguici su Facebook e Twitter per ulteriori tutorial e guide WordPress gratuiti.