¡Atención!

Este artículo contiene código JavaScript y está destinado a desarrolladores. Ofrecemos este código como cortesía, pero no proporcionamos soporte para personalizaciones de código o desarrollo de terceros.

Para obtener ayuda adicional, consulta el tutorial de WPBeginner sobre cómo añadir código personalizado.

Descartar

Cómo agregar validación de campos de dirección para Authorize.net

¿Le gustaría mejorar la experiencia de validación de direcciones para sus formularios de pago de Authorize.net? Por defecto, Authorize.net limita los campos de dirección a 60 caracteres, pero solo muestra un mensaje de error técnico después de enviar el formulario.

Esta guía le mostrará cómo agregar una validación fácil de usar que detecta problemas de longitud de dirección antes de enviarla.

Comprendiendo el problema

Cuando una dirección excede los 60 caracteres, Authorize.net muestra este críptico error:

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.

Reemplazaremos esto con un mensaje claro y fácil de usar que aparece inmediatamente durante la entrada del formulario.

Configuración de tu formulario

Primero, necesitaremos crear un formulario usando el complemento Authorize.net. Si necesita ayuda para crear un formulario de pago de Authorize.net, consulte nuestra guía sobre cómo configurar pagos de Authorize.net.

Asegúrese de agregar un campo de dirección a su formulario. Necesitará esto para capturar la dirección de envío o facturación para la transacción.

Mapeo de campos de dirección

Navegue a la pestaña Pagos en su creador de formularios y seleccione la pestaña Authorize.net. Mapee los campos de dirección de su formulario a los campos de transacción correspondientes de Authorize.net. Esto asegura que los datos de la dirección se transmitan correctamente con el pago.

mapear los campos de su formulario a los campos correctos dentro de Authorize.net

Añadiendo código de validación

Agregue este código a su sitio para habilitar la validación de direcciones. Si no está seguro de cómo agregar código personalizado, revise nuestra guía sobre cómo agregar fragmentos de código a WordPress.

Personalizando el código:

  • En la línea 11: Reemplace 1000 con el ID de su formulario
  • En la línea 16: Reemplace 25 con el ID de su campo de dirección
  • En la línea 19: Reemplace 25 con el ID de su campo de dirección nuevamente

Si necesita ayuda para encontrar los IDs de su formulario y campos, consulte nuestra guía sobre cómo encontrar IDs de formularios y campos.

Ahora, cuando los usuarios ingresen su dirección, verán un mensaje de validación de dirección inmediato si alguna línea de la dirección excede los 60 caracteres.

los usuarios verán un mensaje de validación de dirección inmediato si la dirección en la línea 1 o la línea 2 excede los 60 caracteres

¡Y eso es todo lo que necesita! A continuación, ¿le gustaría también enviar un número de factura a Authorize.net? Consulte nuestro tutorial sobre cómo enviar un número de factura a través de pagos de Authorize.net.

Acción de referencia

wpforms_process