Introdução
Gostaria de alterar os subtítulos dos campos do seu formulário Cartão de crédito Stripe? Pode alterar os subtítulos que aparecem por baixo dos campos do seu formulário. Neste tutorial, mostraremos os princípios básicos de como alterar os subtítulos no campo Cartão de crédito da Stripe usando um trecho de código PHP.
No WPForms, o campo Cartão de crédito Stripe apresenta dois campos diferentes:
- Número do cartão
- Nome no cartão
Guardar as definições das riscas
Antes de criarmos o nosso formulário, precisamos de ativar uma definição no separador Pagamentos das definições do WPForms. Você pode encontrar essa configuração navegando até Configurações do WPForms " Pagamentos. Sob o título Stripe, selecione Elemento do cartão para o modo de campo do cartão de crédito.
Este tutorial só funcionará se utilizar o elemento Cartão. Se tiver selecionado o Elemento de pagamento, este snippet não funcionará. Os Elementos de pagamento são carregados na página através de um iFrame e estes sub-rótulos não podem ser alterados a partir de um iframe.
Criar o formulário
Em seguida, é necessário configurar um formulário que tenha um campo Cartão de crédito Stripe. Se precisar de ajuda para criar um formulário que aceite pagamentos com o Stripe, consulte esta documentação.
Adicionar o snippet para alterar os sub-rótulos
Para alterar os subtítulos, é necessário adicionar este snippet ao seu site. Se precisar de ajuda para adicionar snippets ao seu site, consulte este 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 );
Tenha em atenção que o fragmento de código abaixo apenas alterará os subtítulos no campo Cartão de crédito Stripe.
E já está! Conseguiu alterar os subtítulos com sucesso. Gostaria de alterar os subtítulos do campo Nome? Consulte o nosso artigo sobre Como alterar os subtítulos do campo Nome.
Relacionadas
Referência do filtro: wpforms_field_properties