Collecter les adresses physiques et les numéros de téléphone

Pour collecter des adresses de facturation ou de livraison complètes, utilisez l’Address Element. Il se peut que vous ayez besoin de collecter une adresse de facturation complète pour procéder au calcul des taxes, par exemple. Le Payment Element recueille uniquement les informations de l’adresse de facturation requises pour finaliser le paiement, mais vous pouvez le configurer pour collecter d’autres informations de facturation.

Autres raisons d’utiliser l’Address Element :

• Pour collecter les numéros de téléphone des clients
• Pour activer l’autocomplétion
• Pour préremplir les informations de facturation dans le Payment Element en transmettant une adresse de livraison

Stripe combine les informations collectées sur l’adresse et le moyen de paiement pour créer un PaymentIntent.

Créer un Address Element

Lorsque vous créez un Address Element, vous devez préciser un mode shipping ou billing. Le mode de l’Address Element détermine si l’adresse de livraison ou de facturation doit être transmise afin de confirmer le PaymentIntent.

Lorsque vous créez un Address Element, indiquez s’il faut l’utiliser en mode livraison ou en mode facturation.

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');

Utiliser le composant Address Element avec d’autres éléments

You can collect both shipping and billing addresses by using multiple Address Elements, one of each mode, on your page.

If you need to collect both shipping and billing addresses and only want to use one Address Element, use the Address Element in Shipping mode and use the Payment Element to collect only the necessary billing address details.

En combinant l’Address Element à d’autres Elements, vous avez la possibilité d’automatiser certains comportements lors de la confirmation du PaymentIntent ou du SetupIntent. L’exhaustivité de l’Address Element est validée lors de la confirmation du PaymentIntent ou du SetupIntent, avant d’afficher les erreurs de chaque champ, le cas échéant.