Cómo establecer el pago con métodos guardados

Cómo establecer el pago con los métodos guardados:

  1. Agregue el componente psdk-saved-methods al marcado HTML de la interfaz de pago para mostrar la lista de métodos guardados.
Ejemplo:
Copy
Full screen
Small screen
<psdk-saved-methods></psdk-saved-methods>
  1. Agregue el control del evento para la selección del método de pago guardado.
Ejemplo:
Copy
Full screen
Small screen
const savedMethods = document.querySelector('psdk-saved-methods');
savedMethods?.addEventListener('savedMethodSelected', async (event) => {
  this.showForm = true;
});
  1. Inicialice la interfaz de pago.
Ejemplo:
Copy
Full screen
Small screen
savedMethods?.addEventListener('savedMethodSelected', async (event) => {
  await headlessCheckout.form.init({
    paymentWithSavedMethod: true, // Payment via saved method
    savedMethodId: event.detail.savedMethodId,
    paymentMethodId: event.detail.paymentMethodId,
    returnUrl: 'returnUrl',
  });
});
¿Te ha resultado útil este artículo?
¡Gracias!
¿Hay algo en lo que podamos mejorar? Mensaje
Lo sentimos
Por favor, cuéntanos por qué no te ha resultado útil este artículo. Mensaje
¡Gracias por tu mensaje!
Nos ayudará a mejorar tu experiencia.

Seguir leyendo

Última actualización: 5 de Marzo de 2025

¿Has encontrado una errata u otro error de texto? Selecciona el texto y pulsa Ctrl+Intro.

Informar de un problema
Nos esforzamos por ofrecer contenido de calidad. Tus comentarios nos ayudan a mejorar.
Déjanos tu correo electrónico para que te podamos responder
¡Gracias por tu mensaje!