Atenção!

Este artigo contém código PHP e destina-se a programadores. Oferecemos este código como cortesia, mas não prestamos suporte para personalizações de código ou desenvolvimento de terceiros.

Para orientação adicional, consulte o tutorial da WPBeginner sobre como adicionar código personalizado.

Ignorar

Como Alterar Sub-rótulos para o Campo de Cartão de Crédito Stripe

Introdução

Gostaria de alterar os sub-rótulos nos campos Cartão de Crédito Stripe do seu formulário? Pode alterar os sub-rótulos que aparecem abaixo dos campos no seu formulário. Neste tutorial, mostraremos o básico de como pode alterar os sub-rótulos no campo Cartão de Crédito Stripe utilizando 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

Guardar as Configurações Stripe

Antes de criarmos o nosso formulário, precisaremos de ativar uma configuração na aba Pagamentos das configurações do WPForms. Pode encontrar esta configuração navegando para Configurações do WPForms » Pagamentos. Sob o título Stripe, selecione Elemento de Cartão para o Modo do Campo de Cartão de Crédito.

Este tutorial só funcionará se utilizar o Elemento de Cartão. Se selecionou o Elemento de Pagamento, este trecho não funcionará para si. 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

Criação do formulário

Em seguida, precisará de 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 Stripe, consulte esta documentação.

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

Adicionar o trecho para alterar os sub-rótulos

Para alterar os sub-rótulos, precisará de adicionar este trecho ao seu site. Se precisar de ajuda para adicionar trechos 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 );


Por favor, note que o trecho de código abaixo apenas alterará os sub-rótulos no campo Cartão de Crédito Stripe.

usando este trecho pode agora alterar sub-rótulos em campos de cartão de crédito para Stripe

E é tudo! Alterou agora com sucesso os sub-rótulos. Gostaria de alterar os sub-rótulos do campo Nome? Dê uma vista de olhos ao nosso artigo sobre Como Alterar Sub-rótulos para o Campo Nome.

Referência de Filtro: wpforms_field_properties