Volete creare un modulo di donazione che consenta agli utenti di scegliere tra più importi di donazione? La possibilità di scegliere tra più opzioni può rendere i donatori più propensi a contribuire alla vostra causa.
Questa esercitazione mostra come creare un modulo di donazione con più importi.
Requisiti: Se si desidera consentire i pagamenti nei moduli, è necessaria una licenza Pro o superiore per accedere agli addon Stripe Pro o PayPal.
Prima di iniziare, assicuratevi di installare e attivare il plugin WPForms sul vostro sito WordPress. Poi dovrete creare un nuovo modulo o modificarne uno esistente.
Per questo esempio, creeremo un nuovo modulo utilizzando il nostro modello di modulo di donazione. Tuttavia, è possibile seguire i passaggi seguenti utilizzando qualsiasi modulo si desideri.
Nota: se state creando un modulo specifico per un banco alimentare, potreste anche dare un'occhiata al nostro modello di modulo di donazione per banco alimentare, che include livelli di donazione preimpostati con icone personalizzate.
Personalizzazione di più importi di donazione
Una volta aperto il costruttore di moduli, aggiungete un campo di pagamento che permetta agli utenti di scegliere tra più opzioni di importo della donazione. A seconda delle preferenze, si può utilizzare il campo Voci multiple o il campo Voci a discesa.
Per il nostro esempio, utilizzeremo il campo Più elementi. Per aggiungere un campo al modulo, fare clic su di esso o trascinarlo nell'area di anteprima.
Per iniziare a personalizzare il campo delle voci di pagamento, fare clic su di esso per aprire il pannello delle opzioni del campo. Qui, modificare l'etichetta di ogni voce per riflettere i livelli di donazione disponibili.
È inoltre possibile aggiungere o rimuovere opzioni facendo clic rispettivamente sui pulsanti più (+) e meno (-).
Per assicurarsi che gli utenti non perdano questo campo quando inviano il modulo, attivare l'opzione Richiesto .
Nota: per ulteriori informazioni sulla personalizzazione dei campi del modulo, consultare il nostro tutorial sulla configurazione delle opzioni dei campi in WPForms.
Permettere ai donatori di decidere l'importo
In alcuni casi, gli utenti potrebbero voler donare un importo non indicato nel modulo.
Per consentire ai donatori di donare altri importi, è necessario aggiungere una voce supplementare al campo Voci multiple o Voci a discesa. Nel nostro esempio, chiameremo questa nuova voce Altro.
Nota: volete saperne di più sull'aggiunta di un'opzione "Altro" alle caselle di controllo, ai campi a scelta multipla e a discesa dei vostri moduli? Consultate il nostro tutorial sull'impostazione delle opzioni "Altro" per tutti i dettagli.
Successivamente, è necessario visualizzare un campo in cui gli utenti possano inserire l'importo della donazione quando viene selezionata l'opzione Altro.
A tale scopo, aggiungere un campo Oggetto singolo al modulo e impostare il suo Tipo di oggetto su Definito dall'utente.
Se si utilizza il modello di modulo per le donazioni per creare il modulo, si può utilizzare il campo precostituito intitolato Importo della donazione.
Successivamente, dovrete assicurarvi che questo campo venga mostrato solo agli utenti che fanno clic sull'opzione Altro nel campo Importo della donazione.
A tale scopo, fare clic sulla scheda Logica intelligente nel pannello Opzioni campo e attivare l'opzione Abilita logica condizionale.
Quindi, configurare la regola di logica condizionale per mostrare questo campo se Scegliere l'importo della donazione è Altro.
Nota: Avete bisogno di aiuto per configurare la regola di logica condizionale del vostro modulo di donazione? Consultate il nostro tutorial sull'uso della logica condizionale in WPForms.
Una volta terminata la configurazione del modulo, fare clic su Salva per mantenere le modifiche.
Ecco un esempio del nostro campo condizionale Importo della donazione in azione:
Ecco fatto! Ora sapete come creare un modulo di donazione con più importi tra cui gli utenti possono scegliere.
Poi, volete evitare che gli utenti inviino un modulo con 0,00 dollari nei campi di pagamento definiti dall'utente? In tal caso, date un'occhiata al nostro tutorial su come richiedere un totale di pagamento.