यहां दिए गए दिशा-निर्देशों में बताया गया है कि अपनी वेबसाइटों में Google Pay के ब्रैंड को कैसे शामिल किया जाए.
Google Pay के पेमेंट बटन
Google Pay के पेमेंट बटन को हमेशा Google Pay API को कॉल करना चाहिए. इसके बाद, Google Pay API, पेमेंट शीट को कॉल करता है. यहां उपयोगकर्ता, पेमेंट का तरीका चुन सकते हैं.
एसेट
createButton() JavaScript तरीका, एचटीएमएल <button> एलिमेंट के लिए, Google CDN से सीएसएस नियमों और SVG फ़ाइल को डाइनैमिक तरीके से जोड़ता है.
createButton()
तरीके का इस्तेमाल करने पर, आपको ये मिलते हैं:
- ब्रैंड के दिशा-निर्देशों का पालन करना: Google Pay के पेमेंट बटन को आसानी से इंटिग्रेट करें. यह बटन, Google Pay के ब्रैंडिंग से जुड़े नए दिशा-निर्देशों का अपने-आप पालन करता है. साथ ही, यह आपके यूज़र इंटरफ़ेस (यूआई) के डिज़ाइन से मेल खाने वाले विकल्पों को कम से कम समय में उपलब्ध कराता है.
- अपनी पसंद के मुताबिक शेप: बटन के कोनों को अपनी पसंद के मुताबिक गोल करें, ताकि यह आपके मौजूदा डिज़ाइन से मेल खाए.
- स्थानीय भाषा में अनुभव: बटन का कैप्शन, उपयोगकर्ता के ब्राउज़र की भाषा में अपने-आप अनुवादित हो जाता है. इससे ऐक्सेसिबिलिटी बेहतर होती है.
- उपयोगकर्ताओं के लिए उनकी पसंद के मुताबिक: उपयोगकर्ताओं को उनके Google Pay वॉलेट में उपलब्ध पेमेंट के तरीकों के बारे में बताएं, ताकि वे तेज़ी से चेकआउट कर सकें.
अगर यह सुविधा या इसमें इस्तेमाल की जा सकने वाली भाषाएं आपकी ज़रूरतों के मुताबिक नहीं हैं, तो हमसे संपर्क करें.
शैली
Google Pay के सभी पेमेंट बटन, दो स्टाइल में उपलब्ध होते हैं: डार्क और लाइट. ऐसेट सेक्शन में, आपको दोनों स्टाइल के उदाहरण दिखेंगे. Google Pay के ब्रैंड नाम का अनुवाद नहीं किया जाना चाहिए. अपने स्थानीय भाषा में लिखे गए टेक्स्ट का इस्तेमाल करके बटन न बनाएं.
| बटन का टाइप | गहरे रंग वाली थीम | हल्की |
| book |  |
 |
| buy |  |
 |
| checkout |  |
 |
| दान करें |  |
 |
| order |  |
 |
| पेमेंट करें |  |
 |
| plain |  |
 |
| subscribe |  |
 |
बटन के लिए ऐसे शब्दों का इस्तेमाल करें जो आपके चेकआउट पेज के हिसाब से सबसे सही हों. |
कंट्रास्ट देने के लिए, हल्के रंग के बैकग्राउंड पर गहरे रंग के बटन इस्तेमाल करें. |
गहरे या रंगीन बैकग्राउंड पर हल्के रंग के बटन इस्तेमाल करें. |
मनमुताबिक बनाना
जब लोगों के Google Pay खाते में ज़रूरी शर्तें पूरी करने वाला कार्ड होता है, तो "खरीदें", "पेमेंट करें" और "सामान्य" पेमेंट बटन पर कार्ड नेटवर्क और कार्ड नंबर के आखिरी चार अंक दिखते हैं. कार्ड नेटवर्क, "इससे खरीदें" या "इससे पेमेंट करें" टेक्स्ट की जगह पर दिखेगा.
| बटन का टाइप | गहरे रंग वाली थीम | हल्की |
| खरीदारी, पेमेंट, और प्लान |  |
 |
दिलचस्पी के हिसाब से विज्ञापन दिखाने की सुविधा चालू करने के लिए, 'खरीदें', 'पेमेंट करें' या 'सामान्य' बटन टाइप का इस्तेमाल करें. |
कंट्रास्ट देने के लिए, हल्के रंग के बैकग्राउंड पर गहरे रंग के बटन इस्तेमाल करें. |
गहरे या रंगीन बैकग्राउंड पर हल्के रंग के बटन इस्तेमाल करें. |
पसंद के हिसाब से सेट किया गया बटन
हर बटन की झलक देखने के लिए, इस टूल का इस्तेमाल करें:
जगह खाली करना
पेमेंट बटन के चारों ओर कम से कम 8 dp की खाली जगह हमेशा बनाए रखें. पक्का करें कि ग्राफ़िक या टेक्स्ट से, क्लियर स्पेस कभी न टूटे.
उदाहरण
| अगर Google Pay बटन को किसी दूसरे बटन के बगल में रखा जाता है, तो पक्का करें कि Google Pay बटन का साइज़ दूसरे बटन के साइज़ के बराबर हो. | हमेशा ऐसे Google Pay बटन का इस्तेमाल करें जिसका रंग, उस बैकग्राउंड से अलग हो जिस पर वह दिखता है. |
| Google Pay बटन का साइज़ बदलते समय, हमेशा उसके अनुपात को एक जैसा रखें. |
क्या करें और क्या न करें
| ऐसा करें | क्या न करें |
|---|---|
|
|
Google Pay का लोगो
पेमेंट के फ़्लो में Google Pay को विकल्प के तौर पर दिखाते समय, इन दिशा-निर्देशों में दिए गए Google Pay मार्क का ही इस्तेमाल करें.
एसेट
SVG फ़ाइल फ़ॉर्मैट में Google Pay का मार्क डाउनलोड करने के लिए, इस बटन पर क्लिक करें:
ऐसेट डाउनलोड करनाचिह्नित करें
पेमेंट के विकल्प के तौर पर Google Pay को दिखाते समय, इस Google Pay मार्क का इस्तेमाल करें:
अगर आपने अन्य ब्रैंड के लिए ऐसा किया है, तो मार्क के बगल में टेक्स्ट में "Google Pay" दिखाएं. मार्क की आउटलाइन के रंग या मोटाई में बदलाव न करें. साथ ही, मार्क में किसी भी तरह का बदलाव न करें. सिर्फ़ Google की ओर से दिए गए मार्क का इस्तेमाल करें.
जगह खाली करना
Google Pay के स्वीकार किए जाने के निशान के चारों ओर, कैपिटल G की ऊंचाई का कम से कम आधा (0.5x) हिस्सा हमेशा खाली रखें. पक्का करें कि खाली जगह, आपकी ओर से दिखाई जाने वाली अन्य ब्रैंड आइडेंटिटी के हिसाब से हो.
साइज़
पेमेंट के तरीके के साथ दिखने वाले दूसरे ब्रैंड की पहचान से मेल खाने के लिए, ऊंचाई में बदलाव करें. Google Pay के मार्क को अन्य ब्रैंड आइडेंटिटी से छोटा न बनाएं.
क्या करें और क्या न करें
| ऐसा करें | क्या न करें |
|---|---|
|
|
टेक्स्ट में Google Pay
टेक्स्ट का इस्तेमाल, पेमेंट के विकल्प के तौर पर Google Pay को दिखाने के लिए किया जा सकता है. साथ ही, इसका इस्तेमाल मार्केटिंग से जुड़े कम्यूनिकेशन में Google Pay का प्रमोशन करने के लिए भी किया जा सकता है.
- "G" और "P" को कैपिटल लेटर में लिखो
- हमेशा कैपिटल लेटर "G" और कैपिटल लेटर "P" का इस्तेमाल करें. इसके बाद, छोटे अक्षरों का इस्तेमाल करें. "GOOGLE PAY" को पूरी तरह से कैपिटल लेटर में न लिखें. हालांकि, अगर आपको अपनी वेबसाइट पर टाइपोग्राफ़िक स्टाइल से मेल खाना है, तो ऐसा किया जा सकता है. मार्केटिंग से जुड़े किसी भी कम्यूनिकेशन में, "GOOGLE PAY" को कैपिटल लेटर में कभी इस्तेमाल न करें.
- Google Pay को छोटा करके न लिखें
- "Google" और "Pay" शब्दों को हमेशा पूरा लिखें.
- अपनी वेबसाइट के स्टाइल से मैच करना
- अपनी वेबसाइट पर मौजूद बाकी टेक्स्ट की तरह ही, "Google Pay" को भी एक ही फ़ॉन्ट और टाइपोग्राफ़िक स्टाइल में सेट करें. Google की टाइपोग्राफ़िक स्टाइल की नकल न करें.
- Google Pay का अनुवाद न करें
- "Google Pay" को हमेशा अंग्रेज़ी में लिखें. इसका अनुवाद किसी दूसरी भाषा में न करें.
- मार्केटिंग कम्यूनिकेशन में पहली बार "Google Pay" दिखने पर, ट्रेडमार्क सिंबल का इस्तेमाल करें
- मार्केटिंग के लिए इस्तेमाल किए जाने वाले कम्यूनिकेशन में "Google Pay" का इस्तेमाल करते समय, ट्रेडमार्क का सिंबल ™ दिखाएं. इसे पहली बार या सबसे मुख्य जगह पर दिखाएं. अपनी वेबसाइट पर, Google Pay को पेमेंट के विकल्प के तौर पर लिस्ट करते समय, ट्रेडमार्क सिंबल का इस्तेमाल न करें.
| अगर पेमेंट के अन्य विकल्पों के लिए ब्रैंड की पहचान नहीं दिखाई जाती है, तो "Google Pay" को टेक्स्ट के साथ दिखाएं. | “Google Pay” को उसी फ़ॉन्ट और टाइपोग्राफ़िक स्टाइल में सेट करें जिसमें आपकी साइट पर मौजूद बाकी टेक्स्ट लिखा गया है. |
Google Pay इस्तेमाल करने के सबसे सही तरीके
चेकआउट फ़्लो और पेमेंट शीट की मदद से, अपने कन्वर्ज़न बढ़ाएं. इनकी मदद से, खरीदार आसानी से और तुरंत पेमेंट की जानकारी देख सकते हैं और खरीदारी की पुष्टि कर सकते हैं.
सबसे सही तरीके ये हैं:
- Google Pay को पेमेंट के मुख्य तरीके के तौर पर सेट करें.
- जहां भी हो सके, Google Pay बटन को साफ़ तौर पर दिखाएं. इसे पेमेंट के डिफ़ॉल्ट विकल्प या पेमेंट के सिर्फ़ एक विकल्प के तौर पर भी सेट किया जा सकता है.
- अपने ग्राहकों को बिना खाता बनाए खरीदारी करने की सुविधा दें
- खाता बनाने की वजह से, चेकआउट की प्रोसेस धीमी हो जाती है. इससे खरीदार कार्ट में मौजूद सामान को छोड़ सकते हैं. मेहमान के तौर पर जल्दी चेकआउट करने की सुविधा चालू करने के लिए, Google Pay का इस्तेमाल करें. अगर आपको अपने खरीदारों को खाता बनाने की सुविधा देनी है, तो उन्हें खरीदारी पूरी करने के बाद ऐसा करने की अनुमति दें.
- कार्ट में मौजूद सामान के लिए चेकआउट करते समय, Google Pay का इस्तेमाल करके पेमेंट शुरू करना
- Google Pay बटन पर क्लिक करने से पेमेंट शीट खुल जाती है. पेमेंट शीट पर, खरीदार सिर्फ़ एक पेमेंट का तरीका और शिपिंग पता चुन सकते हैं और उसकी पुष्टि कर सकते हैं. Google Pay बटन चुनने का विकल्प खरीदारों को देने से पहले, यह पक्का करें कि आपके पास वह सारी जानकारी मौजूद हो जिसकी आपको ज़रूरत है. अन्य जानकारी में यह शामिल हो सकता है:
- किसी आइटम का साइज़, रंग या संख्या.
- उपहार के तौर पर दिए जाने वाले मैसेज को जोड़ने या प्रोमो कोड लागू करने का विकल्प.
- हर सामान के लिए, शिपिंग में लगने वाला अलग-अलग समय और डेस्टिनेशन चुनने की सुविधा.
- अगर कोई खरीदार ज़रूरी जानकारी नहीं देता है, तो उसे रीयल-टाइम में फ़ीडबैक दें. इससे उसे पता चलेगा कि पेमेंट शीट खोलने से पहले आपको कौनसी जानकारी चाहिए.
- कार्ट चेकआउट के अलावा, प्रॉडक्ट की जानकारी वाले पेजों पर Google Pay बटन जोड़ना
- अगर खरीदारों को प्रॉडक्ट की जानकारी वाले पेजों से ही अलग-अलग खरीदारी करने की सुविधा दी जाती है, तो एक आइटम के लिए चेकआउट की प्रोसेस को तेज़ किया जा सकता है. अगर कोई खरीदार यह विकल्प चुनता है, तो पक्का करें कि आपने उसके शॉपिंग कार्ट में मौजूद अन्य सभी आइटम हटा दिए हों. ऐसा इसलिए, क्योंकि पेमेंट शीट में सिर्फ़ पेमेंट और शिपिंग की जानकारी की पुष्टि की जा सकती है.
- पुष्टि करने वाले पेजों और रसीदों पर Google Pay को शामिल करें
- पुष्टि करने वाले पेजों और ईमेल से भेजी गई रसीदों पर पेमेंट की जानकारी दिखाते समय, पक्का करें कि आपने यह बताया हो कि खरीदार ने Google Pay से पेमेंट किया है. साथ ही, Google Pay को उसी तरह से दिखाएं जिस तरह से पेमेंट के अन्य तरीकों को दिखाया जाता है.
- उपयोगकर्ता को कभी भी पूरे खाता नंबर, समयसीमा खत्म होने की तारीख या पेमेंट के तरीके की अन्य जानकारी न दिखाएं. पेमेंट के तरीके की पहचान करने के लिए, हमेशा Google Pay API से मिले जानकारी वाले टेक्स्ट का इस्तेमाल करें.
- यहां जानकारी देने वाले टेक्स्ट के कुछ उदाहरण दिए गए हैं:
- "Google Pay की मदद से Network •••• 1234 का इस्तेमाल करें"
- "नेटवर्क •••• 1234 (Google Pay)"
- "Google Pay (Network •••• 1234)"
- "Paypal abc...d@gmail.com with Google Pay"
- "पेमेंट का तरीका: Google Pay"
- "Google Pay से पेमेंट किया गया"
पूरी जानकारी का इस्तेमाल करना
यहां दी गई इमेज में, इंटिग्रेशन पूरा होने के बाद की स्थिति दिखाई गई है. इस इंटिग्रेशन में, आइटम चुनने/खरीदारी से पहले का चरण, लेन-देन का चरण, Google Pay चुनने का चरण, और खरीदारी के बाद का चरण भी शामिल है.
मंज़ूरी पाना
Google Pay API को इंटिग्रेट करने के बाद, प्रोडक्शन टेस्टिंग ट्रैक का ऐक्सेस पाने के लिए, आपको उन सभी जगहों के लिए मंज़ूरी लेनी होगी जहां Google Pay को दिखाया या उसका रेफ़रंस दिया जाता है.
वेब इंटिग्रेशन को समीक्षा के लिए सबमिट करने के लिए, हमारी इंटिग्रेशन चेकलिस्ट पूरी करें. आपको एक कामकाजी दिन में, मंज़ूरी या सुझाव/राय मिल जानी चाहिए.