Guardar datos de pago durante el pago

Descubre cómo aceptar un pago y guardar los datos de pago de tu cliente para futuras compras.

Nota

El soporte para métodos de pago guardados con Elements y la API Checkout Sessions solo incluye tarjetas. No admite otros métodos de pago guardados, como las cuentas bancarias.

Habilita los métodos de pago guardados

Precaución

Las leyes internacionales de privacidad son complicadas y tienen muchos matices. Antes de implementar la capacidad de almacenar los datos de los métodos de pago de los clientes, trabaja con tu equipo legal para asegurarte de que cumple con tu marco de privacidad y cumplimiento de la normativa.

Para que un cliente pueda guardar su método de pago para usarlo en el futuro, especifica el parámetro saved_payment_method_options.payment_method_save al crear la sesión de Checkout.

Para guardar un método de pago se requiere un Cliente. Pasa un cliente existente o, para crear un nuevo cliente, establece el valor de la sesión de Checkout customer_creation en always.

Después de crear la sesión de Checkout, usa el secreto de cliente devuelto en la respuesta para crear tu página del proceso de compra.

Especifica elementsOptions adicionales en initCheckout para habilitar el Payment Element y mostrarte una casilla de verificación para la recopilación del consentimiento.

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

Reutiliza un método de pago guardado previamente

Cada método de pago guardado está vinculado a un objeto Customer. Antes de crear una sesión de Checkout, autentica al cliente y especifica el ID de cliente correspondiente en la sesión de Checkout.

El Payment Element vuelve a mostrar automáticamente los métodos de pago guardados previamente para que tu cliente los utilice durante el proceso de compra.

Especifica elementsOptions adicionales en initCheckout para permitir que el Payment Element vuelva a mostrar métodos de pago guardados previamente para que tu cliente los use durante el proceso de compra.

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