Come usare il campo ripetitore in WPForms [Semplice e veloce].

Vi state chiedendo come inserire un campo ripetitore nel vostro modulo per acquisire più dati per ogni invio?

I campi ripetitori nei moduli consentono agli utenti di inserire più serie di dati simili, rendendo i moduli più intuitivi e facili da usare.

In questo articolo, vi mostrerò il modo più semplice per progettare un campo ripetitore per WPForms per migliorare la funzionalità e l'esperienza utente del vostro sito web.

Creazione di moduli con campi ripetibili 🔁

Come creare un modulo con un campo ripetitore in WordPress

Seguite questi passaggi per creare un modulo con campi ripetitori per il vostro sito WordPress:

Passo 1: Installare WPForms Pro

WPForms offre una soluzione super intuitiva e semplice per creare campi ripetitori. Per iniziare, è necessaria una licenza WPForms Pro.

Dopo aver ottenuto WPForms Pro, procedete all'installazione del plugin sul vostro sito. Se non avete familiarità con l'installazione dei plugin, consultate questa guida sull'installazione di WPForms.

Una volta che WPForms Pro è installato e pronto, sarete in grado di creare moduli con campi ripetuti e di accedere a tonnellate di funzioni e addon di grande impatto come la geolocalizzazione, Google Sheets e altro ancora.

Pronti? Passate al passo successivo per iniziare a creare un modulo con campi ripetitori.

Aggiornamento a WPForms Pro adesso 🐻

Passo 2: Creare un nuovo modulo

Nella dashboard di WordPress, passare il cursore sul menu della barra laterale di WPForms e fare clic su Aggiungi nuovo.

Ora dovrete dare un nome al vostro modulo e scegliere un modello o costruire il vostro modulo da zero. WPForms dispone di oltre 2.000 modelli di moduli, che consentono di creare qualsiasi tipo di modulo in WordPress.

Ma per illustrare il lavoro con i campi Repeater in WPForms, inizierò con un modulo vuoto e lo costruirò da zero.

In pochi secondi, verrà caricata la schermata del costruttore di moduli, dove si potrà costruire il proprio modulo personalizzato utilizzando i controlli drag-and-drop. Per semplicità, creiamo un modulo con soli tre campi: Nome, Email e Telefono.

Ma se vogliamo che questi campi siano ripetibili, la prima cosa da fare è inserire il campo Ripetitore trascinandolo dal pannello di sinistra a quello di destra.

Dopo aver inserito il campo Ripetitore, fare clic su di esso per aprire le Opzioni di campo relative ad esso sulla sinistra.

Lascerò l'impostazione di visualizzazione predefinita perché funziona bene per il mio scenario.

Ma per la mia configurazione, avrò bisogno di un layout a tre colonne. Siete liberi di scegliere il layout che fa per voi, semplicemente scegliendo una delle 9 preimpostazioni di layout disponibili per Repeater.

Quando si seleziona il layout, l'anteprima sulla destra cambia istantaneamente con la comparsa di zone di rilascio in colonne. Si tratta di aree in cui è possibile inserire altri campi che si desidera rendere ripetibili.

Ma prima, rinominiamo il campo Ripetitore. È possibile farlo modificando l'etichetta nelle Opzioni campo.

Quindi, è il momento di inserire i campi nelle zone di rilascio dei campi ripetitori. Dopo aver trascinato uno per uno i campi Nome, Email e Telefono nelle zone di rilascio dei campi ripetitori, ecco come appare il modulo:

Avrete notato che c'è qualcosa di strano qui. E avete ragione. Il campo Nome è diviso in due righe, il che non è bello nel contesto visivo attuale.

Ma si tratta di una soluzione semplice. Nel prossimo passo, personalizzerò alcune impostazioni e l'aspetto del sito.

Passo 3: personalizzare il campo del ripetitore

Poiché voglio che tutti i campi della mia sezione di ripetizione appaiano in un'unica riga, modificherò il formato del campo Nome in modo che si allinei con gli altri campi.

È possibile farlo facendo clic sul campo Nome per aprire le Opzioni di campo, dove si trova il menu a tendina Formato nel riquadro di sinistra. Fare clic sul menu a tendina Formato e selezionare Semplice.

Si noterà che il campo Nome è stato ridotto a un solo campo, in modo da essere in linea con gli altri campi.

A questo punto, il campo ripetitore è pronto. Ma prima di procedere alla pubblicazione del modulo, esaminiamo alcune impostazioni aggiuntive del campo Repeater che si consiglia di controllare.

(Opzionale) Impostazioni aggiuntive del campo del ripetitore

Fare clic sul campo Ripetitore per aprire nuovamente le Opzioni di campo.

Scorrendo il pannello di sinistra, si trovano le opzioni per impostare il tempo minimo e massimo in cui il campo ripetitore può essere duplicato dal visitatore. È sufficiente inserire i numeri per impostare comodamente i limiti.

Quindi, scorriamo di nuovo fino alla parte superiore del pannello Opzioni campo. Questa volta facciamo clic su Blocchi sotto le opzioni di visualizzazione.

Quando si utilizza il campo Repeater in modalità Blocks, si ottengono ulteriori impostazioni. Ad esempio, è possibile personalizzare i pulsanti "aggiungi" e "rimuovi" che i visitatori utilizzeranno per duplicare il campo o rimuoverne una copia.

È possibile scegliere tra diversi tipi di pulsanti e modificare le etichette dei pulsanti.

Inoltre, si ha anche la libertà di aggiungere un gruppo di campi in più righe quando si usa la modalità Blocchi. Con la modalità Righe, si è limitati ad aggiungere campi in una sola riga.

Le righe vanno bene per esigenze semplici, come il modulo che sto costruendo in questa esercitazione. Tuttavia, l'opzione Blocchi offre un maggiore controllo per casi d'uso più avanzati in cui è necessario rendere ripetibile un gruppo più ampio di campi.

Una volta terminate le modifiche, assicurarsi di premere il pulsante Salva.

Ottimo lavoro! Siete quasi pronti a pubblicare il modulo.

Passo 4: pubblicare il modulo con i campi ripetitori

WPForms rende facile incorporare i vostri moduli e iniziare a raccogliere le iscrizioni. Potete iniziare il processo di incorporazione facendo clic sul pulsante Incorpora nella parte superiore del costruttore di moduli.

Successivamente, apparirà una maschera che consentirà di selezionare il metodo di incorporazione. Selezioniamo Crea nuova pagina.

Quindi, inserite un nome per il vostro modulo e fate clic su Let's Go.

Dopodiché, si aprirà l'editor di blocchi di WordPress. Il modulo appena creato con il campo ripetitore dovrebbe essere già incorporato qui.

Questo è il momento ideale per creare uno stile per il proprio modulo, utilizzando l'editor di blocchi. In particolare, si può provare ad aggiungere un tema al modulo per dargli un aspetto moderno.

È possibile selezionare un tema facendo clic su un punto qualsiasi del modulo per aprire le opzioni del blocco sul pannello di destra. Scorrere fino alla sezione Temi e sceglierne uno.

Quando il vostro modulo ha un aspetto così dolce e impressionante, potete pubblicarlo quando siete pronti. Basta premere il pulsante Pubblica in alto.

Una volta terminata la pubblicazione del modulo, l'unica cosa che resta da fare è testare il modulo incorporato per assicurarsi che funzioni come previsto sul frontend.

Ecco una rapida dimostrazione di come ho testato il modulo e verificato che tutto sia a posto con la funzionalità del campo Repeater, inviando una voce di prova:

E tutto funziona esattamente come ci si aspettava!

Ecco come stanno le cose. Con il campo ripetitore, ora è possibile creare facilmente moduli dinamici che l'utente può controllare. Questa è la chiave per aumentare il coinvolgimento e la soddisfazione degli utenti, necessari per raccogliere gli invii di moduli su scala.

Creare un modulo con un campo ripetitore

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.

Altre domande sul campo ripetitore di WPForms

La creazione di moduli per campi ripetitori è un argomento di grande interesse per i nostri lettori. Ecco alcune risposte rapide ad alcune delle domande più frequenti:

Che cos'è un campo di ripetizione?

Un campo ripetitore è uno strumento versatile che consente agli utenti di aggiungere dinamicamente più serie di campi identici in un modulo. Immaginatelo come un pulsante "copia" per un gruppo di campi. Aumenta la flessibilità nell'inserimento di dati ripetibili, come le registrazioni multiple.

Perché scegliere il campo ripetitore di WPForms?

Il bello del campo ripetitore di WPForms è che rende più facile la raccolta dei dati per voi e per i vostri visitatori.

• Design incentrato sull'utente: Introducendo campi ripetitori, si dà agli utenti la possibilità di decidere la portata dei loro input. È un sottile cenno all'autonomia dell'utente e ne migliora l'esperienza complessiva.
• Flessibilità nella progettazione dei moduli: Ogni modulo non è uguale per tutti. Con i campi ripetitori, è possibile adattarsi a vari scenari, che si tratti di una singola voce o di più voci, garantendo che il modulo si adatti alle diverse esigenze.
• Strutturazione coerente dei dati: Uno dei problemi dei campi multipli è l'incoerenza dei dati. I dati rimangono strutturati e uniformi con i campi ripetitori, semplificando l'elaborazione e l'analisi di back-end.
• Riduzione della lunghezza del modulo: Invece di avere un modulo lungo e intimidatorio con numerosi campi, i campi ripetuti offrono un aspetto più pulito, assicurando che gli utenti non siano sopraffatti a prima vista.

Se siete un imprenditore che vuole migliorare l'onboarding dei clienti o un blogger che vuole raccogliere dati in modo efficiente, il campo ripetitore di WPForms è prezioso.

Successivamente, imparate a creare un modulo a fisarmonica in WordPress.

Siete alla ricerca di un modo semplice per aggiungere un modulo a fisarmonica al vostro sito WordPress? Date un'occhiata al nostro post sul metodo più semplice per creare un modulo a fisarmonica utilizzando WPForms per migliorare l'usabilità e l'esperienza utente del vostro sito web.

Create ora il vostro modulo WordPress

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.