Introduzione
Desiderate modificare le sottoetichette dei campi del vostro modulo Carta di credito Stripe? È possibile modificare le sottoetichette che appaiono sotto i campi del modulo. In questo tutorial, vi mostreremo le basi per cambiare le sottoetichette del campo Carta di credito Stripe, utilizzando uno snippet di codice PHP.
In WPForms, il campo Carta di credito Stripe visualizza due campi diversi:
- Numero di carta
- Nome sulla scheda
Salvare le impostazioni di Stripe
Prima di creare il nostro modulo, dobbiamo attivare un'impostazione nella scheda Pagamenti delle impostazioni di WPForms. È possibile trovare questa impostazione navigando su Impostazioni di WPForms " Pagamenti. Sotto la voce Stripe, selezionate Card Element per la modalità del campo carta di credito.
Questa esercitazione funziona solo se si utilizza l'elemento Carta. Se avete selezionato l'elemento Pagamento, questo snippet non funzionerà. Gli elementi di pagamento vengono caricati sulla pagina attraverso un iFrame e queste sottoetichette non possono essere modificate da un iframe.
Creazione del modulo
Successivamente, è necessario impostare un modulo con un campo per la carta di credito Stripe. Se avete bisogno di aiuto per creare un modulo che accetti i pagamenti con Stripe, consultate questa documentazione.
Aggiunta dello snippet per modificare le etichette secondarie
Per modificare le sottoetichette è necessario aggiungere questo snippet al sito. Se avete bisogno di aiuto per aggiungere gli snippet al vostro sito, consultate questo tutorial.
/**
* Customize Stripe credit card field properties.
*
* @link https://wpforms.com/developers/how-to-change-sublabels-for-the-credit-card-field
*/
function wpf_dev_creditcard_field_properties( $properties, $field, $form_data ) {
// Change sub-label text on the Card Number field
$properties[ 'inputs' ][ 'number' ][ 'sublabel' ][ 'value' ] = __( 'Enter your card number', 'text-domain' );
// Change sub-label text on the Card Name field
$properties[ 'inputs' ][ 'name' ][ 'sublabel' ][ 'value' ] = __( 'Name as it appears on the card', 'text-domain' );
return $properties;
}
add_filter( 'wpforms_field_properties_stripe-credit-card' , 'wpf_dev_creditcard_field_properties', 10, 3 );
Si noti che il seguente frammento di codice modificherà solo le sottoetichette del campo Carta di credito Stripe.
Ed ecco fatto! Avete modificato con successo le sottoetichette. Volete cambiare le sottoetichette del campo Nome? Consultate il nostro articolo su Come cambiare le sottoetichette del campo Nome.
Correlato
Riferimento filtro: wpforms_field_properties