Come consentire ai visitatori di duplicare i campi del modulo

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

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.

WPForms casa

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.

Modifica di un modulo

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.

Navigazione nei modelli di modulo dei campi ripetitori

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.

Aggiunta del campo Ripetitore a un modulo

È 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.

Aggiunta di campi all'area dei campi del ripetitore

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.

Vista frontale del campo ripetitore

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.

Applicazione delle impostazioni della logica condizionale

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.

Selezione del campo Ripetitore per visualizzare le righe

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.

Vista frontale del blocco di campo Repeater

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.

Selezione della visualizzazione del campo Ripetitore come Blocco

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.

Vista frontale dei blocchi di campo del ripetitore

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.

Selezione del layout del campo Ripetitore

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à.

Selezione del layout a 2 colonne del campo ripetitore

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.

Selezione del layout a 2 colonne del campo ripetitore

In questo caso, l'utente avrebbe un aspetto simile a questo:

Vista frontale del campo ripetitore Layout a 2 colonne

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.

Navigazione nelle impostazioni dei pulsanti del campo Ripetitore

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.

Selezione del tipo di pulsante del campo Ripetitore

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.

Personalizzazione delle etichette dei pulsanti del campo Repeater

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.

Impostazione del limite del pulsante del campo Ripetitore

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:

Vista frontale del pulsante del campo Ripetitore

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:

Vista completa del modello di foglio di presenza dei dipendenti

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.

La sezione del modello relativa ai dati dei dipendenti

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.

La sezione del foglio di presenza settimanale del modello di modulo

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:

Vista completa del modello di registro di classe

Si inizia raccogliendo le informazioni dell'insegnante per poterle rintracciare facilmente a ogni invio.

La sezione informazioni sull'insegnante del modello di modulo

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.

La sezione del modello di modulo relativa all'elenco delle classi

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.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se fate clic su alcuni dei nostri link, potremmo guadagnare una commissione. Scoprite come WPForms viene finanziato, perché è importante e come potete sostenerci.

Kacie Cooper

Kacie è una scrittrice e creatrice di template per WPForms. Dal 2016 si occupa di WordPress e scrive su di esso.Per saperne di più

Il miglior plugin per la creazione di moduli di WordPress con trascinamento e rilascio

Facile, veloce e sicuro. Unitevi agli oltre 6 milioni di proprietari di siti web che si fidano di WPForms.

Per completare questo modulo, abilitare JavaScript nel browser.

Aggiungi un commento

Siamo lieti che abbia scelto di lasciare un commento. Tenete presente che tutti i commenti sono moderati in base alla nostra politica sulla privacy e che tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.

Questo modulo è protetto da Cloudflare Turnstile e si applicano l'Informativa sulla privacy e i Termini di servizio di Cloudflare.