Salvare i dati di pagamento durante il pagamento

Come accettare un pagamento e salvare i dati di pagamento del cliente per acquisti futuri

Nota

Il supporto per i metodi di pagamento salvati utilizzando Elements e l’API Checkout Sessions include solo le carte. Non supporta altri metodi di pagamento salvati, come i conti bancari.

Abilitare metodi di pagamento salvati

Attenzione

Le leggi globali sulla privacy sono complesse e articolate. Prima di iniziare a salvare i dati dei metodi di pagamento dei clienti, consulta il tuo team legale per assicurarti che siano conformi alle tue normative in materia di privacy e conformità.

Per consentire a un cliente di salvare il metodo di pagamento per uso futuro, specifica il parametro saved_payment_method_options.payment_method_save durante la creazione della sessione di Checkout.

Per salvare un metodo di pagamento, devi avere un oggetto Customer. Specifica un cliente esistente oppure per creare un nuovo cliente imposta customer_creation della sessione di Checkout su always.

Dopo aver creato la sessione di Checkout, utilizza la chiave privata client restituita per progettare una pagina di pagamento.

Passa ulteriori elementsOptions su initCheckout per abilitare Payment Element in modo che visualizzi una casella di controllo per la raccolta del consenso.

checkout.js
const checkout = await stripe.initCheckout({
  fetchClientSecret,
  elementsOptions: {
    savedPaymentMethod: {
      enableSave: 'auto',
    }
  }
});

Riutilizzare un metodo di pagamento salvato in precedenza

Ogni metodo di pagamento salvato è collegata a un oggetto Customer. Prima di creare la sessione di Checkout, autentica il cliente e specifica l’ID Customer corrispondente nella sessione di Checkout.

Payment Element ripropone automaticamente i metodi di pagamento precedentemente salvati che il cliente può utilizzare durante il completamento della transazione.

Passa ulteriori elementsOptions su initCheckout per consentire a Payment Element di visualizzare nuovamente i metodi di pagamento precedentemente salvati che il cliente potrà utilizzare durante il completamento della transazione.

checkout.js
const checkout = await stripe.initCheckout({
  fetchClientSecret,
  elementsOptions: {
    savedPaymentMethod: {
      enableSave: 'auto',
      enableRedisplay: 'auto',
    }
  }
});