# स्टेबलकॉइन चेकआउट, पे बटन और API | Cosmos Pay

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

> बिना कोड वाले पेमेंट लिंक से लेकर API से बनी आपकी अपनी पेमेंट स्क्रीन तक। चुनें कि आप भुगतान कैसे लेंगे और आपकी साइट पर भुगतान कैसा दिखेगा।

## अपनी साइट पर स्टेबलकॉइन भुगतान जोड़ें

बिना कोड वाले पेमेंट लिंक से लेकर API से बनी आपकी अपनी पेमेंट स्क्रीन तक। चुनें कि आप भुगतान कैसे लेंगे और आपकी साइट पर भुगतान कैसा दिखेगा।

### भुगतान वहीं रखें जहाँ वह आपकी साइट पर फ़िट हो।

ग्राहकों को हमारे चेकआउट पर भेजें, उसे एक बटन से खोलें, अपने पेज के अंदर दिखाएँ, या API से अपना खुद का बनाएँ। नीचे हर विकल्प आज़माएँ: हर डेमो इसी पेज पर चलता है, ऐसे सैंपल डेटा के साथ जिसका भुगतान नहीं किया जा सकता।

#### पे बटन (HTML की एक लाइन)

हमारी स्क्रिप्ट एक बटन बनाती है जो आपके पेज के ऊपर एक विंडो में चेकआउट खोलता है, और भुगतान की पुष्टि होने पर आपके पेज को बताता है।

```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>
```

[एम्बेड गाइड पढ़ें](https://dev.cosmospay.lat/docs/embed/)

#### एम्बेडेड चेकआउट (HTML की एक लाइन)

चेकआउट आपके पेज के अंदर रहता है: राशि, QR कोड और वॉलेट बटन, और उसका स्टेटस लाइव अपडेट होता है।

```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="hi" theme="auto">
</cosmos-pay-checkout>

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

[एम्बेड गाइड पढ़ें](https://dev.cosmospay.lat/docs/embed/)

#### होस्टेड चेकआउट (आपकी साइट पर कोई कोड नहीं)

हमारे होस्ट किए गए चेकआउट पेज पर रीडायरेक्ट करें। हर लिंक के लिए चार तैयार डिज़ाइन, और कोई दूसरी साइट इस पेज को फ़्रेम नहीं कर सकती।

चेकआउट डिज़ाइन:

- **क्लासिक**: एक साफ़ कॉलम: राशि, लाइव स्टेटस, QR कोड और भुगतान का विवरण।
- **स्प्लिट**: काउंटडाउन के साथ साइड पैनल में भुगतान के तरीके। भुगतान करने वाला खुद चुनता है कि कैसे चुकाए।
- **रसीद**: भुगतान की जानकारी के साथ बगल में रसीद: विवरण, कटिंग लाइन और कुल राशि।
- **कार्ड**: बड़ा काउंटडाउन, लेबल वाले फ़ील्ड और QR कोड वाला पेमेंट कार्ड।

```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>
```

[पेमेंट लिंक बनाएँ](https://dev.cosmospay.lat/login?next=%2Fdashboard%3Fview%3Dpayments)

#### पेमेंट लिंक और QR (बिना कोड)

डैशबोर्ड में लिंक बनाएँ और उसे चैट, ईमेल या प्रिंट किए गए QR कोड से शेयर करें।

[पेमेंट लिंक बनाएँ](https://dev.cosmospay.lat/login?next=%2Fdashboard%3Fview%3Dpayments)

#### API और 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;
```

[API रेफ़रेंस पढ़ें](https://dev.cosmospay.lat/docs/api/)

#### ई-कॉमर्स प्लगइन (जल्द आ रहा है)

WooCommerce और Shopify प्लगइन, ताकि आप बिना कोड लिखे अपने स्टोर में भुगतान ले सकें।

[हमें बताएँ कि आप कौन-सा स्टोर इस्तेमाल करते हैं](https://payments.cosmospay.lat/integrations?lang=hi#contact)

आप जो भी चुनें, भुगतान की पुष्टि अपने सर्वर पर वेबहुक या API से करें।

### कोड की बस कुछ लाइनें।

अपने सर्वर पर भुगतान बनाएँ, चेकआउट लिंक शेयर करें, और भुगतान होने पर वेबहुक आपको बता देगा।

- OpenAPI के साथ डॉक्यूमेंटेड REST API
- TypeScript SDK: @cosmosapp/pay_sdk
- HMAC-SHA256 से साइन किए गए वेबहुक
- टेस्ट कीज़ (dv_) और लाइव कीज़ (prod_)

- [डॉक्स पढ़ें](https://dev.cosmospay.lat/docs/)
- [API रेफ़रेंस](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;
```

#### वेबहुक

```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"
  }
}
```

रिस्पॉन्स का id ही लिंक है: https://payments.cosmospay.lat/<id>

### भुगतान लेना शुरू करने के तीन तरीके।

आज ही एक लिंक से शुरुआत करें और ज़रूरत पड़ने पर API अपनाएँ। हर तरीके में वही चेकआउट, डैशबोर्ड और वेबहुक इस्तेमाल होते हैं।

#### पेमेंट लिंक (बिना कोड)

डैशबोर्ड में लिंक बनाएँ और उसे चैट, ईमेल या QR कोड से शेयर करें।

- तय राशि, या भुगतान करने वाले की चुनी हुई राशि
- एक मैसेज जो भुगतान करने वाले को अपने वॉलेट में दिखता है
- डैशबोर्ड में लाइव स्टेटस

[पेमेंट लिंक बनाएँ](https://dev.cosmospay.lat/login?next=%2Fdashboard%3Fview%3Dpayments)

#### होस्टेड चेकआउट (थोड़ा कोड)

ग्राहकों को हमारे होस्ट किए गए चेकआउट पर भेजें, जिसमें QR कोड, वॉलेट बटन और लाइव स्टेटस है।

- चार तैयार डिज़ाइन
- हिन्दी, अंग्रेज़ी, स्पेनिश, पुर्तगाली, फ़्रेंच, जर्मन और चीनी में
- ऐसे पेज जिन्हें कोई दूसरी साइट फ़्रेम नहीं कर सकती

[इंटीग्रेशन के विकल्प देखें](https://payments.cosmospay.lat/integrations?lang=hi)

#### पेमेंट्स API (पूरा कंट्रोल)

अपने सर्वर से पेमेंट इंटेंट बनाएँ और साइन किए गए वेबहुक से नतीजे पाएँ।

- REST, OpenAPI के साथ डॉक्यूमेंटेड
- TypeScript SDK
- HMAC-SHA256 से साइन किए गए वेबहुक

[डॉक्स पढ़ें](https://dev.cosmospay.lat/docs/)

### संबंधित गाइड

[सभी गाइड देखें](https://payments.cosmospay.lat/learn?lang=hi)

#### [अपनी वेबसाइट पर क्रिप्टो पे बटन या चेकआउट कैसे जोड़ें](https://payments.cosmospay.lat/learn/crypto-payment-button?lang=hi)

एक स्क्रिप्ट लोड करें, किसी पेमेंट लिंक के लिए पे बटन या एम्बेडेड चेकआउट जोड़ें, और अपने सर्वर पर भुगतान की पुष्टि करें।

#### [ऑनलाइन USDC भुगतान कैसे स्वीकार करें](https://payments.cosmospay.lat/learn/accept-usdc-payments?lang=hi)

पेमेंट लिंक, होस्टेड चेकआउट या API से USDC में भुगतान लें, और पहले इसे टेस्ट नेटवर्क पर आज़माएँ।

#### [WhatsApp पर पेमेंट लिंक कैसे भेजें](https://payments.cosmospay.lat/learn/whatsapp-payment-links?lang=hi)

डैशबोर्ड में लिंक बनाएँ, उसे चैट में भेजें या उसका QR कोड प्रिंट करें, और देखें कि भुगतान कब हुआ।

### आज से भुगतान लें स्टेबलकॉइन में।

मुफ़्त अकाउंट बनाएँ, एक टेस्ट की जेनरेट करें और आज ही अपना पहला पेमेंट लिंक भेजें।

[पेमेंट लिंक बनाएँ](https://dev.cosmospay.lat/login?next=%2Fdashboard%3Fview%3Dpayments)

#### हमें लिखें

प्लान, इंटीग्रेशन या सुरक्षित भुगतान के बारे में सवाल हैं? हमें बताएँ, हम ईमेल से जवाब देंगे।

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