Como alterar os sub-rótulos do campo Cartão de crédito Stripe

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.

ativar o Elemento de Cartão para o seu processamento Stripe

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.

criar um formulário que aceite pagamentos com cartão de crédito Stripe

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.

utilizando este snippet, pode agora alterar os sub-rótulos nos campos de cartão de crédito para o 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.

Referência do filtro: wpforms_field_properties