Recopila las direcciones físicas y los números de teléfono

Para recopilar las direcciones completas para la facturación o el envío, utiliza el Address Element. Por ejemplo, es posible que necesites recopilar una dirección de facturación completa para calcular los impuestos. El Payment Element solo recopila los datos de la dirección de facturación necesarios para completar el pago, pero puedes configurarlo para que recopile otros datos de facturación.

Otros motivos por los que podrías querer usar el Address Element:

• Para recopilar los números de teléfono de los clientes
• Para habilitar la función de autocompletar
• Para completar automáticamente la información de facturación en el Payment Element introduciendo una dirección de envío

Stripe combina la información recopilada sobre la dirección y el método de pago para crear un PaymentIntent.

Crea un Address Element

Al crear un Address Element, se especifica un modo shipping o billing. El modo Address Element determina si se pasa la dirección de envío o de facturación para confirmar el PaymentIntent.

Al crear un Address Element, especifica si quieres usarlo en el modo de envío o de facturación.

const stripe = Stripe(
'pk_test_TYooMQauvdEDq54NiTphI7jx');

const appearance = { /* appearance */ };
const options = { mode: 'shipping' };
const elements = stripe.elements({ 
clientSecret, appearance });
const addressElement = elements.create('address', options);
addressElement.mount('#address-element');

Usa el Address Element con otros elementos

Puedes recopilar tanto la dirección de envío como la de facturación utilizando varios Address Elements, uno de cada modo, en tu página.

Si necesitas recopilar tanto la dirección de envío como la de facturación y solo quieres usar un Address Element, usa el Address Element en el modo de envío y usa el Payment Element para recopilar solo los datos necesarios de la dirección de facturación.

Cuando usas el Address Element con otros elementos, puedes esperar cierto comportamiento automático al confirmar el PaymentIntent o el SetupIntent. El Address Element valida la integridad al confirmar el PaymentIntent o SetupIntent y, a continuación, muestra los errores para cada campo si hay algún error de validación.