Riassunto AI
La visualizzazione dei campi di pagamento in base a date specifiche è un requisito comune per molti siti Web WordPress. Questo è particolarmente utile per chi gestisce registrazioni di eventi, prenotazioni stagionali o servizi a tempo.
Utilizzando il componente aggiuntivo Calcoli di WPForms, puoi visualizzare un campo di pagamento nel tuo modulo solo se il tuo cliente seleziona determinate date nel campo Data / Ora.
In questa guida, ti mostrerò come visualizzare un campo di pagamento in base all'input della data sul tuo sito WordPress.
Come mostrare un campo di pagamento basato su una data in WordPress
Passaggio 1: Installa e attiva il plugin WPForms
WPForms è il miglior plugin per la creazione di moduli drag and drop per la creazione di moduli di base e avanzati in WordPress.
Da semplici moduli di contatto a funzionalità più avanzate come la logica condizionale, è uno strumento affidabile che ha funzionato bene per me su più siti.
La licenza Pro di WPForms include l'accesso al componente aggiuntivo Calcoli, che ti consente di eseguire operazioni matematiche semplici e complesse sui tuoi moduli WordPress.
Una volta acquistata la licenza Pro, dovresti installare e attivare WPForms sul tuo sito WordPress. Se è la prima volta, consulta questa guida per scoprire come installare WPForms.
Crea ora il tuo modulo WordPress
Passaggio 2: Installa il componente aggiuntivo Calcoli
Dopo aver installato il plugin WPForms, dovrai anche installare il componente aggiuntivo Calcoli.
Per installare il componente aggiuntivo, accedi all'area di amministrazione di WordPress e vai su WPForms » Componenti aggiuntivi. Scorri quindi verso il basso fino a trovare il componente aggiuntivo Calcoli, oppure usa la barra di ricerca. Quando lo trovi, fai clic su Installa componente aggiuntivo.
Una volta installato e attivato il componente aggiuntivo Calcoli sul tuo sito, procedi alla creazione del tuo modulo WordPress.
Passaggio 3: Creazione del modulo di pagamento
Puoi creare il tuo modulo da zero, utilizzare un modello di modulo o generare moduli con WPForms AI. Per questo tutorial, creerò un nuovo modulo da zero.
Per iniziare, vai su WPForms » Nuovo. Quindi, passa il mouse sopra il widget Modulo vuoto e fai clic su Crea modulo vuoto.
Nell'editor del modulo, aggiungi i campi necessari al tuo modulo. Puoi trascinare un campo o fare clic su di esso per aggiungerlo all'editor del modulo.
Per questo tutorial, presupporrò che tu abbia già aggiunto i tuoi campi di pagamento e configurato le impostazioni di pagamento e dei campi. Ci concentreremo sull'implementazione della logica per nascondere/visualizzare il campo di pagamento in base all'input della data.
Leggi anche: Come visualizzare la cronologia del tuo modulo in WordPress
Passaggio 4: Abilita la logica per visualizzare un campo di pagamento in base all'input della data
In questa sezione, ti mostrerò due esempi pratici di come puoi nascondere/mostrare un campo di pagamento sul tuo modulo in base all'input del campo Data / Ora.
Mostrare un campo di pagamento in base all'input della data
Per fare ciò, inizierò aggiungendo un campo Data / Ora e 2 campi Nascosti al mio modulo. Userò il campo Articoli multipli come campo di pagamento. Quindi, assicurati di includerlo anche nel tuo modulo.
Ora fai clic sul campo Data / Ora per accedere al pannello delle opzioni del campo. Quindi seleziona la scheda Avanzate.
Una volta qui, conferma il formato della data. Per impostazione predefinita, è impostato su m/d/Y, dove m sta per il mese, d rappresenta il giorno e Y rappresenta l'anno.
Dopo aver confermato il formato della data, fai clic su uno dei campi Nascosti che hai aggiunto al tuo modulo e modifica l'etichetta del campo. Ho chiamato il mio Data predefinita, ma puoi scegliere qualsiasi nome desideri.
Successivamente, fai clic sulla scheda Avanzate e imposta il Valore predefinito del campo sulla data che desideri controllare nella logica condizionale.
Dopo di che, fai clic sul secondo campo Nascosto sul tuo modulo e seleziona la scheda Avanzate. Quindi, attiva l'opzione Abilita calcolo.
Nel generatore di formule di calcolo, scriverò una logica per confrontare il valore che l'utente seleziona nel campo Data / Ora con la data predefinita che ho specificato nel primo campo Nascosto. Se corrispondono, imposteremo il valore del campo su 1. Altrimenti, il calcolo restituirà 0. Ecco la formula per implementare questa logica:
if ( $F12_date == $F14 ):
1
else:
0
endif;
Nella formula sopra, la variabile $F12_date fa riferimento al sotto-campo data nel campo Data / Ora. Mentre $F14 rappresenta il campo Nascosto in cui ho specificato una data predefinita.
Dovrai sostituire i numeri nei nomi delle variabili in modo che corrispondano ai campi sul tuo modulo. Si prega di consultare il nostro tutorial per saperne di più su come creare formule con il componente aggiuntivo Calcoli.
Dopo aver aggiunto la formula, fai clic sul campo di pagamento per il quale desideri abilitare la logica condizionale. Quindi seleziona la scheda Logica intelligente e attiva l'opzione Abilita logica condizionale.
Una volta abilitata, dovrai impostare la condizione in modo che controlli il campo Nascosto con i calcoli abilitati. Ho impostato la logica su Mostra questo campo se il campo Nascosto è 1. Ciò significa che se la formula che confronta il valore del campo Data / Ora con la data predefinita che ho specificato è vera, il campo Pagamento verrà visualizzato nel modulo.
Dopo aver abilitato la logica condizionale, assicurati di salvare le modifiche facendo clic sul pulsante Salva.
Quando visualizzi in anteprima il modulo nel frontend del tuo sito, il campo di pagamento sarà nascosto per impostazione predefinita finché non selezioni una data dal campo Data / Ora.
Se la data selezionata corrisponde a quella specificata nel campo Nascosto Data predefinita, il campo di pagamento apparirà. Gli utenti potranno ora procedere alla selezione di un'opzione di pagamento e completare il loro acquisto.
Visualizzazione del campo di pagamento in base all'età dell'utente
In questo esempio, mostreremo il campo di pagamento solo se l'utente ha più di 18 anni. Per iniziare, aggiungerò 2 campi Nascosti, un campo Data / Ora e il campo Articolo Singolo.
Quindi seleziona uno dei campi Nascosti e cambia l'etichetta in Data corrente.
Successivamente, fai clic sulla scheda Avanzate e attiva l'opzione Abilita calcolo.
Nell'editor di formule, procedi e aggiungi la funzione seguente.
now()
Questa funzione imposterà il valore del campo Nascosto alla data e ora correnti.
Successivamente, seleziona il secondo campo Nascosto e imposta l'etichetta su Calcolatore età.
Quindi seleziona la scheda Avanzate e attiva l'opzione Abilita calcolo. Nell'editor di formule, aggiungi la funzione seguente.
years( $F12, $F14 )
La funzione anni() controllerà la differenza di date tra due date e restituirà la differenza in anni.
$F12 e $F14 sono i nomi delle variabili per i campi Data / Ora e Data corrente, rispettivamente. Assicurati di sostituire i numeri per farli corrispondere a quelli dei tuoi campi.
Dopo aver aggiunto la formula al Calcolatore età, seleziona il campo di pagamento nel tuo modulo per aprire il suo pannello Opzioni campo. Quindi, vai alla scheda Logica intelligente e attiva l'opzione Abilita logica condizionale.
Successivamente, scegli il campo Calcolatore età dal menu a discesa nella regola di logica condizionale.
Dopo di che, scegli l'operatore maggiore di dal menu a discesa.
Infine, inserisci 17 nel valore. La regola dovrebbe essere Mostra questo campo se Calcolatore età è maggiore di 17. Questa logica è utile per regolare i pagamenti online e garantire la conformità appropriata dello stato di pagamento.
Dopo aver aggiunto la logica, assicurati di salvare le modifiche. Quando visualizzi in anteprima il modulo, il campo di pagamento sarà nascosto per impostazione predefinita finché l'utente non specifica la propria età.
Il campo verrà visualizzato solo se l'età dell'utente è di 18 anni o superiore.
Passaggio 5: Pubblica il tuo modulo di pagamento
Infine, aggiungiamo il modulo di pagamento a una pagina. Per farlo, fai clic sul pulsante Incorpora nell'angolo in alto a destra del costruttore di moduli.
Avrai la possibilità di pubblicare il tuo modulo su una pagina nuova o esistente. Per questa guida, sceglierò l'opzione Crea nuova pagina .
Dai un nome alla tua nuova pagina e fai clic su Iniziamo .
Verrai indirizzato all'editor di pagine di WordPress con il tuo modulo incorporato nella pagina. Fai clic sul pulsante Pubblica per pubblicare la tua pagina.
Quando visualizzi questa pagina nel frontend, il campo di pagamento sul tuo modulo sarà nascosto finché il valore del campo Data non corrisponderà a quello specificato nella tua regola di logica condizionale. Nota che è anche possibile incorporare i tuoi moduli utilizzando uno shortcode o un widget .
Domande frequenti — Mostra condizionalmente un campo di pagamento in base all'input della data
Queste sono le risposte ad alcune delle domande più frequenti che riceviamo riguardo alla visualizzazione di un campo di pagamento basata sull'input della data.
Cosa succede se il campo data viene lasciato vuoto?
Se il campo data è vuoto, il calcolo restituirà 0, nascondendo di fatto il campo di pagamento. Consiglio di rendere obbligatorio il campo data per evitare questa situazione.
Come mostro la data in WordPress?
Se stai utilizzando l'addon Calcoli in WPForms, puoi mostrare la data utilizzando la funzione now(). Quando inserisci la funzione nell'editor di formule, il valore del campo verrà impostato come data e ora correnti.
Successivamente, Accetta pagamenti ricorrenti in WordPress
E questo è tutto! Hai ora imparato 2 modi pratici per mostrare un campo di pagamento basato sull'input della data in WordPress. Il processo che ho spiegato in questo tutorial può essere applicato anche ai moduli di pagamento basati su abbonamento.
Puoi consultare il nostro tutorial per scoprire come accettare pagamenti ricorrenti in WordPress per i dettagli su come vendere abbonamenti con WPForms.
Crea ora il tuo modulo WordPress
Pronto a creare il tuo modulo? Inizia oggi stesso con il plugin per la creazione di moduli WordPress più semplice. WPForms Pro include molti modelli gratuiti e offre una garanzia di rimborso di 14 giorni.
Se questo articolo ti è stato utile, seguici su Facebook e Twitter per altri tutorial e guide gratuite su WordPress.
