Resumo de IA
Gostaria de melhorar a experiência de validação de moradas nos seus formulários de pagamento Authorize.net? Por defeito, o Authorize.net limita os campos de morada a 60 caracteres, mas apenas mostra uma mensagem de erro técnica após o envio do formulário.
Este guia irá mostrar-lhe como adicionar validação amigável ao utilizador que deteta problemas de comprimento de morada antes do envio.
Compreender o Problema
Quando uma Morada excede 60 caracteres, o Authorize.net exibe este erro críptico:
Payment was declined by Authorize.Net.
API: (E00003) The 'AnetApi/xml/v1/schema/AnetApiSchema.xsd:address'
element is invalid – The value XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
is invalid according to its datatype 'String' –
The actual length is greater than the MaxLength value.
Substituiremos isto por uma mensagem clara e amigável ao utilizador que aparece imediatamente durante a introdução de dados no formulário.
Configurar o Seu Formulário
Primeiro, precisaremos de criar um formulário usando o addon Authorize.net. Se precisar de ajuda para criar um formulário de pagamento Authorize.net, consulte o nosso guia sobre configurar pagamentos Authorize.net.
Certifique-se de adicionar um campo de Morada ao seu formulário. Precisará deste para capturar a morada de envio ou faturação para a transação.
Mapeamento de Campos de Morada
Navegue até ao separador Pagamentos no seu construtor de formulários e selecione o separador Authorize.net. Mapeie os campos de morada do seu formulário para os campos de transação Authorize.net correspondentes. Isto garante que os dados da morada são devidamente transmitidos com o pagamento.
Adicionar Código de Validação
Adicione este código ao seu site para ativar a validação de morada. Se não tem a certeza de como adicionar código personalizado, por favor, reveja o nosso guia sobre como adicionar trechos de código ao WordPress.
Personalizar o Código:
- Na linha 11: Substitua 1000 pelo ID do seu formulário
- Na linha 16: Substitua 25 pelo ID do seu campo de Morada
- Na linha 19: Substitua 25 pelo ID do seu campo de Morada novamente
Se precisar de ajuda para encontrar os IDs do seu formulário e campos, consulte o nosso guia sobre como encontrar IDs de formulários e campos.
Agora, quando os utilizadores introduzirem a sua morada, verão uma mensagem de validação de morada imediata se alguma linha da Morada exceder 60 caracteres.
E é tudo o que precisa! Em seguida, gostaria também de enviar um número de fatura para o Authorize.net? Consulte o nosso tutorial sobre enviar um número de fatura para pagamentos Authorize.net.