payment-gateway.app Docs
Features & User Guide

Checkouts

Creating hosted payment pages or utilizing direct API integration.

Checkouts

A Checkout is a temporary session that facilitates a payment from an end customer.

From the Checkouts tab, you can view all active and historical payment sessions across your Sites.

Creating a Checkout

You have two primary ways to create a Checkout session:

  1. Dashboard (Manual): For ad-hoc invoices or personalized payment links, you can use the Create Checkout interface directly in the Admin Panel. You define the line items, the currency, and the assigned Site, and the system generates a shareable URL.
  2. API Integration: Your trusted server-side runtime (backend service, worker, or secure edge function) can programmatically create checkout sessions by calling POST /v1/checkouts/{siteId}/create (or /api/v1/...) on ADMIN_BACKEND_DOMAIN — e.g. https://api.yourcompany.com/v1/... self-hosted or https://api.payment-gateway.app/v1/... hosted. Authenticate with an sk_... Organization API key as a Bearer token. Do not use Main Backend (MAIN_BACKEND_DOMAIN, e.g. webhook.*) for this call; that host serves /hooks/... and checkout runtime only — Hostnames & DNS conventions.

The Customer Experience

Once a Checkout is created, it yields a unique URL on MAIN_FRONTEND_DOMAIN (e.g. https://secure.yourcompany.com/checkout/xyz123 or hosted https://secure.payment-gateway.app/checkout/xyz123).

This URL is served by the Main Frontend (Payment Portal). When navigating to this page, the platform will:

  1. Load the customized branding (logo, colors) defined on the Site.
  2. Display the line items and calculate required taxes based on the buyer's billing details.
  3. Present the relevant Payment Providers (e.g., Stripe credit card inputs, GoCardless mandate forms, or Wire Transfer instructions).

[!CAUTION] The checkout flow is designed for PCI-DSS SAQ A-oriented integrations. Cardholder data is handled by the payment provider UI components (for example, Stripe Elements) rather than being processed directly by your backend integration.

Return and Cancel URLs

When creating a Checkout programmatically, you can specify returnUrl and cancelUrl.

After the customer completes the flow on the hosted page, they will be redirected back to your application, optionally with the transaction ID appended to the query string to allow you to fulfill their order instantly.

On this page