Developers

Use the API and webhooks to connect payments to your product

Add checkout to your product’s payment flow

Your backend authorizes the payment request and sends the browser a temporary checkout session without exposing your credentials.

Documentation
checkout.ts
const checkout = await magnum.createCheckout({
  integrationId: "your_integration",
  amount: "100.00",
  network: "base",
  parentOrigin: "https://your-site.com"
}, order.id);

// Send only the temporary session to the browser.
mountCheckout(container, {
  checkoutUrl: checkout.checkoutUrl
});