In molti casi gli utenti dei vostri moduli vorrebbero poter semplicemente duplicare i campi dei vostri moduli. I campi per i nomi aggiuntivi, i dati di contatto, le ore di lavoro e così via sono facili da aggiungere quando gli utenti possono semplicemente ripeterli.
Ora, con il campo WPForms Repeater, gli utenti del vostro sito web possono fare proprio questo! In questo tutorial vi mostrerò come modificare i vostri moduli per consentire la duplicazione dei campi in soli 5 passaggi.
Come consentire ai visitatori di duplicare i campi del modulo
In questo articolo
Per prima cosa, prendere WPForms
Ok, so che ho detto che questo tutorial richiede solo 5 passaggi, quindi questo sembra un extra 😉 Ma, è abbastanza scontato che avrete bisogno di WPForms installato e attivato sul vostro sito WordPress per duplicare i campi dei vostri moduli.
Quindi, prima di tutto, procuratevi il plugin WPForms!
1. Selezionare o creare il modulo
Il campo Repeater è un'ottima funzione inclusa nei moduli costruiti con WPForms. Con esso, gli utenti del modulo possono aggiungere più voci o duplicare interi blocchi del modulo.
Ma non è necessario costruire un modulo nuovo di zecca per iniziare a consentire agli utenti di duplicare i campi.
È possibile che sul sito siano già presenti moduli che si desidera modificare con il campo Ripetitore. È sufficiente fare clic su Modifica sotto il modulo per il quale si desidera aprire il costruttore di moduli.
Tuttavia, se avete bisogno di creare un nuovo modulo, potete iniziare scegliendo tra le migliaia di modelli di moduli disponibili nella galleria di WPForms.
Offriamo un'ampia selezione di modelli di moduli con la funzionalità di campo Repeater incorporata.
Oppure, si può scegliere un modello di modulo diverso e aggiungere rapidamente il campo Repeater con il costruttore di moduli.
E, come sempre, potete costruire il vostro modulo da soli, partendo da un modulo vuoto.
Create ora il vostro modulo WordPress
2. Aggiungere il campo ripetitore
Una volta selezionato e caricato il modulo nel costruttore di moduli, è possibile aggiungere il campo Ripetitore.
Lo vedrete tra i campi sul lato sinistro dello schermo.
È sufficiente fare clic sul campo Repeater, trascinarlo nel modulo e rilasciarlo nel punto desiderato.
Poi, come il campo Layout, il campo Ripetitore consente di aggiungere altri campi del modulo.
Quindi, quali campi appartengono alla sezione Campi ripetitori? I campi che si desidera consentire agli utenti del modulo di duplicare.
In un modulo di registrazione di gruppo, ad esempio, gli utenti vorrebbero probabilmente includere più nomi di partecipanti che si registrano contemporaneamente.
Prima che WPForms offrisse il campo Repeater, avreste potuto intasare il vostro modulo con una manciata di campi Nome di cui l'utente potrebbe avere bisogno.
Oppure si possono utilizzare le impostazioni della logica condizionale per includere altri campi Nome, se l'utente desidera includerne altri.
Qualunque sia il caso, il campo Repeater rende ora la duplicazione dei campi molto più semplice per voi e per gli utenti dei vostri moduli!
Leggete anche: Modi di usare WPForms per i siti web educativi
3. Visualizzazione di righe o blocchi
Ora, prima di andare avanti, date un'occhiata alle opzioni di visualizzazione applicate al campo Ripetitore.
Non solo è possibile personalizzare i campi all'interno dell'area dei campi ripetitori per aggiungerli come singole righe, ma si può anche consentire la duplicazione di interi blocchi di campi.
Suggerimento: Passare alla scheda Avanzate per nascondere l'etichetta del campo Ripetitore, come ho fatto io.
Quando si selezionano i campi dell'area Ripetitore da visualizzare come Righe, gli utenti del modulo duplicheranno ogni riga orizzontale.
Come si può vedere sopra, i pulsanti + aggiungi o - rimuovi si trovano alla fine di ogni riga.
I blocchi, invece, sono utili per combinare campi da ripetere insieme, che non possono essere inseriti in una sola riga.
Con i blocchi, i pulsanti + aggiungi o - rimuovi si trovano sotto l'intera sezione di campi. Maggiori informazioni su questi pulsanti, più avanti.
Nel mio esempio qui sotto, ho selezionato Blocchi come modalità di visualizzazione dei campi ripetibili. Ho poi incluso nell'area dei campi ripetibili i campi che voglio che gli utenti possano duplicare come sezione.
Ora, quando gli utenti del modulo aggiungono un altro partecipante, possono fornire tutte le informazioni richieste nel modulo per ciascun blocco.
In questo modo, gli utenti del modulo possono duplicare intere sezioni del modulo in una sola volta.
4. Scegliere un layout
Successivamente, si possono verificare i diversi modi in cui è possibile organizzare il layout dei campi ripetibili.
I campi possono essere impostati in righe singole, colonne uniformi e colonne irregolari.
Se si dispone di righe ripetibili di nomi ed età dei partecipanti, ad esempio, si può scegliere un layout che posiziona uno spazio più grande per il nome e uno più piccolo per l'età.
Quindi, il mio esempio di colonne Righe e Layout nel costruttore di moduli di cui sopra, apparirebbe così all'utente di un modulo:
Oppure, ricordate il blocco che vi ho mostrato alla fine del passo 3 con il nome del partecipante, le informazioni di contatto di emergenza e altri campi?
Potrei utilizzare un layout di 2 colonne per personalizzare questa parte del modulo.
In questo caso, l'utente avrebbe un aspetto simile a questo:
Suggerimento: Utilizzate un semplice campo Nome di una riga per mantenere le colonne uniformemente distanziate, come ho fatto sopra.
La modifica di questi aspetti del campo Repeater aiuta a mantenere tutto ordinato e organizzato nell'intero modulo.
5. Personalizzare la vista dei pulsanti
L'ultima cosa da personalizzare nella sezione dei campi ripetitori sono i pulsanti + e - per aggiungere e rimuovere i campi ripetibili.
Questi sono i pulsanti su cui l'utente del modulo farà clic per aggiungere nomi, sezioni di registrazione o qualsiasi altro campo che avete reso disponibile per la duplicazione.
Per impostazione predefinita, questi pulsanti visualizzano + o - alla fine di ogni riga, ma è possibile personalizzare queste icone quando si utilizza un blocco.
Poiché i pulsanti sono alloggiati sotto il blocco anziché alla fine della riga, la possibilità di allungarla attraverso la personalizzazione mantiene comunque l'ordine visivo.
Per prima cosa, selezionare il tipo di pulsante.
Le opzioni comprendono:
- Pulsanti con icone
- Pulsanti
- Icone con testo
- Icone
- Testo normale
Se il pulsante visualizza un testo di qualsiasi tipo, è possibile personalizzarlo nella casella successiva. Qui è possibile modificare il testo dell'etichetta del pulsante.
Nel modulo di registrazione di un gruppo, ad esempio, si potrebbe personalizzare il pulsante con la dicitura "Aggiungi partecipante".
Infine, è possibile scegliere il limite minimo e massimo per i campi ripetibili.
Per impostazione predefinita, questo limite è impostato su un minimo di 1 e un massimo di 10. Ciò significa che gli utenti del modulo possono registrare fino a 10 partecipanti su questo modulo. Ciò significa che gli utenti del modulo possono registrare fino a 10 partecipanti su questo modulo.
Quindi, applicando le impostazioni mostrate sopra, il pulsante del modulo di registrazione del gruppo avrà questo aspetto per gli utenti:
Come sempre, quando si è soddisfatti dei campi personalizzati e ripetibili, assicurarsi di salvare il modulo per pubblicarlo quando si è pronti.
E questo è tutto! Ora sapete come consentire ai visitatori del sito web di duplicare i campi dei vostri moduli.
Bonus: Il campo ripetitore in azione
Vi ho mostrato come utilizzare l'area del campo Ripetitore in un modulo di registrazione di gruppo, ma vorrei condividere un paio di altri buoni esempi di questa funzione in azione.
Modulo per la compilazione del foglio di presenza dei dipendenti
Per prima cosa, date un'occhiata a questo foglio di presenza dei dipendenti che vi offriamo come modello:
Per prima cosa vengono raccolti i dati dei dipendenti, tra cui il nome, l'e-mail del dipendente, l'ID del dipendente e le ore totali della settimana.
I dipendenti possono quindi inserire i giorni e le ore di lavoro specifiche per la settimana, utilizzando essenzialmente questo modulo come foglio di presenza settimanale.
Utilizza blocchi e colonne ripetibili che consentono agli utenti di duplicare i campi per il giorno della settimana in cui hanno lavorato, insieme all'orario di entrata e di uscita di quel giorno. Questi campi possono essere ripetuti fino a 14 volte, ovvero per una settimana di doppi turni.
Volete utilizzare questo modulo sul vostro sito web? Prendete il modello!
Modulo di registrazione della classe
Ora, date un'occhiata a questo elenco di classi che offriamo anche come modello:
Si inizia raccogliendo le informazioni dell'insegnante per poterle rintracciare facilmente a ogni invio.
Poi, con il campo Ripetitore, gli insegnanti possono facilmente aggiungere informazioni per ogni studente del loro elenco, come il livello di scuola, la data di nascita o qualsiasi altro dato vogliano includere per la conservazione dei dati.
Gli insegnanti possono utilizzare questo registro per un massimo di 20 studenti. Inoltre, come sempre, questo modello di modulo è totalmente personalizzabile, per cui è possibile modificare il numero massimo di voci consentito.
Vi piace questo modulo? Prendete il modello!
Consultate anche questa guida per sapere se è il caso di usare il campo Repeater di WPForms o il campo Layout con logica condizionale per ottimizzare ulteriormente il vostro modulo.
Perché consentire ai visitatori di duplicare i campi del modulo?
È un bene per gli utenti dei moduli! Consentire ai visitatori di duplicare i campi dei moduli rende il processo di compilazione molto più semplice, soprattutto quando gli utenti devono inserire informazioni simili o ripetitive. Questo può far risparmiare tempo ai visitatori del sito e rendere la loro esperienza di compilazione dei moduli più comoda ed efficiente.
Ed è un bene anche per voi! Quando gli utenti possono duplicare i campi del modulo, è più facile per voi raccogliere e organizzare i dati per l'analisi, perché i punti di dati simili sono raggruppati e più gestibili.
Inoltre, mantiene il modulo organizzato e visivamente attraente. I visitatori del sito non saranno sopraffatti da lunghe sezioni di campi vuoti e non sarà necessario creare un percorso contorto di regole logiche condizionali per tenere nascosti i campi aggiuntivi.
Il campo ripetitori è un vantaggio per tutti!
FAQ
Noi di WPForms siamo sempre entusiasti di offrire indicazioni sulle funzioni e sugli strumenti che mettiamo a disposizione. Ecco quindi le risposte ad alcune delle domande più frequenti sulla duplicazione dei campi dei moduli:
Cosa significa consentire ai visitatori di duplicare i campi del modulo?
Consentire ai visitatori di duplicare i campi del modulo significa offrire loro la possibilità di creare più istanze di un campo specifico all'interno di un modulo. In questo modo, possono inserire informazioni simili o ripetitive in modo più efficiente.
In WPForms ci riferiamo a questi duplicati come campi ripetitori, poiché gli utenti dei moduli possono ripetere questi campi per inserire più informazioni.
Come posso implementare la duplicazione dei campi nei moduli del mio sito web?
I metodi di implementazione possono variare a seconda della piattaforma o degli strumenti in uso.
Per quanto riguarda WPForms, la duplicazione dei campi è possibile con un semplice clic o un'azione di trascinamento. In altri casi, potrebbe essere necessario utilizzare codice personalizzato o plugin per aggiungere questa funzionalità.
Devo impostare un limite al numero di volte in cui un campo del modulo può essere duplicato?
L'impostazione di limiti può aiutare a mantenere l'usabilità del modulo e a evitare che gli utenti creino un numero eccessivo di campi, che potrebbe avere un impatto sulle prestazioni del modulo o sulla gestione dei dati.
Con il campo Ripetitore di WPForms, è possibile impostare un limite massimo per le voci duplicate, in modo da controllare questo aspetto del modulo.
Create ora il vostro modulo WordPress
Successivamente, date un'occhiata a questa guida facile e veloce
Ho condiviso un bel po' di informazioni su come consentire ai visitatori di duplicare i campi, ma c'è ancora di più da imparare sull'uso del campo Repeater. Questa funzione offre così tanto, che c'è molto da dire.
Per apprendere altri suggerimenti semplici e veloci, tra cui idee di personalizzazione non trattate in questa sede, è possibile consultare il nostro tutorial sul campo ripetitore.
Siete pronti a creare il vostro modulo? Iniziate oggi stesso con il più semplice plugin per la creazione di moduli per WordPress. WPForms Pro include molti modelli gratuiti e offre una garanzia di rimborso di 14 giorni.
Se questo articolo vi ha aiutato, seguiteci su Facebook e Twitter per altre guide e tutorial gratuiti su WordPress.