# Krypto-Checkout, Bezahlbutton und API | Cosmos Pay

URL: https://payments.cosmospay.lat/integrations?lang=de

> Vom Zahlungslink ohne Code bis zu deinem eigenen Zahlungsbildschirm mit der API. Wähle, wie du kassierst und wie die Zahlung auf deiner Website aussieht.

## Stablecoin-Zahlungen auf deiner Website

Vom Zahlungslink ohne Code bis zu deinem eigenen Zahlungsbildschirm mit der API. Wähle, wie du kassierst und wie die Zahlung auf deiner Website aussieht.

### Platziere die Zahlung dort, wo sie auf deine Website passt.

Schicke Kunden zu unserem Checkout, öffne ihn über einen Button, zeige ihn in deiner Seite oder baue deinen eigenen mit der API. Probiere jede Option unten aus: Alle Demos laufen auf dieser Seite, mit Beispieldaten, die nicht bezahlt werden können.

#### Zahlungsbutton (Eine Zeile HTML)

Unser Skript zeichnet einen Button, der den Checkout in einem Fenster über deiner Seite öffnet und deiner Seite meldet, wenn die Zahlung bestätigt ist.

```html
<script defer
  src="https://payments.cosmospay.lat/embed/cosmos-pay.js"></script>

<!-- link: your payment link's id, from the dashboard or the API -->
<cosmos-pay-button
  link="cmh9a1q7r0000l208x9k4d1pz">
</cosmos-pay-button>

<script>
  document.querySelector("cosmos-pay-button")
    .addEventListener("cosmospay:paid", showThanks);
</script>
```

[Embed-Anleitung lesen](https://dev.cosmospay.lat/docs/embed/)

#### Eingebetteter Checkout (Eine Zeile HTML)

Der Checkout sitzt in deiner Seite: Betrag, QR-Code und Wallet-Button, mit live aktualisiertem Status und Ereignissen, auf die deine Seite hören kann.

```html
<script defer
  src="https://payments.cosmospay.lat/embed/cosmos-pay.js"></script>

<!-- link: your payment link's id, from the dashboard or the API -->
<cosmos-pay-checkout
  link="cmh9a1q7r0000l208x9k4d1pz"
  lang="de" theme="auto">
</cosmos-pay-checkout>

<script>
  document.querySelector("cosmos-pay-checkout")
    .addEventListener("cosmospay:status", (event) => {
      console.log(event.detail.status); // PENDING, SUBMITTED, SUCCEEDED
    });
</script>
```

[Embed-Anleitung lesen](https://dev.cosmospay.lat/docs/embed/)

#### Gehosteter Checkout (Kein Code auf deiner Website)

Schicke deine Kunden auf eine Zahlungsseite, die wir hosten. Wähle eines von vier Designs pro Link; keine andere Website kann die Seite einbetten.

Checkout-Design:

- **Klassisch**: Eine klare Spalte: Betrag, Live-Status, QR-Code und die Zahlungsdetails.
- **Geteilt**: Zahlungsarten in einer Seitenleiste mit Countdown. Der Zahler wählt, wie er zahlt.
- **Beleg**: Zahlungsfelder mit einem Beleg daneben: Details, Abrisslinie und die Summe.
- **Karte**: Ein großer Countdown, beschriftete Felder und eine Zahlungskarte mit dem QR-Code.

```html
<!-- Send your customer to the hosted checkout. Its design
     (classic, split, ticket or card) is set on the link,
     in the dashboard or with the API (checkoutTheme). -->
<a href="https://payments.cosmospay.lat/cmh9a1q7r0000l208x9k4d1pz">
  Pay with Cosmos Pay
</a>
```

[Zahlungslink erstellen](https://dev.cosmospay.lat/login?next=%2Fdashboard%3Fview%3Dpayments)

#### Zahlungslinks und QR (Ohne Code)

Erstelle einen Link im Dashboard und teile ihn per Chat, E-Mail oder als gedruckten QR-Code. Deine Kunden öffnen ihn und zahlen aus ihrer Wallet.

[Zahlungslink erstellen](https://dev.cosmospay.lat/login?next=%2Fdashboard%3Fview%3Dpayments)

#### API und SDK (Deine eigene Oberfläche)

Erstelle Payment Intents auf deinem Server, gestalte deinen eigenen Zahlungsbildschirm und erhalte das Ergebnis über signierte Webhooks.

```ts
import { Client } from "@cosmosapp/pay_sdk";

const client = new Client({ apiKey: process.env.COSMOS_PAY_API_KEY });
const intent = await client.paymentIntents.createPay({
  destination: "G…YOUR_ACCOUNT",
  amount: "25",
});
// send your customer to the hosted checkout
const checkoutUrl = "https://payments.cosmospay.lat/" + intent.id;
```

[API-Referenz lesen](https://dev.cosmospay.lat/docs/api/)

#### E-Commerce-Plugins (Demnächst)

Plugins für WooCommerce und Shopify, um in deinem Shop ohne Code Zahlungen anzunehmen.

[Sag uns, welchen Shop du nutzt](https://payments.cosmospay.lat/integrations?lang=de#contact)

Egal, wofür du dich entscheidest: Bestätige die Zahlung auf deinem Server über den Webhook oder die API.

### Ein paar Zeilen Code.

Erstelle die Zahlung auf deinem Server, teile den Checkout-Link und lass dir vom Webhook sagen, wann sie bezahlt ist.

- Eine REST-API, dokumentiert mit OpenAPI
- Ein TypeScript-SDK: @cosmosapp/pay_sdk
- Webhooks, signiert mit HMAC-SHA256
- Testschlüssel (dv_) und Live-Schlüssel (prod_)

- [Dokumentation lesen](https://dev.cosmospay.lat/docs/)
- [API-Referenz](https://dev.cosmospay.lat/docs/api/)

#### REST

```bash
curl https://api.cosmospay.lat/cosmos-api/v1/payment-intents/pay \
  -H "Authorization: Bearer $COSMOS_PAY_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "chain": "stellar",
    "destination": "G…YOUR_ACCOUNT",
    "amount": "25",
    "assetCode": "USDC",
    "assetIssuer": "GA5ZSEJYB37JRC5AVCIA5MOP4RHTM335X2KGX3IHOJAPP5RE34K4KZVN",
    "msg": "Order #1001",
    "checkoutTheme": "ticket"
  }'
```

#### TypeScript-SDK

```ts
import { Client } from "@cosmosapp/pay_sdk";

const client = new Client({ apiKey: process.env.COSMOS_PAY_API_KEY });
const intent = await client.paymentIntents.createPay({
  destination: "G…YOUR_ACCOUNT",
  amount: "25",
});
// send your customer to the hosted checkout
const checkoutUrl = "https://payments.cosmospay.lat/" + intent.id;
```

#### Webhook

```json
{
  "id": "evt_01JB…",
  "type": "PAYMENT_INTENT_SUCCEEDED",
  "createdAt": "2026-10-24T22:36:56.000Z",
  "data": {
    "id": "cmh9a1…",
    "status": "SUCCEEDED",
    "amount": "25",
    "txHash": "6864…2e54"
  }
}
```

Die id der Antwort ist der Link: https://payments.cosmospay.lat/<id>

### Drei Wege, Zahlungen anzunehmen.

Starte heute mit einem Link und wechsle zur API, wenn du sie brauchst. Alle Wege nutzen denselben Checkout, dasselbe Dashboard und dieselben Webhooks.

#### Zahlungslinks (Ohne Code)

Erstelle einen Link im Dashboard und teile ihn per Chat, E-Mail oder QR-Code.

- Ein fester Betrag oder einer, den der Zahler wählt
- Eine Nachricht, die der Zahler in seiner Wallet sieht
- Live-Status im Dashboard

[Zahlungslink erstellen](https://dev.cosmospay.lat/login?next=%2Fdashboard%3Fview%3Dpayments)

#### Gehosteter Checkout (Wenig Code)

Schicke Kunden zu einem Checkout, den wir hosten, mit QR-Code, Wallet-Buttons und Live-Status.

- Vier fertige Designs
- Auf Deutsch, Englisch, Spanisch, Portugiesisch, Französisch, Hindi und Chinesisch
- Seiten, die keine andere Website einbetten kann

[Integrationsoptionen ansehen](https://payments.cosmospay.lat/integrations?lang=de)

#### Zahlungs-API (Volle Kontrolle)

Erstelle Zahlungs-Intents von deinem Server und erfahre das Ergebnis über signierte Webhooks.

- REST, dokumentiert mit OpenAPI
- Ein TypeScript-SDK
- Webhooks, signiert mit HMAC-SHA256

[Dokumentation lesen](https://dev.cosmospay.lat/docs/)

### Verwandte Anleitungen

[Alle Anleitungen ansehen](https://payments.cosmospay.lat/learn?lang=de)

#### [So fügst du deiner Website einen Krypto-Bezahlbutton oder Checkout hinzu](https://payments.cosmospay.lat/learn/crypto-payment-button?lang=de)

Lade ein Skript, füge einen Bezahlbutton oder einen eingebetteten Checkout für einen Zahlungslink hinzu und bestätige die Zahlung auf deinem Server.

#### [So nimmst du USDC-Zahlungen online an](https://payments.cosmospay.lat/learn/accept-usdc-payments?lang=de)

Kassiere in USDC mit einem Zahlungslink, dem gehosteten Checkout oder der API, und teste es zuerst in einem Testnetz.

#### [So sendest du einen Zahlungslink per WhatsApp](https://payments.cosmospay.lat/learn/whatsapp-payment-links?lang=de)

Erstelle einen Link im Dashboard, sende ihn in einem Chat oder drucke seinen QR-Code, und sieh, wann er bezahlt ist.

### Akzeptiere ab heute Stablecoins.

Erstelle ein kostenloses Konto, erzeuge einen Testschlüssel und sende noch heute deinen ersten Zahlungslink.

[Zahlungslink erstellen](https://dev.cosmospay.lat/login?next=%2Fdashboard%3Fview%3Dpayments)

#### Schreib uns

Fragen zu Tarifen, Integration oder geschützten Zahlungen? Schreib uns, wir antworten per E-Mail.

[organization@cosmospay.lat](mailto:organization@cosmospay.lat)