Raccogliere gli indirizzi fisici e i numeri di telefono

Per raccogliere indirizzi completi per la fatturazione o la spedizione, utilizza Address Element. Ad esempio, potresti dover raccogliere un indirizzo di fatturazione completo per calcolare le imposte. Payment Element raccoglie solo i dati relativi all’indirizzo di fatturazione necessari per completare il pagamento, ma puoi configurarlo per raccogliere altri dati di fatturazione.

Altri motivi per cui potresti voler utilizzare Address Element:

• Per raccogliere i numeri di telefono dei clienti
• Per abilitare il completamento automatico
• Per precompilare i dati di fatturazione in Payment Element specificando un indirizzo di spedizione

Stripe combina le informazioni raccolte sull’indirizzo e sul metodo di pagamento per creare un PaymentIntent.

Creare un Address Element

Quando crei un Address Element, devi specificare una modalità shipping o billing. La modalità Address Element determina se specificare l’indirizzo di spedizione o di fatturazione per confermare il PaymentIntent.

Quando crei un Address Element, specifica se utilizzarlo in modalità spedizione o fatturazione.

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

Utilizzare Address Element con altri elementi

Puoi raccogliere sia l’indirizzo di spedizione che quello di fatturazione utilizzando più Address Element, uno per ciascuna modalità, nella tua pagina.

Se devi acquisire sia l’indirizzo di spedizione che quello di fatturazione e desideri utilizzare solo Address Element, utilizza Address Element in modalità di spedizione e Payment Element per raccogliere solo i dati relativi all’indirizzo di fatturazione necessari.

Quando utilizzi Address Element con altri elementi, puoi aspettarti un comportamento automatico alla conferma del PaymentIntent o del SetupIntent. Dopo la conferma del PaymentIntent o del SetupIntent, Address Element convalida i dati inseriti e visualizza gli errori per ogni campo qualora siano presenti errori di convalida.