Guarda datos de pago durante el pago

Aprende a aceptar un pago y guardar los datos de pago de tu cliente para futuras compras.

Nota

La compatibilidad con métodos de pago guardados con Elements y la API Checkout Sessions solo incluye tarjetas. No es compatible con otros métodos de pago guardados, como cuentas bancarias.

Habilita los métodos de pago guardados

Precaución

Las leyes sobre privacidad a nivel mundial son complicadas y están llenas de matices. Antes de implementar la capacidad de almacenar los datos de los métodos de pago de los clientes, consulta a tu equipo legal para asegurarte de que coincida con tu marco de privacidad y cumplimiento.

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

Para guardar un método de pago es necesario un objeto Customer. Pasa un cliente existente o, para crear un nuevo cliente, configura customer_creation de la sesión de Checkout en always.

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

Aprueba opciones adicionales elementsOptions en initCheckout para habilitar que el Elemento de pago muestre una casilla de verificación de pedido de consentimiento para ti.

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 la sesión de Checkout, autentica a tu cliente y pasa el ID de cliente correspondiente a la sesión de Checkout.

El Elemento de pago vuelve a mostrar de forma automática los métodos de pago guardados previamente para que tu cliente los use durante el proceso de compra.

Aprueba opciones adicionales elementsOptions en initCheckout para habilitar que el Elemento de pago vuelva a mostrar los 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',
    }
  }
});