Greiðslugluggi á þínum forsendum

Greiðsluglugginn er fyrir þig sem vilt meiri stjórn og samfellda upplifun í vefversluninni. Tengdu hann inn á síðuna þína og láttu fólk klára kaupin þar sem það er, án þess að hoppa á milli síðna.

Prófa frítt Skoða skjölun

AI ritill

Gefðu AI ritlinum skipun

Afritaðu þessa skipun í Cursor, Claude Code eða annan AI ritil — hann býr til virka greiðslutengingu fyrir þitt umhverfi á sekúndum.

Þú getur líka lýst verkefninu þínu í Kling AI vinnusvæðinu og það býr til sérsniðna skipun fyrir þig.

Prófa AI vinnusvæðið

Prompt

I need to add Kling payments to my website.

Stack: Next.js / React, hosted on Vercel.

I want to use Kling's embedded checkout overlay so customers
stay on my site. The API base URL is https://api.kling.is.

Here is what I need:
1. A server action that creates a checkout session via
   POST /v1/checkout/sessions with my secret key
2. A "Pay" button component that calls the server action,
   then opens the Kling overlay with kling.checkout({ sessionId })
3. Handle success and error callbacks

My API key is in the KLING_SECRET_KEY environment variable.
Use TypeScript. Keep it simple.

Hefjast handa á mínútum

Þrjú skref að greiðsluglugga á síðunni þinni

Bættu við script taginu

Bættu Kling SDK við HTML-ið þitt. Ein lína.

HTML

<script src="https://api.kling.is/v1/kling.js"></script>

Búðu til greiðslusetu (þjónahlið)

Kallaðu á Kling API frá þjóninum þínum með leynilyklinum. Birtu hann aldrei í vafranum.

TypeScript — Server

// Server-side: create a checkout session
const session = await fetch('https://api.kling.is/v1/checkout/sessions', {
  method: 'POST',
  headers: {
    Authorization: 'Bearer sk_test_your_key_here',
    'Content-Type': 'application/json',
    'Idempotency-Key': crypto.randomUUID(),
  },
  body: JSON.stringify({
    amount: 4990,
    currency: 'ISK',
    items: [{ description: 'Premium subscription', quantity: 1, unit_amount: 4990 }],
  }),
}).then((r) => r.json());

// Return session.id to the frontend

Opnaðu greiðslugluggann (vafrahlið)

Sendu setu-auðkennið til SDK og greiðsluglugginn opnast ofan á síðunni þinni.

TypeScript — Client

// Client-side: open the embedded checkout overlay
const kling = Kling.init();

const result = await kling.checkout({
  sessionId: session.id,
});

if (result.success) {
  console.log('Payment completed!', result.paymentIntentId);
  // Redirect to success page or update UI
}

Af hverju greiðslugluggi?

Kostir þess að hafa greiðslugluggann beint á síðunni þinni

Haltu fólki á síðunni

Viðskiptavinurinn klárar kaupin á síðunni þinni, án þess að fara annað.

Aðlagast þínu lúkki

Greiðsluglugginn passar inn í þitt útlit, eins og hann sé hluti af síðunni.

Meiri stjórn

Þú stjórnar greiðsluflæðinu alfarið.

Meiri sala, minna dropout

Færri tækifæri til að detta út úr kaupferlinu, fleiri klára kaupin.

Auðvelt að aðlaga

Fínstillingar og aðlaganir að þínum þörfum og lúkki.

Samfelld upplifun

Greiðsluflæði sem passar inn í síðuna þína og heldur fókus á kaupunum.

Tilbúin að byrja?

Fáðu API lykla og byrjaðu að prófa í dag. Engin þörf á kreditkorti.

Byrja núna Skoða skjölun