Como alterar os subtítulos do campo de cartão de crédito do Stripe

Introdução

Deseja alterar os subtítulos nos campos do formulário do Stripe Credit Card? Você pode alterar os subtítulos que aparecem abaixo dos campos em seu formulário. Neste tutorial, mostraremos os princípios básicos de como alterar os subtítulos no campo Stripe Credit Card usando um trecho de código PHP.

No WPForms, o campo Cartão de crédito Stripe exibe dois campos diferentes:

• Número do cartão
• Nome no cartão

Salvando as configurações do Stripe

Antes de criarmos nosso formulário, precisaremos ativar uma configuração na guia Payments (Pagamentos ) das configurações do WPForms. Você pode encontrar essa configuração navegando até WPForms Settings " Payments. Sob o título Stripe, selecione Card Element (Elemento de cartão ) para o modo de campo de cartão de crédito.

Criando o formulário

Em seguida, você precisará configurar um formulário que tenha um campo de cartão de crédito Stripe. Se precisar de ajuda para criar um formulário que aceite pagamentos do Stripe, consulte esta documentação.

Adição do snippet para alterar os subtítulos

Para alterar os subtítulos, você precisará adicionar esse 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 );

E é isso! Agora você alterou os subtítulos com sucesso. Gostaria de alterar os subtítulos do campo Name? Dê uma olhada em nosso artigo sobre Como alterar os subtítulos do campo Name.

Relacionado

Referência do filtro: wpforms_field_properties