# Payment Element

Integra i metodi di pagamento direttamente nell'app.

Payment Element è un componente drop-in personalizzabile che [incorpora un elenco di metodi di pagamento](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md) in qualsiasi schermata dell’app. Quando un cliente seleziona un metodo di pagamento dall’elenco, un foglio sottostante registra i dettagli del pagamento. Puoi personalizzarlo per adattarlo all’aspetto della tua applicazione. Payment Element in-app è disponibile nei nostri SDK per [iOS](https://github.com/stripe/stripe-ios), [Android](https://github.com/stripe/stripe-android) e [React Native](https://github.com/stripe/stripe-react-native). Per iniziare, consulta la nostra guida per [accettare i pagamenti in-app](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md).

> #### App degli Stati Uniti che vendono beni digitali
> 
> Le app Android negli Stati Uniti che vendono beni digitali possono ora elaborare i pagamenti in-app utilizzando the Payment Element. Se vendi beni digitali su iOS, scopri come implementare un flusso da app a web utilizzando Stripe Checkout in [Vendita di beni digitali e abbonamenti in-app](https://docs.stripe.com/mobile/digital-goods/checkout.md).
![Esempio di integrazione di Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/mobile-payment-element.de700c536720f40087a00fde4b958b9a.png)

Esempio di integrazione di Payment Element

Con Payment Element, ottieni:

- [Accesso a oltre 100 metodi di pagamento globali](https://docs.stripe.com/payments/payment-methods/overview.md): questi includono Apple Pay,  e altri metodi di pagamento diffusi che vengono abilitati automaticamente.

- [Metodi di pagamento dinamici](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md): ordina e visualizza dinamicamente i metodi di pagamento e [avvia i test A/B](https://docs.stripe.com/payments/a-b-testing.md) dei nuovi metodi di pagamento.

- [Personalizzazioni dell’interfaccia utente in base alla tua app](https://docs.stripe.com/elements/appearance-api/mobile.md): abbina l’interfaccia utente al design della tua app. Il layout rimane coerente, ma puoi modificare colori, tipi di carattere e così via.

- [Raccolta degli indirizzi](https://docs.stripe.com/payments/mobile/save-during-payment.md?platform=ios&mobile-ui=payment-element#collect-payment-details): raccogli gli indirizzi di fatturazione completi o parziali con qualsiasi metodo di pagamento.

- [Metodi di pagamento salvati](https://docs.stripe.com/payments/mobile/accept-payment.md?platform=ios&type=payment#enable-saved-cards): salva, riutilizza e gestisci le carte e i conti bancari. Puoi anche [memorizzare i dettagli di pagamento di un cliente senza che esista un pagamento iniziale](https://docs.stripe.com/payments/mobile/set-up-future-payments.md).

## Dimostrazione di Elements in-app di Stripe

Scansiona questo codice QR o utilizza questo [link](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) per scaricare un’app demo interattiva che mostra Elements in-app di Stripe. Nell’app puoi generare diverse specifiche dell’interfaccia utente per vedere quale funziona meglio per il tuo caso d’uso.
![QR code App Store – app showcase dei pagamenti in-app di Stripe](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg)

## Layout

Scegli tra il layout a pulsanti di scelta, segni di spunta o i pulsanti mobili.
![Opzioni di layout di Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-layout.f6c429b6dfdf24d2fa144725d8435a22.png)

Il Payment Element accetta: pulsanti di scelta, segni di spunta e layout con pulsanti mobili.

## Aspetto

Utilizza l’API Appearance per personalizzare l’aspetto di Payment Element secondo la tua applicazione. Con l’API Appearance puoi controllare tipo di carattere, colori, bordi, ombre e così via.
![Personalizzazione dell'aspetto di Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-appearance.0c2a1c5208103bcfb92b67b10dd9fb2f.png)

Esempi dei diversi modi di definire lo stile di Payment Element

## Metodi di pagamento

Il Payment Element consente di accedere a oltre 100 metodi di pagamento in tutti i Paesi supportati da Stripe. Può attivare i metodi di pagamento dalla Dashboard di Stripe o utilizzando [metodi di pagamento personalizzati](https://docs.stripe.com/payments/payment-methods/custom-payment-methods.md).

I fornitori di metodi di pagamento cambiano spesso i requisiti di raccolta e visualizzazione. Quando utilizza Payment Element per visualizzare i metodi di pagamento, Stripe raccoglie tutti i dettagli del pagamento in moduli precostruiti e localizzati, che mantiene aggiornati con ogni fornitore di servizi di pagamento.
![Metodi di pagamento Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-payment-methods.91cb1be9cb8ef55b873074dd6f3a7c12.png)

Esempi di addebito P24 e SEPA nel Payment Element

## Wallet

Payment Element accetta i wallet più diffusi, tra cui Apple Pay e Link, un wallet creato da Stripe. Payment Element mostra i wallet in linea come opzioni del metodo di pagamento.
![Wallet Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-wallets.fed1c5ad5fbb89d74be25e02d291e25c.png)

Esempio di  in Payment Element



## Metodi di pagamento salvati

Payment Element supporta il salvataggio, la visualizzazione e la gestione dei metodi di pagamento salvati. La raccolta del consenso viene gestita automaticamente, garantendo la conformità globale.

I metodi di pagamento salvati supportano carte, conti bancari statunitensi e conti per addebiti SEPA.

L’API CustomerSessions fornisce un controllo aggiuntivo su:

- Quando mostrare o nascondere la casella di consenso per il salvataggio
- Quando mostrare o nascondere i metodi di pagamento salvati
- Consentire agli acquirenti di rimuovere i metodi di pagamento salvati
- Impedire agli acquirenti di rimuovere l’ultimo metodo di pagamento salvato
![Metodi di pagamento salvati in Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-saved-payment-methods.6aef147c8b230f2cb50c115b2054f814.png)

Esempi dei modi in cui i clienti possono accedere ai metodi di pagamento salvati in Payment Element.

## Raccolta dei dettagli dell’indirizzo

Puoi configurare Payment Element per raccogliere ulteriori informazioni sul pagamento, tra cui nome, email, numero di telefono e indirizzo di fatturazione, indipendentemente dal metodo di pagamento utilizzato dal cliente.
![Raccolta dell'indirizzo di Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-collecting-address-details.f806ddc435848cdf38470fb4e5adb15b.png)

Esempio che mostra tutti i dettagli raccolti dalla fattura

## Funzioni aggiuntive

Payment Element contiene anche le seguenti funzioni:

- Ricostituzione CVC: configura se è necessaria la ricostituzione CVC quando gli utenti pagano con un metodo di pagamento salvato.
- [Filtro dei circuito delle carte](https://docs.stripe.com/payments/mobile/filter-card-brands.md): configura quali circuiti di carte accetti.
