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

Para recopilar direcciones completas para facturación o envío, usa el Address Element. Por ejemplo, es posible que tengas que recopilar una dirección de facturación completa para calcular los impuestos. 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.

Otras razones por las que es posible que desees utilizar el Address Element:

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

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

Crear un Address Element

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

Al crear un Address Element, especifica si lo usarás 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 Address Element con otros elementos

Puedes recopilar las direcciones de envío y 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 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, es posible que se produzca un comportamiento automático al confirmar el PaymentIntent o el SetupIntent. El Address Element valida que la integridad al confirmar el PaymentIntent o el SetupIntent y, luego, muestra los errores para cada campo si hay algún error de validación.