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

Pour collecter des adresses complètes à des fins de facturation ou de livraison, utilisez l’Address Element. Vous devrez peut-être recueillir une adresse de facturation complète pour calculer les taxes, par exemple. Le Payment Element ne collecte que les informations de l’adresse de facturation nécessaires afin d’effectuer le paiement, mais vous pouvez le configurer pour collecter d’autres informations de facturation.

Voici d’autres raisons pour lesquelles vous pouvez utiliser l’Address Element :

• Pour collecter les numéros de téléphone des clients
• Pour activer la saisie semi-automatique
• Pour remplir automatiquement des informations de facturation dans Payment Element en transmettant une adresse de livraison

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

Création d’un Address Element

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

Lorsque vous créez un Address Element, indiquez s’il faut l’utiliser en mode de livraison ou de 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 l’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.

Lorsque vous utilisez le composant Address Element avec d’autres éléments, vous pouvez vous attendre à un comportement automatique lors de la confirmation du PaymentIntent ou du SetupIntent. L’Address Element valide l’exhaustivité lors de la confirmation du PaymentIntent ou du SetupIntent, puis affiche les erreurs pour chaque champ, le cas échéant.