Como adicionar validação de campo de endereço para Authorize.net

Gostaria de melhorar a experiência de validação de endereço dos seus formulários de pagamento Authorize.net? Por padrão, o Authorize.net limita os campos de endereço a 60 caracteres, mas mostra apenas uma mensagem de erro técnico após o envio do formulário.

Este guia mostrar-lhe-á como adicionar uma validação de fácil utilização que resolva os problemas de comprimento antes da apresentação.

Compreender o problema

Quando um endereço excede 60 caracteres, o Authorize.net exibe este erro enigmático:

O pagamento foi recusado pela Authorize.Net.
API: (E00003) O elemento 'AnetApi/xml/v1/schema/AnetApiSchema.xsd:address' 
é inválido - O valor XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX 
é inválido de acordo com o seu tipo de dados "String" - 
O comprimento real é superior ao valor MaxLength.

Vamos substituí-la por uma mensagem clara e fácil de utilizar que aparece imediatamente durante a introdução do formulário.

Configurar o seu formulário

Primeiro, precisamos de criar um formulário utilizando o addon Authorize.net. Se precisar de ajuda para criar um formulário de pagamento do Authorize.net, consulte o nosso guia sobre como configurar pagamentos do Authorize.net.

Certifique-se de que adiciona um campo Endereço ao seu formulário. Este campo é necessário para registar o endereço de envio ou de faturação da transação.

Mapeamento de campos de endereço

Navegue para o separador Pagamentos no seu construtor de formulários e selecione o separador Authorize.net. Mapeie os campos de endereço do seu formulário para os campos de transação correspondentes do Authorize.net. Isso garante que os dados de endereço sejam transmitidos corretamente com o pagamento.

mapear os campos do seu formulário para os campos corretos no Authorize.net

Adicionar código de validação

Adicione este código ao seu site para ativar a validação de endereços. Se não tiver a certeza de como adicionar código personalizado, consulte o nosso guia sobre como adicionar trechos de código ao WordPress.

Personalização do código:

  • Na linha 11: Substitua 1000 pelo seu ID do formulário
  • Na linha 16: Substituir 25 pelo seu ID do campo Endereço
  • Na linha 19: Substitua 25 pelo seu ID do campo Endereço novamente

Se precisar de ajuda para encontrar os IDs de formulários e campos, consulte o nosso guia sobre como encontrar IDs de formulários e campos.

Agora, quando os utilizadores introduzirem o seu endereço, verão imediatamente uma mensagem de validação do endereço se alguma linha do endereço exceder 60 caracteres.

os utilizadores verão imediatamente uma mensagem de validação de endereço se o endereço na linha 1 ou na linha 2 exceder 60 caracteres

E é tudo o que precisa! Em seguida, gostaria de enviar também um número de fatura para Authorize.net? Consulte o nosso tutorial sobre como enviar um número de fatura para pagamentos Authorize.net.

Ação de referência

wpforms_process