Payment Element è un componente dell'interfaccia utente sicuro e integrabile che ti consente di accettare modalità di pagamento locali utilizzate in tutto il mondo.
Per consentire agli utenti che effettuano pagamenti una tantum o ricorrenti di accettare più modalità di pagamento diverse, Payment Element supporta 3 principali percorsi di integrazione:
La guida all'integrazione dei pagamenti una tantum tramite PaymentIntents
è disponibile qui: https://stripe.com/docs/stripe-js/payment-element/accept-a-payment
La guida all'integrazione dei pagamenti degli abbonamenti tramite PaymentIntents
è disponibile qui: https://stripe.com/docs/billing/subscriptions/elements#collect-payment
La guida all'integrazione dei pagamenti degli abbonamenti tramite SetupIntents
è disponibile qui: https://stripe.com/docs/stripe-js/payment-element/set-up-payment
Con Payment Element, Stripe lancia una nuova generazione di Elements (vedi: https://stripe.com/payments/elements). Prima del Payment Element, i venditori dovevano creare e gestire una nuova integrazione per ogni singola modalità di pagamento. Dato che non è più necessario farlo, con Payment Element risparmi molto tempo e risorse.
Di seguito sono elencate alcune funzionalità principali di Payment Element:
- Supporta più modalità di pagamento tramite un'unica integrazione di Elements
- Individua le opzioni di pagamento pertinenti per ogni acquirente grazie alla logica di ordinamento basata sulla posizione del cliente (derivata dall'indirizzo IP) e alla lingua preferita (derivata dalle impostazioni locali del browser)
- È localizzato per 42 paesi: https://stripe.com/docs/js/appendix/supported_locales
- Può essere adattato allo stile del brand del venditore (carattere, colori, spaziatura ecc.)
- È adattabile ai dispositivi mobili
- Dispone di funzionalità integrate per la convalida dei dati inseriti
- È conforme agli standard di sicurezza PCI-DSS
- Funziona con PaymentIntents e SetupIntents
Stripe Elements è un insieme di componenti dell'interfaccia utente preintegrati, come campi di inserimento e pulsanti, per la creazione di flussi di pagamento. A ogni modalità di pagamento (carte di credito, carte di debito ecc.) è associato un Element. Payment Element è un nuovo componente che unisce i singoli Element delle modalità di pagamento in un unico Element.
Stripe Elements e Payment Element si differenziano nel seguente modo:
In precedenza, quando un venditore utilizzava Elements doveva creare e gestire le corrispondenze tra valuta, paese e modalità di pagamento e la logica associata per definire quando chiamare le API Stripe sul back-end e mostrare/nascondere gli Element nell'interfaccia utente. Di conseguenza era necessario integrare ogni Element singolarmente.
Con Payment Element il venditore non deve più occuparsi di creare e gestire questi aspetti. L'esperienza di integrazione assomiglia a quella dell'integrazione di un unico Element e le corrispondenze, la logica, la presentazione e il comportamento sono preintegrati da Stripe. Il compromesso è un po' meno personalizzazione a livello di interfaccia utente rispetto a quanto sia possibile oggi con Stripe Elements, ma un maggiore controllo rispetto a quanto offerto da Stripe Checkout.
In particolare, le principali differenze sono:
- Payment Element richiede quasi la stessa quantità di lavoro per integrare un altro Element, ad esempio Card Element, ma richiede molto meno lavoro per gestirlo, poiché è possibile aggiungere le modalità di pagamento senza doverle integrare con un altro Element.
- La possibilità di personalizzare lo stile è più limitata rispetto a quanto avviene oggi con Elements, poiché è supportata solo l'API JavaScript e non lo stile CSS. Tuttavia, è comunque supportata la maggior parte delle funzionalità di stile.
- Dato che non è supportata la conferma lato server, le carte di credito devono utilizzare i webhook, a differenza di quanto avviene oggi con Elements. Tuttavia metteremo a disposizione una soluzione alternativa su Cards.
- Per la maggior parte delle modalità di pagamento accettate tramite Payment Element è necessario un reindirizzamento alla pagina di conferma dell'ordine. Di conseguenza, nelle app web a pagina singola è necessario aggiungere una pagina separata per la conferma dell'ordine. Tuttavia, la procedura di pagamento è comunque completamente integrata nel sito del venditore, a differenza di Stripe Checkout.
Payment Element è un nuovo componente dell'interfaccia utente che è possibile inserire nel sito web di un venditore, adattandolo allo stile e al branding dello stesso. Consente di offrire più modalità di pagamento (oltre 18 e in continuo aumento) con molto meno lavoro, raccogliendo automaticamente dai venditori le informazioni necessarie (ad eccezione dell'indirizzo di spedizione). Per funzionare, Payment Element utilizza le API di pagamento di Stripe (PaymentIntents/SetupIntents) ed è integrato nel nostro SDK, Stripe.js. Questo prodotto è destinato ai venditori che vogliono avere il controllo completo dell'esperienza di pagamento offerta. In particolare, se desideri integrare completamente i pagamenti nella tua applicazione web con flussi in più passaggi, attenzione al brand, esigenze di controllo elevate, presentazione di termini speciali al momento del pagamento, Payment Element è il prodotto ideale per te. Payment Element consente di raccogliere tutte le informazioni necessarie durante il pagamento e progettare l'esperienza desiderata.
Invece Stripe Checkout è la nostra pagina di pagamento completamente in hosting che consente di offrire sul sito il reindirizzamento a più di 25 modalità di pagamento locali, ma con opzioni di stile (colore/logo) limitate. Per funzionare, Stripe Checkout utilizza le sessioni di Checkout e non Payment Intent/Setup Intent. È progettata per i casi di utilizzo più semplici, ad esempio i flussi con un unico passaggio senza necessità di controllo, personalizzazione e branding. A differenza di Payment Element, Stripe Checkout offre e raccoglie più informazioni, tra cui l'indirizzo di spedizione, e mostra un elenco di prodotti, il totale dell'ordine e il pulsante Invia.
Payment Element richiede quasi la stessa quantità di lavoro necessaria per integrare un singolo Element, (come ad esempio Card Element), ma molto meno lavoro per gestirlo. Quando vuoi offrire più modalità di pagamento, non devi integrare un Element per ogni opzione.
Payment Element non ha costi aggiuntivi per gli utenti. Gli unici costi associati sono quelli relativi alle singole modalità di pagamento (consulta https://stripe.com/pricing/local-payment-methods).
Payment Element è supportata da PaymentIntents e da SetupIntents. Altre API precedenti, come Charges e Sources, non sono supportate.
Sì, con Payment Element devi utilizzare i webhook perché non è supportata la conferma lato server.
Tuttavia siamo in grado di offrire una soluzione alternativa per le modalità di pagamento che non richiedono il reindirizzamento, come Cards. Trovi il codice per farlo qui: https://stripe.com/docs/js/payment_intents/confirm_payment#confirm_payment_intent-options-redirect
Per utilizzare Payment Element e offrire tutte le modalità di pagamento supportate da Stripe, puoi specificare una serie di modalità di pagamento su payment_method_types quando crei un PaymentIntent. Tuttavia, non puoi specificare tutte le modalità di pagamento contemporaneamente, perché alcune richiedono valute diverse. Puoi creare un PaymentIntent solo con le modalità di pagamento che supportano la stessa valuta. Puoi visualizzare la tabella delle modalità di pagamento e dei prodotti supportati qui:https://stripe.com/docs/payments/payment-methods/integration-options
Payment Element per dispositivi mobili, o classe Payment Sheet in codice, è un componente dell'interfaccia utente preintegrato e sicuro che mostra modalità di pagamento di tutto il mondo (carte, wallet, addebiti bancari, reindirizzamenti bancari, BNPL ecc). È simile a Payment Element sul web, ma per uso all'interno di applicazioni mobili. L'interfaccia di pagamento si presenta come un "riquadro inferiore", simile a Apple/Google Pay, ed è integrata nell'SDK mobile di Stripe. Questo prodotto consentirà ai venditori di Stripe di aumentare la conversione e ridurre il costo dei pagamenti spostando al tempo stesso gli obiettivi aziendali di Stripe sull'adozione di modalità di pagamento senza carta. Per ulteriori informazioni, consulta https://stripe.com/docs/payments/accept-a-payment?platform=ios