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

Vous pouvez collecter les adresses de livraison et de facturation à l’aide de plusieurs Address Elements, un de chaque mode, sur votre page.

Si vous devez collecter à la fois les adresses de livraison et de facturation et que vous ne souhaitez utiliser qu’un seul Address Element, utilisez l’Address Element en mode livraison et le Payment Element pour collecter uniquement les informations d’adresse de facturation nécessaires.

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.