Tutti i Campi di Gravity Forms: Guida Completa ai Field Types
Gravity Forms mette a disposizione un’ampia gamma di tipi di campo che coprono praticamente ogni esigenza nella raccolta dati. Conoscere in dettaglio ogni field type è fondamentale per sfruttare al massimo le potenzialità del plugin e creare moduli professionali, funzionali e ottimizzati per la conversione. In questa guida analizzeremo ogni singolo tipo di campo, spiegando quando e come utilizzarlo nel modo più efficace.
Standard Fields: I Campi di Base
I campi standard rappresentano il nucleo di qualsiasi modulo. Sono i più utilizzati e offrono le funzionalità essenziali per la raccolta dati.
Single Line Text: Il campo di testo a riga singola è il più versatile. Permette di raccogliere brevi stringhe di testo come nomi, codici, riferimenti o qualsiasi informazione che non richieda più di una riga. Puoi configurare un limite massimo di caratteri, un placeholder, un valore predefinito e una maschera di input per formattare automaticamente il dato inserito (ad esempio, un codice fiscale o una partita IVA).
Paragraph Text: Il campo di testo a paragrafo è pensato per input più lunghi come messaggi, descrizioni, note o commenti. Supporta un limite massimo di caratteri e un contatore visivo che mostra all’utente quanti caratteri ha ancora a disposizione. Puoi anche abilitare un editor rich text che permette formattazione di base come grassetto, corsivo e elenchi puntati.
Drop Down: Il menu a tendina è ideale quando vuoi offrire un elenco predefinito di opzioni tra cui l’utente deve sceglierne una sola. Ogni opzione può avere un’etichetta visibile e un valore interno diverso. Puoi abilitare la ricerca integrata per dropdown con molte opzioni e preselezionare un valore predefinito.
Multi Select: Simile al dropdown, ma permette la selezione di più opzioni contemporaneamente tenendo premuto Ctrl o Cmd. È utile per scenari come la selezione di più servizi di interesse o più categorie di prodotto.
Number: Questo campo accetta solo input numerici, con la possibilità di definire un intervallo minimo e massimo. Supporta sia numeri interi che decimali ed è fondamentale per moduli che richiedono quantità, età, budget o qualsiasi dato numerico. Il formato numerico si adatta automaticamente alla localizzazione del sito.
Checkboxes: Le caselle di spunta permettono la selezione multipla da un elenco di opzioni. A differenza del multi-select, le opzioni sono tutte visibili contemporaneamente, rendendo la scelta più immediata. Puoi impostare l’opzione “Select All” per consentire la selezione rapida di tutte le voci.
Radio Buttons: I pulsanti radio forzano la selezione di una sola opzione tra quelle disponibili. Sono preferibili al dropdown quando le opzioni sono poche (2-5) perché l’utente può vedere tutte le scelte senza dover aprire un menu.
Advanced Fields: Campi Avanzati
I campi avanzati sono progettati per raccogliere tipi specifici di informazioni con validazione integrata e formattazione automatica.
Name: Il campo nome è composto da sotto-campi configurabili: prefisso (Sig., Sig.ra, Dott.), nome, secondo nome, cognome e suffisso. Puoi attivare solo i sotto-campi necessari. La separazione in campi distinti è utile per personalizzare le comunicazioni successive (es. “Gentile Dott. Rossi”).
Email: Questo campo include validazione automatica del formato email. Puoi abilitare la conferma email, che richiede all’utente di digitare l’indirizzo due volte per ridurre gli errori di battitura. Supporta anche la verifica di unicità per impedire invii multipli dallo stesso indirizzo.
Address: Il campo indirizzo è composto da sotto-campi per via, città, provincia/stato, CAP e nazione. Supporta diversi formati internazionali e può essere precompilato con la geolocalizzazione del browser. Puoi limitare i paesi disponibili nel dropdown della nazione.
Phone: Il campo telefono supporta diversi formati: internazionale, statunitense e personalizzato. Per i siti italiani, il formato internazionale è generalmente la scelta migliore perché accetta sia numeri fissi che cellulari con o senza prefisso internazionale.
Website: Questo campo è specifico per gli URL e include la validazione del formato. Aggiunge automaticamente il protocollo “https://” se l’utente non lo specifica.
Date: Il campo data offre tre modalità di input: un datepicker con calendario visuale, un dropdown con mese/giorno/anno separati, o un campo di testo con maschera. Puoi impostare date minime e massime per limitare l’intervallo selezionabile.
Time: Il campo ora permette la selezione dell’orario in formato 12 ore (AM/PM) o 24 ore. È composto da sotto-campi per ore e minuti.
File Upload: Questo campo permette agli utenti di caricare file sul server. Puoi specificare le estensioni consentite, la dimensione massima e il numero massimo di file. Supporta sia il caricamento singolo che multiplo.
CAPTCHA: Il campo CAPTCHA aggiunge la protezione anti-spam di Google reCAPTCHA al modulo. Richiede la configurazione preventiva delle chiavi API nelle impostazioni generali di Gravity Forms.
List: Il campo lista permette agli utenti di aggiungere righe dinamicamente. È ideale per raccogliere elenchi di elementi come partecipanti a un evento, prodotti da ordinare o esperienze lavorative. Puoi configurare più colonne per ogni riga.
Consent: Il campo consenso è essenziale per la conformità GDPR. Mostra un testo informativo con una casella di spunta che l’utente deve accettare. Il testo del consenso può includere link alla privacy policy.
Post Fields: Creazione Contenuti
I Post Fields sono una funzionalità unica di Gravity Forms che permette di creare post WordPress direttamente dalle submission dei moduli. Questo è particolarmente utile per siti con contenuti generati dagli utenti.
Post Title: Raccoglie il titolo del post che verrà creato.
Post Body: Raccoglie il contenuto del post, con supporto per editor rich text.
Post Excerpt: Permette di inserire un estratto personalizzato per il post.
Post Tags: Consente all’utente di assegnare tag al post.
Post Category: Permette la selezione della categoria del post da un elenco predefinito.
Post Image: Raccoglie un’immagine che verrà impostata come featured image del post.
Post Custom Field: Permette di popolare campi personalizzati (custom fields) del post con i dati inseriti nel modulo.
Pricing Fields: Campi per i Pagamenti
I Pricing Fields trasformano Gravity Forms in un vero e proprio sistema di e-commerce leggero, perfetto per la vendita di prodotti semplici, servizi o donazioni.
Product: Il campo prodotto rappresenta un articolo acquistabile. Può essere configurato come prezzo fisso, dropdown (con diverse varianti e prezzi), radio buttons o campo personalizzato dove l’utente inserisce l’importo.
Option: Il campo opzione aggiunge varianti a un prodotto, come taglia, colore o configurazione. Ogni opzione può avere un costo aggiuntivo che si somma al prezzo base del prodotto.
Quantity: Permette di specificare la quantità di un prodotto da acquistare.
Shipping: Aggiunge un costo di spedizione all’ordine. Può essere un importo fisso o una selezione tra diverse opzioni di spedizione con prezzi diversi.
Total: Il campo totale mostra automaticamente la somma di tutti i prodotti, opzioni, quantità e spedizione. Si aggiorna in tempo reale mentre l’utente modifica le selezioni.
Campi di Utilità e Layout
Oltre ai campi che raccolgono dati, Gravity Forms offre elementi di layout e utilità che migliorano l’organizzazione e la leggibilità del modulo.
Section Break: Inserisce un separatore visuale con titolo e descrizione opzionali. Utile per dividere moduli lunghi in sezioni logiche.
Page Break: Divide il modulo in più pagine, creando un wizard multi-step. Ogni pagina può avere un titolo e una barra di progresso.
HTML: Permette di inserire codice HTML personalizzato nel modulo. Puoi usarlo per aggiungere testo formattato, immagini, video o qualsiasi contenuto HTML tra i campi del form.
Hidden: Un campo nascosto che non è visibile all’utente ma raccoglie dati in background. Utile per tracciare la sorgente del traffico, l’URL della pagina o qualsiasi parametro UTM dalla query string.
Configurazioni Comuni a Tutti i Campi
Indipendentemente dal tipo, tutti i campi di Gravity Forms condividono alcune opzioni di configurazione:
- Required: Rende il campo obbligatorio. L’utente non potrà inviare il modulo senza compilarlo.
- Label: L’etichetta visibile del campo. Può essere posizionata sopra, a sinistra o nascosta.
- Description: Testo aggiuntivo che appare sotto il campo per fornire indicazioni.
- CSS Class: Classi CSS personalizzate per lo styling individuale del campo.
- Conditional Logic: Permette di mostrare o nascondere il campo in base al valore di altri campi.
- Default Value: Un valore precompilato che l’utente può modificare.
- Visibility: Definisce chi può vedere il campo (tutti o solo gli amministratori).
Best Practice per la Scelta dei Campi
La scelta del tipo di campo giusto influenza direttamente l’esperienza utente e la qualità dei dati raccolti. Ecco alcune linee guida pratiche per scegliere il campo più adatto in ogni situazione:
- Usa Radio Buttons invece di Dropdown quando le opzioni sono meno di 5: riduce i click necessari.
- Preferisci Checkboxes per le selezioni multiple invece del Multi Select: sono più intuitivi su dispositivi mobili.
- Utilizza il campo Email invece di Single Line Text per gli indirizzi email: la validazione automatica evita errori.
- Sfrutta il campo Number con limiti min/max invece di un campo testo generico per i dati numerici.
- Usa Hidden Fields per raccogliere dati contestuali come sorgente UTM, referrer e ID utente senza chiedere all’utente.
- Aggiungi Section Breaks nei moduli con più di 6 campi per migliorare la leggibilità.
Conoscere a fondo tutti i field types di Gravity Forms ti permette di creare moduli che non solo raccolgono le informazioni necessarie, ma lo fanno in modo efficiente e piacevole per l’utente. Nei prossimi articoli della serie esploreremo come combinare questi campi con la logica condizionale per creare form veramente intelligenti e dinamici.
Hai bisogno di aiuto per progettare moduli complessi? Contatta G Tech Group per una consulenza personalizzata.
Continua a Leggere: Guide WordPress Essenziali
Migliora il Tuo Sito WordPress
Scopri le nostre guide complete sugli altri plugin essenziali per WordPress: