Skip to main content
डिज़ाइन सेटिंग्स पेज जिसमें चेकआउट, ग्राहक पोर्टल, और स्टोरफ्रंट की लाइव प्रीव्यू देखी जा रही है
Design पेज, हर customer-facing surface की ब्रांडिंग के लिए आपका केंद्रीय केंद्र है: checkout, storefront और Customer Portal। बदलाव तीनों पर तुरंत लागू होते हैं और save करने से पहले real time में preview किए जाते हैं। Test mode और live mode में अलग-अलग designs होते हैं — Copy Design From Test to Live Mode देखें।

​
मुख्य विशेषताएं

  1. एकीकृत Design Hub - एक ही पेज से checkout, storefront और Customer Portal का स्वरूप configure करें।
  2. पहले से निर्मित Themes - एक चुनी हुई theme से शुरुआत करें और उसे अपनी आवश्यकता के अनुसार customize करें।
  3. Light & Dark Mode - प्रत्येक mode के लिए अलग color palettes निर्धारित करें।
  4. Live Preview - save करने से पहले देखें कि आपके बदलाव checkout, Customer Portal और storefront पर कैसे दिखाई देते हैं।
  5. प्रति-Section Overrides - अन्य sections को प्रभावित किए बिना अलग-अलग sections (checkout, storefront, Customer Portal) को fine-tune करें।
  6. Programmatic Control - API या Checkout SDK के ज़रिए checkout के समय themes को override करें।
  7. Test Design को Live में Copy करें - Test mode में बेहतर बनाया गया design एक चरण में live mode में ले जाएँ।

​
शुरुआत करना

अपने मर्चेंट डैशबोर्ड में Settings → Design पर नेविगेट करें। डिज़ाइन पेज में चार टैब होते हैं:

​
सामान्य सेटिंग्स

General टैब आपकी मौलिक ब्रांड पहचान और वैश्विक थीम को नियंत्रित करता है।
जनरल टैब में टाइपोग्राफी, रंग, और बॉर्डर कॉन्फ़िगरेशन के साथ उन्नत सेटिंग्स हैं

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

​
उन्नत सेटिंग्स

Advanced Settings को विस्तारित करें ताकि आपको सूक्ष्म नियंत्रण मिलें:
उन्नत सेटिंग्स खुली हुई हैं, जिसमें लाइट और डार्क मोड के लिए पूर्ण रंग विन्यास है

​
टाइपोग्राफी

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

Light Mode और Dark Mode के लिए अलग रंग पैलेट परिभाषित करें। प्रत्येक मोड निम्न गुणों का समर्थन करता है:

​
बॉर्डर

​
पूर्व-निर्मित थीम

Dodo Payments चार क्यूरेट किए गए थीम के साथ आता है। General टैब पर Theme ड्रॉपडाउन से एक चुनें ताकि चेकआउट, स्टोरफ्रंट और ग्राहक पोर्टल पर तुरंत एक सुसंगत डिज़ाइन लागू हो जाए।

​
Dodo Pulses

डिफ़ॉल्ट Dodo Payments थीम। लाइम ग्रीन ऐक्सेंट इसे ऊर्जावान और ताज़गी भरा बनाते हैं। स्वच्छ सैन्स-सेरिफ़ टाइपोग्राफी के साथ उदार स्पेसिंग।
डोडो पल्सेस थीम लाइट मोड में चेकआउट, ग्राहक पोर्टल, और स्टोरफ्रंट दिखा रहा है

Dodo Pulses in light mode

​
Terminal

डिवेलपर-केंद्रित थीम जिसमें मोनोस्पेस्ड टाइपोग्राफी और रॉयल ब्लू ऐक्सेंट हैं। तीखे कोने और तकनीकी सौंदर्य जो डेवलप टूल और API-फ़र्स्ट उत्पादों के साथ अच्छा मेल खाते हैं।
टर्मिनल थीम लाइट मोड में चेकआउट दिखा रहा है जिसमें नीले रंग की झलकें और मोनोस्पेस्ड फोंट है

Terminal in light mode

​
Bumblebee

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

Bumblebee in light mode

​
Bubblegum

खेल-कूद वाला पिंक और मैजेंटा ऐक्सेंट के साथ पूरी तरह गोल कोने। एक आधुनिक, पहुँच-सक्षम लुक जो रचनात्मक टूल, डिज़ाइन उत्पादों और लाइफस्टाइल ब्रांड्स के लिए शानदार रहता है।
बबलगम थीम लाइट मोड में चेकआउट, ग्राहक पोर्टल, और स्टोरफ्रंट दिखा रहा है जिसमें गुलाबी झलकें हैं

Bubblegum in light mode

पूर्व-निर्मित थीम चुनने के बाद, आप उन्नत सेटिंग्स में व्यक्तिगत गुणों को और अनुकूलित कर सकते हैं। कोई भी निर्दिष्ट नहीं किया गया गुण थीम डिफ़ॉल्ट्स पर लौटेगा।

​
प्रति-सेक्शन ओवरराइड

प्रत्येक सेक्शन टैब (Checkout, Storefront, Customer Portal) में एक Override Theme टॉगल होता है। सक्षम करने पर, आप उस सेक्शन की उपस्थिति को वैश्विक थीम से स्वतंत्र रूप से अनुकूलित कर सकते हैं।

​
चेकआउट टैब

चेकआउट टैब जिसमें उत्पाद विवरण और भुगतान फॉर्म के साथ पूरा चेकआउट प्रीव्यू दिखाया गया है
विशेष रूप से चेकआउट अनुभव के लिए टाइपोग्राफी, रंग और बॉर्डर सेटिंग्स को ओवरराइड करें। लाइव पूर्वावलोकन में दिखाई देता है:
  • उत्पाद जानकारी और मूल्य निर्धारण
  • एक्सप्रेस चेकआउट विकल्प (Apple Pay, Google Pay)
  • भुगतान विधि चयन और कार्ड फॉर्म
  • डिस्काउंट कोड इनपुट और मूल्य ब्रेकडाउन

​
स्टोरफ्रंट टैब

स्टोरफ्रंट टैब जिसमें स्टोर यूआरएल, ब्रांडिंग नियंत्रण, और स्टोरफ्रंट प्रीव्यू दिखाया गया है
स्टोरफ्रंट-विशिष्ट सेटिंग्स कॉन्फ़िगर करें:

​
ग्राहक पोर्टल टैब

ग्राहक पोर्टल टैब जिसमें सदस्यता प्रबंधन, बिलिंग इतिहास, और भुगतान विधियों का प्रीव्यू दिखाया गया है
ग्राहक पोर्टल के लिए थीम ओवरराइड करें, जिसमें शामिल हैं:
  • सदस्यता प्रबंधन
  • बिलिंग इतिहास
  • भुगतान विधियाँ
  • वॉलेट और क्रेडिट्स

​
Test Mode से Live Mode में Design Copy करें

Test mode और live mode में अलग-अलग design configurations होती हैं, इसलिए testing के दौरान बनाई गई theme अपने-आप real customers को दिखाई नहीं देती। इसे हाथ से दोबारा बनाने के बजाय, अपने design को एक चरण में test mode से live mode में copy करें। Copy में सभी design surfaces — general settings, checkout, Customer Portal और storefront overrides — साथ ही आपकी storefront branding भी शामिल होती है।
Copy करने से मौजूदा live mode design overwrite हो जाता है। Copy करने के बाद अपने live checkout और storefront की समीक्षा करें, ताकि यह सुनिश्चित हो सके कि सब कुछ आपकी अपेक्षा के अनुसार दिखाई दे रहा है।

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

Checkout Features

currency, language, tax, discounts और अन्य सुविधाओं सहित checkout features।

Overlay Checkout SDK

अपने पेज पर checkout को modal overlay के रूप में embed करें।

Inline Checkout SDK

checkout को सीधे अपने पेज layout में embed करें।

Storefront

अपने branded storefront को set up और manage करें।

Customer Portal

subscriptions और billing के लिए Customer self-service portal।

Multi-Brand Setup

अलग-अलग branding के साथ एक account के अंतर्गत कई brands चलाएँ।
अंतिम संशोधन 31 जुलाई 2026