Embedded Checkouts

1
import RecurrenteCheckout from "@recurrente/checkout";
2
3
const checkout = new RecurrenteCheckout({
4
  url: "https://app.recurrente.com/checkout-session/ch_abc123",
5
  container: "#checkout-container",
6
  onSuccess: (data) => {
7
    console.log("Pago exitoso", data);
8
  },
9
  onFailure: (data) => {
10
    console.log("Pago fallido", data);
11
  },
12
  onPending: (data) => {
13
    console.log("Pago en proceso", data);
14
  },
15
});
16
17
checkout.open();

1
// 1. Crea el checkout desde tu backend
2
const response = await fetch("/api/create-checkout", { method: "POST" });
3
const { checkout_url } = await response.json();
4
5
// 2-4. Monta e inicializa
6
const checkout = new RecurrenteCheckout({
7
  url: checkout_url,
8
  container: "#payment-form",
9
  onSuccess: () => window.location.href = "/gracias",
10
  onFailure: () => alert("El pago falló. Intenta de nuevo."),
11
});
12
13
checkout.open();