मुख्य सामग्री पर जाएं

​
अवलोकन

इनलाइन चेकआउट आपको पूरी तरह से एकीकृत चेकआउट अनुभव बनाने की अनुमति देता है जो आपकी वेबसाइट या एप्लिकेशन के साथ सहजता से मिश्रित होता है। ओवरले चेकआउट के विपरीत, जो आपकी पृष्ठ पर एक मोडल के रूप में खुलता है, इनलाइन चेकआउट भुगतान फॉर्म को सीधे आपकी पृष्ठ लेआउट में एम्बेड करता है। इनलाइन चेकआउट का उपयोग करके, आप:
  • ऐसे चेकआउट अनुभव बनाएं जो आपके ऐप या वेबसाइट के साथ पूरी तरह से एकीकृत हों
  • डोडो पेमेंट्स को सुरक्षित रूप से ग्राहक और भुगतान जानकारी एक अनुकूलित चेकआउट फ्रेम में कैप्चर करने दें
  • अपनी पृष्ठ पर डोडो पेमेंट्स से आइटम, कुल और अन्य जानकारी प्रदर्शित करें
  • उन्नत चेकआउट अनुभव बनाने के लिए SDK विधियों और घटनाओं का उपयोग करें
इनलाइन चेकआउट कवर छवि

​
यह कैसे काम करता है

इनलाइन चेकआउट आपकी वेबसाइट या ऐप में एक सुरक्षित डोडो पेमेंट्स फ्रेम को एम्बेड करके काम करता है। चेकआउट फ्रेम ग्राहक जानकारी एकत्र करने और भुगतान विवरण कैप्चर करने का काम करता है। आपकी पृष्ठ पर आइटम सूची, कुल और चेकआउट पर जो कुछ है उसे बदलने के विकल्प प्रदर्शित होते हैं। SDK आपकी पृष्ठ और चेकआउट फ्रेम के बीच बातचीत करने की अनुमति देता है। डोडो पेमेंट्स स्वचालित रूप से एक चेकआउट पूरा होने पर एक सदस्यता बनाता है, जिसे आप प्रावधान करने के लिए तैयार कर सकते हैं।
इनलाइन चेकआउट फ्रेम सभी संवेदनशील भुगतान जानकारी को सुरक्षित रूप से संभालता है, आपके अंत में अतिरिक्त प्रमाणन के बिना PCI अनुपालन सुनिश्चित करता है।

​
एक अच्छा इनलाइन चेकआउट क्या बनाता है?

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

आवश्यक तत्वों के साथ उदाहरण इनलाइन चेकआउट लेआउट

  1. दोहराने की जानकारी: यदि यह दोहराने वाला है, तो यह कितनी बार दोहराता है और नवीनीकरण पर कुल कितना भुगतान करना है। यदि यह एक परीक्षण है, तो परीक्षण कितने समय तक चलता है।
  2. आइटम विवरण: जो खरीदा जा रहा है उसका विवरण।
  3. लेनदेन कुल: लेनदेन कुल, जिसमें उप-योग, कुल कर, और समग्र कुल शामिल हैं। सुनिश्चित करें कि मुद्रा भी शामिल है।
  4. डोडो पेमेंट्स फ़ुटर: पूरा इनलाइन चेकआउट फ्रेम, जिसमें चेकआउट फ़ुटर शामिल है जिसमें डोडो पेमेंट्स, हमारी बिक्री की शर्तें, और हमारी गोपनीयता नीति के बारे में जानकारी है।
  5. रिफंड नीति: आपकी रिफंड नीति का एक लिंक, यदि यह डोडो पेमेंट्स की मानक रिफंड नीति से भिन्न है।
हमेशा पूरा इनलाइन चेकआउट फ्रेम प्रदर्शित करें, जिसमें फ़ुटर शामिल है। कानूनी जानकारी को हटाना या छिपाना अनुपालन आवश्यकताओं का उल्लंघन करता है।

​
ग्राहक यात्रा

चेकआउट प्रवाह आपकी चेकआउट सत्र कॉन्फ़िगरेशन द्वारा निर्धारित होता है। जिस तरह से आप चेकआउट सत्र को कॉन्फ़िगर करते हैं, उसके आधार पर, ग्राहक एक चेकआउट का अनुभव करेंगे जो एक ही पृष्ठ पर सभी जानकारी प्रस्तुत कर सकता है या कई चरणों में।
1

ग्राहक चेकआउट खोलता है

आप आइटम या एक मौजूदा लेनदेन पास करके इनलाइन चेकआउट खोल सकते हैं। पृष्ठ पर जानकारी दिखाने और अपडेट करने के लिए SDK का उपयोग करें, और ग्राहक इंटरैक्शन के आधार पर आइटम अपडेट करने के लिए SDK विधियों का उपयोग करें।आइटम सूची और भुगतान फॉर्म के साथ प्रारंभिक चेकआउट पृष्ठ
2

ग्राहक अपने विवरण दर्ज करता है

इनलाइन चेकआउट पहले ग्राहकों से उनके ईमेल पते, उनके देश का चयन करने, और (जहां आवश्यक हो) उनके ZIP या पोस्टल कोड दर्ज करने के लिए कहता है। यह चरण सभी आवश्यक जानकारी एकत्र करता है ताकि कर और उपलब्ध भुगतान विकल्पों का निर्धारण किया जा सके।आप ग्राहक विवरण को पूर्व-भर सकते हैं और अनुभव को सरल बनाने के लिए सहेजे गए पते प्रस्तुत कर सकते हैं।
3

ग्राहक भुगतान विधि का चयन करता है

अपने विवरण दर्ज करने के बाद, ग्राहकों को उपलब्ध भुगतान विधियों और भुगतान फॉर्म के साथ प्रस्तुत किया जाता है। विकल्पों में क्रेडिट या डेबिट कार्ड, PayPal, Apple Pay, Google Pay, और उनके स्थान के आधार पर अन्य स्थानीय भुगतान विधियाँ शामिल हो सकती हैं।यदि उपलब्ध हो तो चेकआउट को तेज़ करने के लिए सहेजे गए भुगतान विधियों को प्रदर्शित करें।उपलब्ध भुगतान विधियाँ और कार्ड विवरण फॉर्म
4

चेकआउट पूरा हुआ

डोडो पेमेंट्स हर भुगतान को उस बिक्री के लिए सबसे अच्छे अधिग्रहणकर्ता के पास रूट करता है ताकि सफलता की सबसे अच्छी संभावना मिल सके। ग्राहक एक सफलता कार्यप्रवाह में प्रवेश करते हैं जिसे आप बना सकते हैं।पुष्टि चेकमार्क के साथ सफलता स्क्रीन
5

डोडो पेमेंट्स सदस्यता बनाता है

डोडो पेमेंट्स स्वचालित रूप से ग्राहक के लिए एक सदस्यता बनाता है, जिसे आप प्रावधान करने के लिए तैयार कर सकते हैं। ग्राहक द्वारा उपयोग की गई भुगतान विधि नवीनीकरण या सदस्यता परिवर्तनों के लिए फ़ाइल पर रखी जाती है।Webhook सूचना के साथ बनाई गई सदस्यता

​
त्वरित प्रारंभ

कुछ कोड की पंक्तियों में Dodo Payments इनलाइन चेकआउट के साथ शुरू करें: 
import { DodoPayments } from "dodopayments-checkout";

// Initialize the SDK for inline mode
DodoPayments.Initialize({
  mode: "test",
  displayType: "inline",
  onEvent: (event) => {
    console.log("Checkout event:", event);
  },
});

// Open checkout in a specific container
DodoPayments.Checkout.open({
  checkoutUrl: "https://test.dodopayments.com/session/cks_123",
  elementId: "dodo-inline-checkout" // ID of the container element
});
सुनिश्चित करें कि आपके पृष्ठ पर संबंधित id के साथ एक कंटेनर तत्व है: <div id="dodo-inline-checkout"></div>।

​
चरण-दर-चरण एकीकरण गाइड

1

SDK स्थापित करें

Dodo Payments चेकआउट SDK स्थापित करें:
npm install dodopayments-checkout
2

इनलाइन डिस्प्ले के लिए SDK प्रारंभ करें

SDK को प्रारंभ करें और displayType: 'inline' निर्दिष्ट करें। आपको अपने UI को वास्तविक समय में कर और कुल गणनाओं के साथ अपडेट करने के लिए checkout.breakdown इवेंट के लिए भी सुनना चाहिए।
import { DodoPayments } from "dodopayments-checkout";

DodoPayments.Initialize({
  mode: "test",
  displayType: "inline",
  onEvent: (event) => {
    if (event.event_type === "checkout.breakdown") {
      const breakdown = event.data?.message;
      // Update your UI with breakdown.subTotal, breakdown.tax, breakdown.total, etc.
    }
  },
});
3

एक कंटेनर तत्व बनाएं

अपने HTML में एक तत्व जोड़ें जहाँ चेकआउट फ्रेम इंजेक्ट किया जाएगा:
<div id="dodo-inline-checkout"></div>
4

चेकआउट खोलें

DodoPayments.Checkout.open() को checkoutUrl और आपके कंटेनर के elementId के साथ कॉल करें:
DodoPayments.Checkout.open({
  checkoutUrl: "https://test.dodopayments.com/session/cks_123",
  elementId: "dodo-inline-checkout"
});
5

अपने एकीकरण का परीक्षण करें

  1. अपने विकास सर्वर को प्रारंभ करें:
npm run dev
  1. चेकआउट प्रवाह का परीक्षण करें:
    • इनलाइन फ्रेम में अपना ईमेल और पता विवरण दर्ज करें।
    • सत्यापित करें कि आपका कस्टम ऑर्डर सारांश वास्तविक समय में अपडेट होता है।
    • परीक्षण क्रेडेंशियल्स का उपयोग करके भुगतान प्रवाह का परीक्षण करें।
    • पुष्टि करें कि रीडायरेक्ट सही ढंग से काम करते हैं।
यदि आपने onEvent कॉलबैक में कंसोल लॉग जोड़ा है, तो आपको अपने ब्राउज़र कंसोल में checkout.breakdown इवेंट्स लॉग होते हुए दिखाई देंगे।
6

लाइव जाएं

जब आप उत्पादन के लिए तैयार हों:
  1. मोड को 'live' में बदलें:
DodoPayments.Initialize({
  mode: "live",
  displayType: "inline",
  onEvent: (event) => {
    // Handle events
  }
});
  1. अपने चेकआउट URLs को अपने बैकएंड से लाइव चेकआउट सत्रों का उपयोग करने के लिए अपडेट करें।
  2. उत्पादन में पूरे प्रवाह का परीक्षण करें।

​
पूर्ण React उदाहरण

यह उदाहरण दिखाता है कि कैसे इनलाइन चेकआउट के साथ एक कस्टम ऑर्डर सारांश को लागू किया जाए, उन्हें checkout.breakdown इवेंट का उपयोग करके समन्वयित रखा जाए। 
"use client";

import { useEffect, useState } from 'react';
import { DodoPayments, CheckoutBreakdownData } from 'dodopayments-checkout';

export default function CheckoutPage() {
  const [breakdown, setBreakdown] = useState<Partial<CheckoutBreakdownData>>({});

  useEffect(() => {
    // 1. Initialize the SDK
    DodoPayments.Initialize({
      mode: 'test',
      displayType: 'inline',
      onEvent: (event) => {
        // 2. Listen for the 'checkout.breakdown' event
        if (event.event_type === "checkout.breakdown") {
          const message = event.data?.message as CheckoutBreakdownData;
          if (message) setBreakdown(message);
        }
      }
    });

    // 3. Open the checkout in the specified container
    DodoPayments.Checkout.open({
      checkoutUrl: 'https://test.dodopayments.com/session/cks_123',
      elementId: 'dodo-inline-checkout'
    });

    return () => DodoPayments.Checkout.close();
  }, []);

  const format = (amt: number | null | undefined, curr: string | null | undefined) => 
    amt != null && curr ? `${curr} ${(amt/100).toFixed(2)}` : '0.00';

  const currency = breakdown.currency ?? breakdown.finalTotalCurrency ?? '';

  return (
    <div className="flex flex-col md:flex-row min-h-screen">
      {/* Left Side - Checkout Form */}
      <div className="w-full md:w-1/2 flex items-center">
        <div id="dodo-inline-checkout" className='w-full' />
      </div>

      {/* Right Side - Custom Order Summary */}
      <div className="w-full md:w-1/2 p-8 bg-gray-50">
        <h2 className="text-2xl font-bold mb-4">Order Summary</h2>
        <div className="space-y-2">
          {breakdown.subTotal && (
            <div className="flex justify-between">
              <span>Subtotal</span>
              <span>{format(breakdown.subTotal, currency)}</span>
            </div>
          )}
          {breakdown.discount && (
            <div className="flex justify-between">
              <span>Discount</span>
              <span>{format(breakdown.discount, currency)}</span>
            </div>
          )}
          {breakdown.tax != null && (
            <div className="flex justify-between">
              <span>Tax</span>
              <span>{format(breakdown.tax, currency)}</span>
            </div>
          )}
          <hr />
          {(breakdown.finalTotal ?? breakdown.total) && (
            <div className="flex justify-between font-bold text-xl">
              <span>Total</span>
              <span>{format(breakdown.finalTotal ?? breakdown.total, breakdown.finalTotalCurrency ?? currency)}</span>
            </div>
          )}
        </div>
      </div>
    </div>
  );
}

​
API संदर्भ

​
कॉन्फ़िगरेशन

​
प्रारंभिक विकल्प

interface InitializeOptions {
  mode: "test" | "live";
  displayType: "inline"; // Required for inline checkout
  onEvent: (event: CheckoutEvent) => void;
}
विकल्पप्रकारआवश्यकविवरण
mode"test" | "live"हाँपर्यावरण मोड।
displayType"inline" | "overlay"हाँचेकआउट को एम्बेड करने के लिए "inline" पर सेट किया जाना चाहिए।
onEventfunctionहाँचेकआउट इवेंट्स को संभालने के लिए कॉलबैक फ़ंक्शन।

​
चेकआउट विकल्प

interface CheckoutOptions {
  checkoutUrl: string;
  elementId: string; // Required for inline checkout
}
विकल्पप्रकारआवश्यकविवरण
checkoutUrlstringहाँचेकआउट सत्र URL।
elementIdstringहाँचेकआउट को रेंडर करने के लिए DOM तत्व का id।

​
विधियाँ

​
चेकआउट खोलें

निर्दिष्ट कंटेनर में चेकआउट फ्रेम खोलता है। 
DodoPayments.Checkout.open({
  checkoutUrl: "https://test.dodopayments.com/session/cks_123",
  elementId: "dodo-inline-checkout"
});

​
चेकआउट बंद करें

प्रोग्रामेटिक रूप से चेकआउट फ्रेम को हटा देता है और इवेंट लिसनर्स को साफ करता है। 
DodoPayments.Checkout.close();

​
स्थिति जांचें

यह लौटाता है कि चेकआउट फ्रेम वर्तमान में इंजेक्ट किया गया है या नहीं। 
const isOpen = DodoPayments.Checkout.isOpen();
// Returns: boolean

​
इवेंट्स

SDK वास्तविक समय में इवेंट्स प्रदान करता है onEvent कॉलबैक के माध्यम से। इनलाइन चेकआउट के लिए, checkout.breakdown विशेष रूप से आपके UI को समन्वयित करने के लिए उपयोगी है।
इवेंट प्रकारविवरण
checkout.openedचेकआउट फ्रेम लोड हो गया है।
checkout.breakdownजब कीमतें, कर या छूट अपडेट होती हैं, तब फायर किया जाता है।
checkout.customer_details_submittedग्राहक विवरण प्रस्तुत किए गए हैं।
checkout.redirectचेकआउट एक रीडायरेक्ट करेगा (जैसे, एक बैंक पृष्ठ पर)।
checkout.errorचेकआउट के दौरान एक त्रुटि हुई।

​
चेकआउट ब्रेकडाउन डेटा

checkout.breakdown इवेंट निम्नलिखित डेटा प्रदान करता है: 
interface CheckoutBreakdownData {
  subTotal?: number;          // Amount in cents
  discount?: number;         // Amount in cents
  tax?: number;              // Amount in cents
  total?: number;            // Amount in cents
  currency?: string;         // e.g., "USD"
  finalTotal?: number;       // Final amount including adjustments
  finalTotalCurrency?: string; // Currency for the final total
}

​
ब्रेकडाउन इवेंट को समझना

checkout.breakdown इवेंट आपके एप्लिकेशन के UI को Dodo Payments चेकआउट स्थिति के साथ समन्वयित रखने का प्राथमिक तरीका है। यह कब फायर होता है:
  • प्रारंभ पर: चेकआउट फ्रेम लोड होने और तैयार होने के तुरंत बाद।
  • पता परिवर्तन पर: जब भी ग्राहक एक देश का चयन करता है या एक पोस्टल कोड दर्ज करता है जो कर पुनर्गणना का परिणाम देता है।
फील्ड विवरण:
फ़ील्डविवरण
subTotalसत्र में सभी लाइन आइटम का योग, जब कोई छूट या कर लागू नहीं होता है।
discountसभी लागू छूट का कुल मूल्य।
taxगणना की गई कर राशि। inline मोड में, यह उपयोगकर्ता के पता फ़ील्ड के साथ इंटरैक्ट करते समय गतिशील रूप से अपडेट होता है।
totalसत्र की मूल मुद्रा में subTotal - discount + tax का गणितीय परिणाम।
currencyमानक उप-योग, छूट, और कर मूल्यों के लिए ISO मुद्रा कोड (जैसे, "USD")।
finalTotalवास्तविक राशि जो ग्राहक को चार्ज की जाती है। इसमें अतिरिक्त विदेशी मुद्रा समायोजन या स्थानीय भुगतान विधि शुल्क शामिल हो सकते हैं जो मूल मूल्य ब्रेकडाउन का हिस्सा नहीं हैं।
finalTotalCurrencyवह मुद्रा जिसमें ग्राहक वास्तव में भुगतान कर रहा है। यदि खरीद शक्ति समानता या स्थानीय मुद्रा रूपांतरण सक्रिय है, तो यह currency से भिन्न हो सकता है।
मुख्य एकीकरण टिप्स:
  1. मुद्रा प्रारूपण: कीमतें हमेशा सबसे छोटे मुद्रा इकाई (जैसे, USD के लिए सेंट, JPY के लिए येन) में पूर्णांक के रूप में लौटाई जाती हैं। उन्हें प्रदर्शित करने के लिए, 100 (या उपयुक्त 10 की शक्ति) से विभाजित करें या Intl.NumberFormat जैसी प्रारूपण लाइब्रेरी का उपयोग करें।
  2. प्रारंभिक राज्यों को संभालना: जब चेकआउट पहली बार लोड होता है, tax और discount 0 या null हो सकते हैं जब तक उपयोगकर्ता अपना बिलिंग जानकारी प्रदान नहीं करता या एक कोड लागू नहीं करता। आपका UI इन राज्यों को सुचारू रूप से संभालना चाहिए (जैसे, एक डैश — दिखाना या पंक्ति को छिपाना)।
  3. “अंतिम कुल” बनाम “कुल”: जबकि total आपको मानक मूल्य गणना देता है, finalTotal लेनदेन के लिए सत्य का स्रोत है। यदि finalTotal मौजूद है, तो यह ठीक वही दर्शाता है जो ग्राहक के कार्ड पर चार्ज किया जाएगा, जिसमें कोई भी गतिशील समायोजन शामिल हैं।
  4. वास्तविक समय फीडबैक: उपयोगकर्ताओं को दिखाने के लिए tax फ़ील्ड का उपयोग करें कि कर वास्तविक समय में गणना किए जा रहे हैं। यह आपके चेकआउट पृष्ठ को “लाइव” अनुभव प्रदान करता है और पते के प्रवेश चरण के दौरान घर्षण को कम करता है।

​
कार्यान्वयन विकल्प

​
पैकेज प्रबंधक स्थापना

npm, yarn, या pnpm के माध्यम से स्थापना करें जैसा कि चरण-दर-चरण एकीकरण गाइड में दिखाया गया है।

​
CDN कार्यान्वयन

बिना किसी निर्माण चरण के त्वरित एकीकरण के लिए, आप हमारे CDN का उपयोग कर सकते हैं: 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dodo Payments Inline Checkout</title>
    
    <!-- Load DodoPayments -->
    <script src="https://cdn.jsdelivr.net/npm/dodopayments-checkout@latest/dist/index.js"></script>
    <script>
        // Initialize the SDK
        DodoPaymentsCheckout.DodoPayments.Initialize({
            mode: "test",
            displayType: "inline",
            onEvent: (event) => {
                console.log('Checkout event:', event);
            }
        });
    </script>
</head>
<body>
    <div id="dodo-inline-checkout"></div>

    <script>
        // Open the checkout
        DodoPaymentsCheckout.DodoPayments.Checkout.open({
            checkoutUrl: "https://test.dodopayments.com/session/cks_123",
            elementId: "dodo-inline-checkout"
        });
    </script>
</body>
</html>

​
TypeScript समर्थन

SDK TypeScript में लिखा गया है और इसमें व्यापक प्रकार की परिभाषाएँ शामिल हैं। 
import { DodoPayments, CheckoutEvent } from "dodopayments-checkout";

DodoPayments.Initialize({
  mode: "test",
  displayType: "inline",
  onEvent: (event: CheckoutEvent) => {
    // event is fully typed
    console.log(event.event_type, event.data);
  },
});

​
त्रुटि हैंडलिंग

SDK इवेंट सिस्टम के माध्यम से विस्तृत त्रुटि जानकारी प्रदान करता है। हमेशा अपने onEvent कॉलबैक में उचित त्रुटि हैंडलिंग लागू करें: 
DodoPayments.Initialize({
  mode: "test",
  displayType: "inline",
  onEvent: (event: CheckoutEvent) => {
    if (event.event_type === "checkout.error") {
      console.error("Checkout error:", event.data?.message);
      // Handle error appropriately
    }
  }
});
जब समस्याएँ होती हैं, तो एक अच्छा उपयोगकर्ता अनुभव प्रदान करने के लिए हमेशा checkout.error इवेंट को संभालें।

​
सर्वोत्तम प्रथाएँ

  1. उत्तरदायी डिज़ाइन: सुनिश्चित करें कि आपके कंटेनर तत्व के पास पर्याप्त चौड़ाई और ऊँचाई है। iframe आमतौर पर अपने कंटेनर को भरने के लिए विस्तारित होगा।
  2. समन्वय: अपने कस्टम ऑर्डर सारांश या मूल्य तालिकाओं को चेकआउट फ्रेम में उपयोगकर्ता जो देखता है, के साथ समन्वयित रखने के लिए checkout.breakdown इवेंट का उपयोग करें।
  3. स्केलेटन राज्य: checkout.opened इवेंट फायर होने तक अपने कंटेनर में लोडिंग संकेतक दिखाएँ।
  4. साफ़ करना: जब आपका घटक अनमाउंट होता है, तो iframe और इवेंट लिसनर्स को साफ़ करने के लिए DodoPayments.Checkout.close() को कॉल करें।

​
समस्या निवारण

  • सुनिश्चित करें कि elementId एक ऐसे id से मेल खाता है जो वास्तव में DOM में मौजूद है।
  • सुनिश्चित करें कि displayType: 'inline' को Initialize में पास किया गया था।
  • जांचें कि checkoutUrl मान्य है।
  • सुनिश्चित करें कि आप checkout.breakdown इवेंट के लिए सुन रहे हैं।
  • कर केवल तब गणना किए जाते हैं जब उपयोगकर्ता चेकआउट फ्रेम में एक मान्य देश और पोस्टल कोड दर्ज करता है।

​
ब्राउज़र समर्थन

Dodo Payments चेकआउट SDK निम्नलिखित ब्राउज़रों का समर्थन करता है:
  • क्रोम (नवीनतम)
  • फ़ायरफ़ॉक्स (नवीनतम)
  • सफारी (नवीनतम)
  • एज (नवीनतम)
  • IE11+
Apple Pay वर्तमान में इनलाइन चेकआउट अनुभव में समर्थित नहीं है। हम भविष्य के रिलीज़ में Apple Pay के लिए समर्थन जोड़ने की योजना बना रहे हैं।

​
इनलाइन बनाम ओवरले चेकआउट

अपने उपयोग मामले के लिए सही चेकआउट प्रकार चुनें:
विशेषताइनलाइन चेकआउटओवरले चेकआउट
एकीकरण गहराईपृष्ठ में पूरी तरह से एम्बेडेडपृष्ठ के शीर्ष पर मोडल
लेआउट नियंत्रणपूर्ण नियंत्रणसीमित
ब्रांडिंगनिर्बाधपृष्ठ से अलग
कार्यान्वयन प्रयासउच्चकम
सबसे अच्छाकस्टम चेकआउट पृष्ठ, उच्च-परिवर्तन प्रवाहत्वरित एकीकरण, मौजूदा पृष्ठ
जब आप चेकआउट अनुभव और निर्बाध ब्रांडिंग पर अधिकतम नियंत्रण चाहते हैं, तो इनलाइन चेकआउट का उपयोग करें। मौजूदा पृष्ठों में न्यूनतम परिवर्तनों के साथ तेजी से एकीकरण के लिए ओवरले चेकआउट का उपयोग करें।

​
संबंधित संसाधन

ओवरले चेकआउट

त्वरित मोडल-आधारित एकीकरण के लिए ओवरले चेकआउट का उपयोग करें।

चेकआउट सत्र API

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

Webhook

वेबहुक के साथ सर्वर-साइड पर भुगतान घटनाओं को संभालें।

एकीकरण गाइड

Dodo Payments को एकीकृत करने के लिए पूर्ण गाइड।
अधिक सहायता के लिए, हमारे Discord समुदाय पर जाएं या हमारी डेवलपर समर्थन टीम से संपर्क करें.