Uno dei tipi più comuni di plugin nella directory di WordPress.org è il generatore di moduli. Da Gravity Forms, Caldera Forms, Ninja Corms, Modulo di Contatto 7, ecc., le scelte che hai sono quasi infinite. Tuttavia, non tutti i costruttori di moduli sono uguali. Ogni sviluppatore si concentra su un'esperienza utente e un set di funzionalità leggermente diversi. Questo rende difficile scegliere l'opzione migliore. Se stai cercando un plugin con logica condizionale in grado di gestire tante formule complicate quanti calcoli, il Calcolato campi del modulo si distingue dagli altri.

Modulo campi calcolati

Calcolato campi del modulo

Il modulo dei campi calcolati non solo si distingue per la sua utilità, ma è anche uno dei plugin più votati compatibile con Gutenberg (l'editor di blocchi di WordPress) situato nel repository dei plugin. Vale la pena verificarlo da solo perché anche se l'Editor blocchi è abilitato per impostazione predefinita, non tutti i plug-in che trovi sono stati integrati nel nuovo ecosistema.

Il plugin è anche perfettamente compatibile con l'editor classico (e con i page builder come Divi, per iniziare), quindi indipendentemente da come si progetta il sito, il modulo Campi calcolati funzionerà con esso. Lo menzioniamo perché non sei sempre sicuro che un determinato plugin funzionerà su tutta la linea. Quindi, poiché CFF è stato testato con Block Editor, Classic Editor e Page Builders, abbiamo pensato che valesse la pena menzionarlo.

Alcune delle funzionalità degne di nota sono esattamente ciò che puoi calcolare con il plug-in. Poiché non è solo un plug-in per modulo di contatto, avrai casi d'uso molto specifici. Alcune delle caratteristiche più importanti includono

  • un costruttore di forme visive
  • presentazione e archiviazione di database
  • regole condizionali e logiche
  • numero illimitato di campi calcolati
  • accetta il pagamento dal modulo stesso (tramite PayPal) dopo aver effettuato i calcoli necessari
  • diversi tipi di campi (radio, elenco a discesa, casella di controllo, ecc.)
  • campi dipendenti
  • moduli multipagina
  • diversi modelli predefiniti
  • ordina per valore
  • disabilita il modulo per i motori di ricerca
  • opzioni di calcolo semplici o avanzate (operatori matematici e ternari comuni)

Configurazione

L'installazione delle FFS è semplice. Accedi al repository di plugin di WordPress.org, scarica il plugin FFS , quindi caricalo dall'opzione di menu Plugin - Aggiungi nuovo nella dashboard di WP. Dopodiché noterai una nuova opzione di modulo di campi calcolati nella barra laterale.

Interfaccia modulo campi calcolatiSe noti che delle 4 opzioni presentate, solo una di esse è un collegamento alle impostazioni effettive. Il collegamento di documentazione si apre al sito Web dello sviluppatore e alla knowledge base. Il collegamento diaiuto online ti permette di accedere al forum di supporto di WP.org. Aggiorna ... beh, hai bisogno un aggiornamento Niveau per passare dalla versione gratuita alla versione premium.

Questo plugin che ha così tanta potenza sotto il cofano è abbastanza semplice da usare, richiede solo una pagina di impostazioni / opzioni per essere configurato. È davvero impressionante, in realtà. Certo, le opzioni effettive vengono impostate modulo per modulo, ma ci sono molti plugin per campi calcolati che possono essere travolgenti e la semplicità iniziale di questo lo rende accessibile.

Crea moduli

Creazione di moduli

La versione gratuita (di cui parleremo qui) viene fornita con i moduli di esempio 5 da cui è possibile duplicare e modificare le proprie specifiche o, se risultano essere ciò di cui si ha bisogno, utilizzare così come sono.

  • Operazioni semplici
  • Calcolo con date (per un calendario di prenotazione, ecc.)
  • Calcolatore di peso ideale
  • Calcolatrice Gravidanza
  • Calcolatore di noleggio

Li vedi immediatamente quando carichi questa pagina. Puoi aggiungere il codice funzione direttamente in qualsiasi luogo in cui vengono visualizzati i codici funzione e sei in attività. Puoi anche premere clone per duplicare il modulo e modificare i calcoli già effettuati tramite il pulsante Parametri .

Sotto questo elenco c'è il pulsante Nuova forma , che quando viene utilizzato aggiunge solo una nuova opzione in fondo all'elenco del modulo sopra.

Creazione di moduli

Non importa quante forme vuoi, semplicemente etichetta

Moduli di modifica

Qualunque sia il modulo che si desidera modificare, premere Parametri ti porta all'editor visivo di questo modulo. Dato che ne abbiamo iniziato uno nuovo, guarderemo la tela bianca.

Divi form builderTutto quello che devi fare è cliccare su un elemento a sinistra e apparirà a destra. A questo punto, puoi trascinarlo nella posizione desiderata del modulo.

Aggiungi campiFare clic nel nuovo campo a destra. La scheda a sinistra cambierà da Aggiungi campo   impostazioni sul campo .

Configurazione di un controllo diviOgni campo ha una pagina dei parametri leggermente diversa, ma la pagina universale è la nom du campo, etichetta per il messaggio . Etichetta ottusa a parte, questa è la variabile che inserirai per fare riferimento al valore di questo campo in tutti i calcoli che aggiungi.

Al termine della regolazione di tutte le impostazioni sul campo necessarie, il file Parametri du formaè spiegato abbastanza bene. Regolerai le opzioni generali del modulo, come allineamento, persistenza dei cookie, creazione di modelli, CSS, ecc.

Registrazione delle impostazioni del modulo cffQuando raggiungi questo punto (o in qualsiasi momento prima), devi premere Salva modifiche . Se non lo fai perderai toute la personalizzazione che hai fatto. Non è presente alcuna registrazione automatica nel builder Modulo campi calcolati . Quindi qualunque cosa tu faccia, premi Salva modifiche .Salva modifiche divi

Questo ti riporterà alla pagina principale, ma sarai in grado di modificare di nuovo rapidamente. Questo è molto più facile che perdere i tuoi progressi durante l'impostazione del calcolo. (Impara dai nostri errori in questo caso.)

Altre opzioni di modulo: testo e convalida

Sotto il pulsante Salva modifiche, troverai un insieme secondario di parametri e opzioni del modulo.

Validazione e testo

Molte persone useranno queste impostazioni molto poco. Puoi personalizzare il testo dell'etichetta sotto Definisci i testi , scegliendo ciò che gli utenti vedono sui pulsanti e sull'impaginazione précédents et seguente .

Con parametri di validazione , decidi se devi convalidare le voci (è una vera e-mail? Ha inserito del testo in un campo numerico?) oppure no. Se decidi di utilizzare la convalida (molto probabilmente lo fai), puoi utilizzare questa sezione per modificare il testo alternativo che i tuoi utenti vedranno. In generale, il testo predefinito funziona e dice all'utente quali informazioni sono valide per il calcolo.

In alcuni casi, potrebbe essere necessario essere più specifici o utilizzare termini gergali o di settore, e questo è il momento in cui questo campo di parametro diventa più utile. Molto probabilmente, tuttavia, non lo utilizzerai e probabilmente non dovresti cambiare nulla. Questo è un caso di classe di se non è rotto, non aggiustarlo .

Il prodotto finale

Trova? Prodotto? È uno scherzo di matematica. Perché facciamo calcoli.

Ad ogni modo, quando premi Salva e vedi il tuo modulo in tutta la sua gloria, dovresti vedere qualcosa che assomiglia a questo nel generatore di moduli:

Risultato del calcolo del modulo

E qualcosa del genere sul sito live:

Esempio di modulo divi

L'ultimo modulo sopra ha utilizzato il modello 2, definito nella scheda Parametri du forma .

Utilizzare con Gutenberg

Abbiamo accennato in precedenza che il modulo Campi calcolati è compatibile con l'Editor blocchi. Quindi abbiamo voluto dedicare un breve momento per mostrarti quanto sia facile usarli insieme. Per iniziare, dovrai comunque seguire gli stessi passaggi di cui sopra per creare i moduli e ottenere i calcoli nei posti giusti.

Successivamente, apri il post o la pagina nell'editor dei blocchi di cui hai bisogno per inserire il modulo. Premere il cerchio + pulsante per aggiungere un nuovo blocco, scorrere fino alla sezione Modulo campi calcolati e fare clic su Inserisci FFS .

Inserisci un blocco cff

Quindi guarda a destra dello schermo sotto le impostazioni di blocco. È possibile utilizzare il menu a discesa Forme per selezionare il modulo di cui hai bisogno. Il blocco CFF verrà quindi aggiornato in tempo reale.

configurazione del plugin

Per apportare modifiche al modulo, dovresti sempre utilizzare il generatore di moduli visivi sopra. Ma inserire e applicare stili con l'Editor blocchi è così facile.

Riassunto

Come puoi vedere, il plugin Formular Fields Form può fare cose incredibilmente potenti. Anche nella versione gratuita. Se scegli di aggiornare, ottieni funzionalità ancora più robuste, ma per molte persone la versione gratuita sarà abbastanza potente da eseguire tutti i calcoli e le condizioni di cui i loro utenti hanno bisogno. Come abbiamo detto sopra, nel repository è presente un numero quasi infinito di plug-in di moduli, ma riteniamo che i campi calcolati formino è una delle scelte migliori . Soprattutto se non stai acquistando un costruttore di modulo di contatto.