Gravity Forms: Calcoli, Prezzi Dinamici e Product Fields
Gravity Forms non è solo uno strumento per raccogliere dati: grazie ai Product Fields e alle funzionalità di calcolo, può trasformarsi in un potente calcolatore di preventivi, un configuratore di prodotti o un sistema di ordini completo. La possibilità di eseguire calcoli dinamici in tempo reale, basati sulle scelte dell’utente, apre scenari di utilizzo incredibilmente versatili. In questa guida esploreremo come sfruttare i campi calcolati e i Product Fields per creare moduli che calcolano prezzi, quantità e totali automaticamente.
I Product Fields: Fondamenta del Pricing
I Product Fields sono la base per qualsiasi modulo che gestisce prezzi e pagamenti. Gravity Forms offre cinque tipi di campi prodotto, ognuno con caratteristiche specifiche:
Single Product: Un prodotto con prezzo fisso. Mostra il nome del prodotto e il prezzo. L’utente può decidere se includerlo o meno (se abbinato a un campo Quantity).
Drop Down: Un menu a tendina con più opzioni prodotto, ognuna con il proprio prezzo. Ideale per varianti di un prodotto (es. Piano Base €99, Piano Pro €199, Piano Enterprise €499).
Radio Buttons: Come il dropdown ma con tutte le opzioni visibili. Preferibile quando le opzioni sono poche e vuoi che l’utente le veda tutte immediatamente.
User Defined Price: L’utente inserisce liberamente l’importo. Perfetto per donazioni, offerte libere o pagamenti personalizzati.
Calculation: Un prodotto il cui prezzo è calcolato automaticamente tramite una formula matematica basata su altri campi del modulo. Questo è il tipo più potente e versatile.
Il Campo Quantity
Il campo Quantity permette di specificare la quantità di un prodotto. Va sempre associato a un campo Product specifico tramite la configurazione del campo. La quantità moltiplica il prezzo unitario del prodotto per calcolare il subtotale.
Puoi configurare la quantità come:
- Number field: L’utente inserisce un numero liberamente.
- Drop Down: L’utente sceglie tra quantità predefinite (1, 2, 5, 10).
- Hidden: La quantità è fissa e nascosta (utile per prodotti a prezzo fisso).
Il Campo Option
Il campo Option aggiunge varianti o extra a un prodotto. Ogni opzione può avere un costo aggiuntivo (positivo o negativo) che si somma al prezzo base del prodotto associato.
Esempio: Per un servizio di web design, il prodotto base costa €1.500. Le opzioni potrebbero includere:
- Design responsive (+€300)
- SEO on-page (+€200)
- Integrazione e-commerce (+€500)
- Blog (+€150)
Le opzioni possono essere presentate come checkboxes (selezione multipla), radio buttons (selezione singola) o dropdown.
Il Campo Total
Il campo Total è il campo che mostra il totale complessivo dell’ordine. Calcola automaticamente la somma di tutti i prodotti, moltiplicati per le rispettive quantità, più le opzioni e i costi di spedizione. Il totale si aggiorna in tempo reale mentre l’utente modifica le sue scelte.
È buona pratica posizionare il campo Total in fondo al modulo, appena prima del pulsante di invio, per dare all’utente una visione chiara del costo totale prima di procedere.
Campi con Calcolo (Number Calculation)
Oltre ai Product Fields, Gravity Forms permette di aggiungere calcoli a qualsiasi campo numerico. Questa funzionalità è accessibile dalla scheda Advanced di un campo Number, abilitando l’opzione Enable Calculation.
Una volta abilitata, puoi inserire una formula matematica che utilizza i valori di altri campi come variabili. Le variabili sono rappresentate dai merge tag dei campi, nel formato {Field Label:FIELD_ID}.
Operatori supportati:
- Addizione:
+ - Sottrazione:
- - Moltiplicazione:
* - Divisione:
/ - Parentesi:
( ) - Modulo:
%
Esempi Pratici di Calcolo
Calcolatore di Preventivo per Servizi Web:
Immagina un modulo con i seguenti campi:
- Numero di pagine (campo Number, ID 5)
- Tipo di design: Standard (€100/pagina) o Premium (€200/pagina) (campo Dropdown, ID 6)
- SEO incluso: Sì (+€500) o No (campo Radio, ID 7)
Il campo calcolato per il totale potrebbe avere la formula:
{Numero Pagine:5} * {Tipo Design:6} + {SEO:7}
Il risultato si aggiorna istantaneamente mentre l’utente modifica i valori, mostrando il preventivo in tempo reale.
Calcolatore di Spedizione Basato sul Peso:
Se hai un modulo per ordini con campo quantità (ID 3) e peso unitario fisso di 0.5 kg:
{Quantità:3} * 0.5 * 5.90
Dove 5.90 è il costo di spedizione per kg.
Sconto Percentuale:
Per applicare uno sconto del 10% sul subtotale (ID 8):
{Subtotale:8} * 0.9
Calcoli Condizionali
Combinando i calcoli con la logica condizionale, puoi creare scenari di pricing molto sofisticati. Ecco alcune tecniche:
Sconto a volume: Crea più campi calcolati nascosti, ognuno con una formula diversa in base alla fascia di quantità. Usa la logica condizionale per mostrare solo il campo con la formula appropriata.
Pricing tiered: Un campo dropdown “Piano” che, in base alla selezione, mostra campi prodotto diversi con prezzi diversi. Ogni piano ha il proprio set di opzioni e il proprio calcolo del totale.
Coupon code: Un campo di testo dove l’utente inserisce un codice sconto. Con la logica condizionale, se il codice corrisponde a un valore predefinito, viene mostrato un campo calcolato con lo sconto applicato. Questa tecnica ha limitazioni (il codice è visibile nel codice sorgente del form) ed è adatta solo per sconti promozionali non critici.
Formattazione dei Valori Calcolati
I valori calcolati ereditano la formattazione della valuta configurata nelle impostazioni generali di Gravity Forms. Per i siti italiani con valuta Euro:
- Il simbolo dell’euro (€) viene aggiunto automaticamente.
- I decimali sono separati dalla virgola.
- Le migliaia sono separate dal punto.
Puoi personalizzare il numero di decimali nelle impostazioni del campo Number. Per importi monetari, due decimali sono lo standard. Per quantità o punteggi, potresti voler usare zero decimali.
Merge Tag nei Calcoli
I merge tag nei calcoli non si limitano ai campi numerici. Gravity Forms converte automaticamente i valori dei campi dropdown, radio e checkbox in valori numerici quando vengono utilizzati in una formula. Questo è possibile perché ogni opzione di questi campi può avere un valore numerico associato.
Per configurare correttamente i valori:
- Nel campo dropdown o radio, vai alla configurazione delle opzioni.
- Abilita “Show Values” (se non già attivo).
- Inserisci il valore numerico per ogni opzione (es. Standard = 100, Premium = 200).
Quando l’utente seleziona un’opzione, il valore numerico viene utilizzato nella formula di calcolo. L’etichetta visibile può essere diversa dal valore (es. l’utente vede “Piano Standard” ma nel calcolo viene usato il valore 100).
Creare un Configuratore di Prodotto
Un caso d’uso avanzato è il configuratore di prodotto: un modulo dove l’utente seleziona caratteristiche e opzioni e il prezzo si aggiorna in tempo reale. Ecco la struttura tipo:
- Prodotto base: Campo Product con prezzo base.
- Opzioni obbligatorie: Campi Option con radio button per scelte come dimensione, materiale, colore.
- Opzioni facoltative: Campi Option con checkbox per extra come garanzia estesa, installazione, personalizzazione.
- Quantità: Campo Quantity per il numero di unità.
- Spedizione: Campo Shipping con opzioni di consegna (standard, express, ritiro in sede).
- Totale: Campo Total che mostra il costo complessivo.
La logica condizionale può essere utilizzata per mostrare opzioni diverse in base alle scelte precedenti. Ad esempio, le opzioni di colore cambiano in base al materiale selezionato.
Limiti e Considerazioni
Le formule di calcolo di Gravity Forms hanno alcune limitazioni da tenere presenti:
- Solo operazioni matematiche di base: Non sono supportate funzioni avanzate come radice quadrata, logaritmi o funzioni trigonometriche.
- Niente IF/ELSE nelle formule: La logica condizionale non può essere inserita direttamente nella formula. Per ottenere risultati condizionali, usa campi nascosti con logica condizionale e riferisci la formula a quei campi.
- Arrotondamento: I calcoli con decimali possono produrre risultati con molte cifre decimali. Configura il numero di decimali nel campo per un’arrotondamento automatico.
- Prestazioni: Formule molto complesse con molte variabili possono rallentare l’aggiornamento in tempo reale su dispositivi datati.
Debug dei Calcoli
Se un calcolo non produce il risultato atteso, ecco come diagnosticare il problema:
- Verifica che gli ID dei campi nella formula siano corretti.
- Controlla che i campi referenziati abbiano valori numerici validi (e non stringhe di testo).
- Assicurati che “Show Values” sia attivo per i campi dropdown/radio usati nel calcolo.
- Testa con valori semplici per isolare il punto della formula che causa il problema.
- Controlla la console JavaScript del browser per eventuali errori.
Se hai bisogno di creare calcolatori di preventivo o configuratori di prodotto avanzati, 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: