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 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, Android e React Native. Per iniziare, consulta la nostra guida per accettare i pagamenti in-app.

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.

Esempio di integrazione di Payment Element

Con Payment Element, ottieni:

Accesso a oltre 100 metodi di pagamento globali: questi includono Apple Pay, Link e altri metodi di pagamento diffusi che vengono abilitati automaticamente.
Metodi di pagamento dinamici: ordina e visualizza dinamicamente i metodi di pagamento e avvia i test A/B dei nuovi metodi di pagamento.
Personalizzazioni dell’interfaccia utente in base alla tua app: 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: raccogli gli indirizzi di fatturazione completi o parziali con qualsiasi metodo di pagamento.
Metodi di pagamento salvati: 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.

Dimostrazione di Elements in-app di Stripe

Scansiona questo codice QR con il tuo dispositivo mobile iOS per provare un’App Clip interattiva che mostra gli elementi in-app di Stripe. Nell’App Clip puoi generare diverse specifiche dell’interfaccia utente per vedere quale funziona meglio per il tuo caso d’uso.

Layout

Scegli tra il layout a pulsanti di scelta, segni di spunta o i pulsanti mobili.

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.

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.

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.

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.

Esempio di Link 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

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

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: configura quali circuiti di carte accetti.