> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getruba.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Create Checkout Sessions

> Create a short-lived buying flow from your backend with customer-specific context.

export const RubaSocials = () => {
  if (typeof document === "undefined") {
    return null;
  }
  const inject = () => {
    const footer = document.getElementById("footer");
    if (!footer || document.getElementById("ruba-socials")) {
      return false;
    }
    const isDark = document.querySelector("html.dark") || document.querySelector('html[class*="dark"]');
    const lineColor = isDark ? "#383838" : "#e8e8ed";
    const iconColor = isDark ? "#8e8e93" : "#86868b";
    const markColor = isDark ? "#ffffff" : "#08080c";
    const hoverColor = "#0071e3";
    const div = document.createElement("div");
    div.id = "ruba-socials";
    div.style.cssText = `display:flex;align-items:center;gap:20px;padding-top:20px;margin-top:20px;border-top:1px solid ${lineColor};width:100%`;
    const logo = `<a href="https://getruba.com" style="display:inline-flex;height:24px;align-items:center;gap:8px;text-decoration:none;color:${markColor};line-height:1;"><svg width="24" height="24" viewBox="0 0 120 120" aria-hidden="true" style="display:block;flex:none;"><g transform="translate(2.5 0)"><path d="M19 25h59L65.43 47H19a4 4 0 0 1-4-4V29a4 4 0 0 1 4-4Z" fill="${markColor}"/><path d="M19 73h31.57L38 95H19a4 4 0 0 1-4-4V77a4 4 0 0 1 4-4Z" fill="${markColor}"/><path d="M85 25h25L70 95H45Z" fill="#007AFF"/></g></svg><span style="display:inline-flex;height:24px;align-items:center;font-weight:600;font-size:15px;color:${markColor};letter-spacing:-0.01em;line-height:1;">Ruba</span></a>`;
    const spacer = `<div style="flex:1"></div>`;
    const ig = `<a href="https://instagram.com/getruba" target="_blank" rel="noopener" aria-label="Instagram" style="display:flex;align-items:center;color:${iconColor};transition:color 0.15s ease;" onmouseover="this.style.color='${hoverColor}'" onmouseout="this.style.color='${iconColor}'"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg></a>`;
    const li = `<a href="https://linkedin.com/company/getruba" target="_blank" rel="noopener" aria-label="LinkedIn" style="display:flex;align-items:center;color:${iconColor};transition:color 0.15s ease;" onmouseover="this.style.color='${hoverColor}'" onmouseout="this.style.color='${iconColor}'"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg></a>`;
    const x = `<a href="https://x.com/getruba" target="_blank" rel="noopener" aria-label="X" style="display:flex;align-items:center;color:${iconColor};transition:color 0.15s ease;" onmouseover="this.style.color='${hoverColor}'" onmouseout="this.style.color='${iconColor}'"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg></a>`;
    const github = `<a href="https://github.com/rubadot" target="_blank" rel="noopener" aria-label="GitHub" style="display:flex;align-items:center;color:${iconColor};transition:color 0.15s ease;" onmouseover="this.style.color='${hoverColor}'" onmouseout="this.style.color='${iconColor}'"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 .7a11.5 11.5 0 0 0-3.64 22.4c.58.1.79-.25.79-.56v-2.24c-3.22.7-3.9-1.37-3.9-1.37-.53-1.34-1.29-1.7-1.29-1.7-1.05-.72.08-.71.08-.71 1.16.08 1.78 1.2 1.78 1.2 1.04 1.77 2.72 1.26 3.38.96.1-.75.4-1.26.74-1.55-2.57-.3-5.27-1.29-5.27-5.69 0-1.26.45-2.29 1.19-3.09-.12-.29-.52-1.47.11-3.05 0 0 .97-.31 3.16 1.18A10.96 10.96 0 0 1 12 6.09c.98 0 1.94.13 2.86.39 2.2-1.49 3.16-1.18 3.16-1.18.63 1.58.23 2.76.11 3.05.74.8 1.19 1.83 1.19 3.09 0 4.42-2.7 5.39-5.28 5.68.42.36.79 1.06.79 2.14v3.28c0 .31.21.67.8.56A11.5 11.5 0 0 0 12 .7Z"/></svg></a>`;
    div.innerHTML = logo + spacer + ig + li + x + github;
    footer.appendChild(div);
    return true;
  };
  if (!document.documentElement.dataset.rubaSocialsObserver) {
    document.documentElement.dataset.rubaSocialsObserver = "true";
    const observer = new MutationObserver(() => {
      if (!document.getElementById("ruba-socials")) {
        inject();
      }
    });
    observer.observe(document.body, {
      childList: true,
      subtree: true
    });
  }
  setTimeout(() => {
    if (!inject()) {
      const interval = setInterval(() => {
        if (inject()) {
          clearInterval(interval);
        }
      }, 500);
      setTimeout(() => clearInterval(interval), 10000);
    }
  }, 300);
  return null;
};

<link rel="stylesheet" href="/style.css" />

<RubaSocials />

Use a checkout session when your backend needs to choose products, identity, pricing, metadata, or redirect behavior immediately before the buyer pays.

## Start from your server

Call [Create Checkout Session](/api-reference/checkouts/create-session) with at least one product identifier. Ruba returns the session record and its temporary `url`; redirect the buyer to that URL.

```ts TypeScript theme={"system"}
import { Ruba } from "@getruba/sdk";

const ruba = new Ruba({ accessToken: process.env.RUBA_ACCESS_TOKEN ?? "" });
const checkout = await ruba.checkouts.create({ products: ["<product_id>"] });

console.log(checkout.url);
```

Append `?theme=light` or `?theme=dark` to override the system color preference for that visit.

## Offer several products

Pass `products` in the order they should appear. Checkout displays a product selector, but the final order still contains one selected product.

<img className="block dark:hidden" src="https://mintcdn.com/ruba/JDRjNJtBhntQypch/assets/features/checkout/session/checkout_multiple_products.light.png?fit=max&auto=format&n=JDRjNJtBhntQypch&q=85&s=5613dc803322eb56f670152b8fe0170a" width="3840" height="2500" data-path="assets/features/checkout/session/checkout_multiple_products.light.png" />

<img className="hidden dark:block" src="https://mintcdn.com/ruba/JDRjNJtBhntQypch/assets/features/checkout/session/checkout_multiple_products.dark.png?fit=max&auto=format&n=JDRjNJtBhntQypch&q=85&s=5b2434eb52c07a9469663006a8138b34" width="3840" height="2500" data-path="assets/features/checkout/session/checkout_multiple_products.dark.png" />

## Create session-only prices

The `prices` map can replace catalog pricing for this session. Each key is a product ID and each value is an array of price definitions created only for this checkout.

Use this for a customer-specific quote, calculated amount, temporary experiment, or price tier that should not become a catalog price. Session-only prices return `source: "ad_hoc"`; normal product prices return `source: "catalog"`.

```ts TypeScript theme={"system"}
const checkout = await ruba.checkouts.create({
  products: ["<product_id>"],
  prices: {
    "<product_id>": [{
      amountType: "fixed",
      priceAmount: 10000,
      priceCurrency: "usd",
    }],
  },
});
```

Fixed, pay-what-you-want, free, member-priced, and metered definitions are accepted. Use the [operation schema](/api-reference/checkouts/create-session) for their exact fields.

## Bind checkout to your customer model

Send `external_customer_id` when your application already owns the canonical customer identifier. After a successful checkout, Ruba stores it on the customer and includes it in customer webhook payloads.

Sending either `customer_id` or `external_customer_id` also locks the prefilled email field, ensuring the purchase cannot be moved to another identity in the browser.

## Preserve country detection through a backend

Country affects local currency selection, billing-country defaults, and tax calculation. Ruba normally derives it from the request that creates checkout.

That request originates from your infrastructure when you use a backend, proxy, edge function, or route handler. Pass the buyer’s address as `customer_ip_address` so Ruba does not mistake the server location for the buyer location.

```ts TypeScript theme={"system"}
const checkout = await ruba.checkouts.create({
  products: ["<product_id>"],
  customerIpAddress: request.headers.get("CF-Connecting-IP") ?? undefined,
});
```

Cloudflare commonly exposes `CF-Connecting-IP`; traditional proxies commonly use `x-forwarded-for`; FastAPI exposes the connected host through `request.client.host`. When `customer_ip_address` is present, you do not also need to supply the billing country for detection.

## Continue from the returned session

Store any reference metadata your application needs, redirect to `url`, and treat checkout or order webhooks as the authoritative completion signal. The session itself expires, so never publish its URL as a permanent buy link.
