Chi Siamo Area Clienti Promo del Mese Dicono di Noi Portfolio FAQ Blog
Contattaci
Senza categoria

Fluent Forms: Tutti i Campi Disponibili e Come Usarli

Gianluca Gentile
Gianluca Gentile
· 11 min di lettura
ff-01-forms

Fluent Forms: Tutti i Campi Disponibili e Come Usarli

Uno dei punti di forza di Fluent Forms è la vasta gamma di campi disponibili, che permette di creare praticamente qualsiasi tipo di modulo. Dalle semplici caselle di testo ai selettori di data, dai file upload ai campi di pagamento, Fluent Forms offre oltre 60 tipologie di campi pronti all’uso. In questo articolo analizzeremo nel dettaglio ogni categoria di campi, spiegando quando e come utilizzarli per ottenere il massimo dai tuoi moduli.

Panoramica dei campi disponibili in Fluent Forms

Campi Generali

I campi generali sono quelli più utilizzati nella creazione di moduli e rappresentano la base di qualsiasi form. Vediamoli uno per uno.

Nome (Name Field)

Il campo Nome è progettato specificamente per raccogliere il nome completo dell’utente. A differenza di un semplice campo di testo, offre opzioni dedicate come la suddivisione automatica in Nome e Cognome su due colonne, l’aggiunta del prefisso (Sig., Sig.ra, Dott., ecc.) e del secondo nome. Il campo Nome utilizza anche la formattazione automatica con la prima lettera maiuscola, migliorando la qualità dei dati raccolti.

Email

Il campo Email include una validazione nativa del formato dell’indirizzo email. Quando l’utente inserisce un’email non valida, il campo mostra automaticamente un messaggio di errore. Nelle opzioni avanzate puoi abilitare la conferma email, che aggiunge un secondo campo dove l’utente deve reinserire il proprio indirizzo per evitare errori di battitura. Questa funzione è particolarmente utile per moduli importanti come iscrizioni o ordini.

Testo Singolo (Single Line Text)

Il campo più versatile e generico. Utilizzalo per raccogliere qualsiasi informazione breve che non rientra nelle altre categorie: numero di telefono, città, codice fiscale, partita IVA, oppure qualsiasi dato personalizzato. Puoi configurare la lunghezza minima e massima del testo, applicare maschere di input (es. formato telefono) e impostare espressioni regolari per la validazione personalizzata.

Maschera di Input (Input Mask)

Questo campo è una variante del testo singolo che forza un formato specifico durante la digitazione. È ideale per numeri di telefono, codici postali, codici fiscali o qualsiasi dato che deve rispettare un formato preciso. Puoi definire la maschera usando caratteri speciali: 9 per le cifre, a per le lettere e * per qualsiasi carattere.

Area di Testo (Text Area)

Per raccogliere testi più lunghi come messaggi, descrizioni, commenti o feedback. Puoi configurare il numero di righe visibili, il limite massimo di caratteri e mostrare un contatore che indica all’utente quanti caratteri ha ancora a disposizione. Il campo supporta anche il ridimensionamento verticale da parte dell’utente.

Indirizzo (Address)

Un campo composito che raccoglie un indirizzo completo con sottocampi per via, città, stato/provincia, CAP e paese. Ogni sottocampo è personalizzabile individualmente e puoi nascondere quelli che non ti servono. Il campo supporta anche l’autocompletamento tramite Google Places API per rendere la compilazione più veloce e precisa.

Numerico (Numeric Field)

Accetta solo valori numerici con validazione automatica. Puoi impostare un valore minimo e massimo, il passo di incremento e scegliere se mostrare i pulsanti +/- per facilitare l’inserimento. È ideale per quantità, età, budget o qualsiasi valore numerico.

Campi di Scelta

I campi di scelta permettono all’utente di selezionare una o più opzioni da un elenco predefinito. Sono fondamentali per raccogliere dati strutturati e categorizzabili.

Menu a Tendina (Dropdown)

Il classico campo select che mostra un elenco di opzioni quando l’utente clicca. È perfetto quando hai molte opzioni e vuoi risparmiare spazio nel modulo. Fluent Forms aggiunge funzionalità avanzate come la ricerca all’interno delle opzioni, la selezione multipla, il caricamento dinamico delle opzioni da URL o funzioni PHP e il raggruppamento delle opzioni in categorie.

Radio Button

Mostra tutte le opzioni visibili contemporaneamente e permette di selezionarne solo una. Utilizzalo quando le opzioni sono poche (massimo 5-7) e vuoi che l’utente le veda tutte senza dover aprire un menu. Puoi disporre i radio button in colonna o in riga e aggiungere immagini alle opzioni per un’esperienza visuale più accattivante.

Checkbox

Simile al radio button, ma permette la selezione multipla. Ideale per domande del tipo “Quali servizi ti interessano?” dove l’utente può scegliere più risposte. Come i radio button, supporta il layout in colonna o riga e le immagini associate alle opzioni. Puoi anche impostare un numero minimo e massimo di selezioni obbligatorie.

Campi avanzati e add-on in Fluent Forms

Multi Select

Un campo dropdown che permette la selezione multipla. È l’alternativa ai checkbox quando hai molte opzioni e poco spazio. L’utente può selezionare più voci tenendo premuto il tasto Ctrl (o Cmd su Mac). Fluent Forms lo rende più user-friendly con una barra di ricerca integrata e i tag visivi per le opzioni selezionate.

Campi Avanzati

I campi avanzati offrono funzionalità più sofisticate per moduli complessi e professionali.

Selettore Data (Date Picker)

Un calendario interattivo per la selezione di date. Puoi configurare il formato della data (gg/mm/aaaa, mm/dd/yyyy, ecc.), impostare date minime e massime, disabilitare giorni specifici della settimana (es. weekend) e bloccare date specifiche (es. festività). Supporta anche la selezione di intervalli di date.

Selettore Ora (Time Picker)

Permette all’utente di selezionare un orario. Puoi scegliere il formato a 12 o 24 ore, impostare l’intervallo tra le opzioni (es. ogni 15 minuti, ogni 30 minuti) e limitare gli orari disponibili.

File Upload

Permette all’utente di caricare file insieme al modulo. Puoi configurare i tipi di file accettati (es. solo PDF, solo immagini), la dimensione massima per file, il numero massimo di file e se mostrare un’anteprima per le immagini. Nella versione Pro, il campo supporta anche il drag and drop dei file.

Caricamento Immagini (Image Upload)

Una variante specializzata del file upload ottimizzata per le immagini. Mostra un’anteprima delle immagini caricate e supporta il crop e il ridimensionamento automatico. È perfetto per moduli di candidatura, profili utente o qualsiasi contesto dove serve raccogliere foto.

Campo Nascosto (Hidden Field)

Un campo invisibile all’utente ma presente nel modulo. Utilissimo per tracciare informazioni come la pagina di provenienza, l’URL corrente, i parametri UTM, l’ID dell’utente o qualsiasi altro dato che vuoi catturare automaticamente. Puoi popolare il campo con valori statici, variabili di sistema o parametri GET dall’URL.

Sezione (Section Break)

Non è un campo vero e proprio, ma un elemento di layout che permette di dividere il modulo in sezioni visivamente distinte. Puoi aggiungere un titolo e una descrizione per ogni sezione, aiutando l’utente a orientarsi in moduli lunghi e complessi.

HTML Personalizzato

Permette di inserire codice HTML arbitrario all’interno del modulo. Puoi usarlo per aggiungere istruzioni formattate, immagini, video, tabelle o qualsiasi altro contenuto HTML. Supporta anche le shortcode di WordPress, quindi puoi incorporare contenuti dinamici all’interno del modulo.

Valutazione (Rating)

Un campo a stelle per raccogliere valutazioni. Puoi personalizzare il numero di stelle (da 1 a 10), l’icona utilizzata (stelle, cuori, smile), i colori e le etichette associate a ciascun valore. È perfetto per sondaggi di soddisfazione e feedback.

Net Promoter Score (NPS)

Il campo NPS è specifico per misurare la probabilità che un utente raccomandi il tuo prodotto o servizio. Mostra una scala da 0 a 10 con etichette personalizzabili per i detrattori (0-6), i passivi (7-8) e i promotori (9-10). È uno strumento fondamentale per le aziende che vogliono misurare la soddisfazione dei clienti.

Slider (Range Slider)

Un cursore scorrevole per selezionare un valore numerico all’interno di un intervallo. Molto più intuitivo e visuale di un campo numerico tradizionale, è ideale per domande come “Quanto sei soddisfatto?”, “Qual è il tuo budget?” o qualsiasi valore in scala.

Selettore Colore (Color Picker)

Permette all’utente di selezionare un colore tramite un’interfaccia visuale. È un campo di nicchia ma utilissimo per moduli di personalizzazione prodotti, richieste di design o configuratori.

Campi di Pagamento (Pro)

I campi di pagamento sono disponibili nella versione Pro e permettono di trasformare il modulo in un vero e proprio strumento di vendita.

Articolo di Pagamento (Payment Item)

Aggiunge un prodotto o servizio con un prezzo fisso al modulo. Puoi mostrare il nome, la descrizione e il prezzo, e l’utente può selezionare la quantità.

Abbonamento (Subscription)

Per pagamenti ricorrenti. Puoi configurare la frequenza (settimanale, mensile, annuale), il periodo di prova, il prezzo di setup e le regole di cancellazione.

Riepilogo Ordine

Mostra un riepilogo di tutti gli articoli selezionati con i relativi prezzi e il totale. È essenziale per moduli d’ordine e checkout.

Configurazione dei campi di pagamento

Campi Speciali

GDPR / Consenso

Un campo checkbox preconfigurato per la raccolta del consenso al trattamento dei dati personali in conformità al GDPR. Include un testo predefinito personalizzabile con il link alla privacy policy del sito. È obbligatorio per qualsiasi modulo che raccoglie dati personali nell’Unione Europea.

Termini e Condizioni

Simile al campo GDPR, ma progettato per l’accettazione di termini e condizioni generali. Mostra il testo completo dei termini in un’area scorrevole e un checkbox per l’accettazione.

reCAPTCHA / hCaptcha

Aggiunge la protezione anti-spam al modulo. Richiede la configurazione delle chiavi API nelle impostazioni globali del plugin (come descritto nel primo articolo di questa serie).

Shortcode

Permette di incorporare qualsiasi shortcode di WordPress all’interno del modulo. Questo campo apre infinite possibilità: puoi inserire mappe, gallerie, tabelle di prezzi o qualsiasi altro contenuto generato da shortcode.

Campi Ripetitore (Repeat Field)

Il campo ripetitore permette all’utente di duplicare un gruppo di campi per inserire più occorrenze dello stesso tipo di dato. Ad esempio, in un modulo di registrazione aziendale, l’utente potrebbe dover inserire i dati di più dipendenti. Con il campo ripetitore, può aggiungere righe dinamicamente cliccando su un pulsante “Aggiungi”.

Puoi configurare il numero minimo e massimo di ripetizioni e i campi contenuti in ogni riga del ripetitore. Ogni riga può contenere più campi affiancati, creando una tabella dinamica compilabile dall’utente.

Container e Layout

Fluent Forms offre anche elementi di layout per organizzare visivamente il modulo:

Best Practice per la Scelta dei Campi

Scegliere i campi giusti è fondamentale per l’usabilità e il tasso di conversione del modulo:

Conclusione

La ricchezza di campi disponibili in Fluent Forms è uno dei motivi principali per cui questo plugin si distingue dalla concorrenza. Che tu debba creare un semplice modulo di contatto o un complesso form di ordinazione con pagamenti, Fluent Forms ha il campo giusto per ogni esigenza. La chiave è conoscere le opzioni disponibili e scegliere sempre il campo più specifico e appropriato per il tipo di dato che vuoi raccogliere.

📚 Leggi anche gli altri articoli della serie su Fluent Forms

Hai bisogno di aiuto per creare un modulo complesso con campi personalizzati? Il team di G Tech Group è specializzato nella realizzazione di soluzioni WordPress su misura. Contattaci per una consulenza gratuita e scopri come possiamo aiutarti a costruire moduli che funzionano davvero.

Migliora il Tuo Sito WordPress

Scopri le nostre guide complete sugli altri plugin essenziali per WordPress:

#Campi #Field Types #Fluent Forms #Form #Wordpress