ग्राहक खातों के लिए सोशल साइन-इन

ग्राहक खातों के डिफ़ॉल्ट पासवर्डलेस साइन-इन अनुभव के अलावा, आप अपने Google और Facebook खातों को कनेक्ट कर सकते हैं, ताकि ग्राहक अपने सोशल क्रेडेंशियल का उपयोग करके साइन इन कर सकें।

ग्राहक खातों के लिए सोशल साइन-इन चालू करने से ग्राहकों को जाने-पहचाने ऑथेंटिकेशन के तरीकों के ज़रिए ज़्यादा तेज़ साइन-इन अनुभव मिल सकता है। आप अपने स्टोर पर एक से ज़्यादा सोशल साइन-इन तरीके चालू कर सकते हैं।

अगर आपने अपने खुद के आइडेंटिटी प्रोवाइडर को ग्राहक खातों से कनेक्ट किया है और आप सोशल साइन-इन कनेक्ट करना चाहते हैं, तो आपको अपने बाहरी आइडेंटिटी प्रोवाइडर से संपर्क करना होगा।

ग्राहक खातों से सोशल साइन-इन कनेक्ट करने से जुड़ी खास बातें

ग्राहक खातों से सोशल साइन-इन कनेक्ट करने के लिए निम्नलिखित खास बातों पर ध्यान दें:

  • आपके पास उस प्रोवाइडर के लिए एक डेवलपर अकाउंट होना चाहिए, जिसे आप ग्राहक खातों से कनेक्ट करना चाहते हैं।
  • जब आप सोशल साइन-इन का उपयोग करते हैं, तो Shopify के साथ सिंक होने वाला एकमात्र ग्राहक डेटा ग्राहक का ईमेल एड्रेस होता है।

ग्राहक खातों से Google को कनेक्ट करें

Google को ग्राहक खातों से कनेक्ट करने के लिए, आपको निम्नलिखित कामों को क्रम में पूरा करना होगा:

सेटअप के दौरान, आपको अपने Google Cloud Console और Shopify एडमिन के ब्राउज़र टैब के बीच स्विच करना होगा। Google को ग्राहक खातों से कनेक्ट करने के लिए आपके पास एक Google Cloud अकाउंट सेट अप होना चाहिए। Google Cloud के बारे में ज़्यादा जानने के लिए, Google के सहायता दस्तावेज़ देखें।

चरण 1: अपने Shopify एडमिन में Sign in with Google पेज खोलें

  1. अपने Shopify एडमिन से, सेटिंग्स > ग्राहक खाते पर जाएं।

  2. ऑथेंटिकेशन सेक्शन में, मैनेज करें पर क्लिक करें।

  3. Sign in with Google पेज खोलने के लिए Google के बगल में स्थित कनेक्ट करें पर क्लिक करें।

इस पेज में ऐसी जानकारी है जिसे अपने Google ऐप के OAuth क्लाइंट को कॉन्फ़िगर करते समय आपको कॉपी और पेस्ट करना होगा, इसलिए इस पेज को एक अलग ब्राउज़र टैब में खुला रखें।

चरण 2: अपने Google Cloud Console में एक ऐप बनाएं

  1. दूसरे ब्राउज़र टैब में, अपने Google Cloud Console में साइन इन करें।
  2. कोई मौजूदा प्रोजेक्ट चुनें या एक नया प्रोजेक्ट बनाएं। आपको प्रोजेक्ट के डैशबोर्ड पर रीडायरेक्ट कर दिया जाएगा।
  3. मेनू पर क्लिक करें और फिर APIs & Services > Credentials पर क्लिक करें।
  4. Configure consent screen > Get started पर क्लिक करें।
  5. अपने प्रोजेक्ट के OAuth कॉन्फ़िगरेशन विवरण पूरे करें:
    1. अपने ऐप को एक ऐसा नाम दें जिसे ग्राहक पहचान सकें, जैसे कि आपके ऑनलाइन स्टोर का नाम। तकनीकी सहायता के लिए अपना ईमेल दें और फिर Next पर क्लिक करें।
    2. Audience सेक्शन में, External चुनें और फिर Next पर क्लिक करें।
    3. प्रोजेक्ट के बारे में Google के किसी भी नोटिफ़िकेशन के लिए संपर्क ईमेल दें और फिर Next पर क्लिक करें।
    4. Google की API Services User Data Policy से सहमत हों और फिर Continue पर क्लिक करें।
    5. Create पर क्लिक करें।
  6. अपने ऐप की नीति संबंधी वह जानकारी कॉन्फ़िगर करें, जो कंसेंट स्क्रीन पर ग्राहकों को दिखाई देती है:
    1. Branding पर क्लिक करें।
    2. App domain सेक्शन में, अपने होम पेज का लिंक, अपनी सार्वजनिक गोपनीयता नीति का लिंक और अपनी सेवा की शर्तों का लिंक शामिल करें। स्टोर की नीतियां बनाने के बारे में ज़्यादा जानें।

चरण 3: अपने Google Cloud Console में अपने ऐप के OAuth क्लाइंट को कॉन्फ़िगर करें

इस चरण में आपको अपने Shopify एडमिन के Sign in with Google पेज के Setup instructions सेक्शन से विवरण कॉपी करके, उन्हें अपने Google Cloud Console टैब में सही फ़ील्ड में पेस्ट करना होगा।

  1. Google Cloud Console में अपने प्रोजेक्ट के ऐप में, Overview पर क्लिक करें।
  2. Metrics सेक्शन में, Create OAuth client पर क्लिक करें।
  3. OAuth क्लाइंट का विवरण कॉन्फ़िगर करें:
    1. Application type ड्रॉप-डाउन मेनू से, Web application चुनें।
    2. Name फ़ील्ड में एक नाम दर्ज करें।
  4. अपने ऐप के लिए Authorized Javascript origins कॉन्फ़िगर करें:
  5. Authorized Javascript origins सेक्शन में, + Add URI पर क्लिक करें।
  6. अपने Shopify एडमिन में Sign in with Google पेज पर, Authorized Javascript origins की वैल्यू कॉपी करें।
  7. अपने Google Cloud Console में, URIs 1 फ़ील्ड में वह वैल्यू पेस्ट करें।
  8. अगर आपके Shopify एडमिन के Authorized Javascript सेक्शन में एक से ज़्यादा URI हैं, तो अतिरिक्त URI फ़ील्ड के लिए इन चरणों को दोहराएं।
  9. अपने ऐप के लिए Authorized redirect URIs कॉन्फ़िगर करें:
  10. अपने Google Cloud Console में, Authorized redirect URIs सेक्शन में, + Add URI पर क्लिक करें।
  11. अपने Shopify एडमिन वाले ब्राउज़र टैब में, Authorized redirect URI की वैल्यू कॉपी करें।
  12. वापस अपने Google Cloud Console पर जाएं और फिर URIs 1 फ़ील्ड में वह वैल्यू पेस्ट करें।
  13. अगर आपके Shopify एडमिन के Authorized redirect URI सेक्शन में एक से ज़्यादा URI हैं, तो अतिरिक्त URI फ़ील्ड के लिए इन चरणों को दोहराएं।
  14. अपने Google Cloud Console में, बनाएं पर क्लिक करें।

प्रदर्शित होने वाले OAuth client created डायलॉग को चरण 4: अपने Shopify एडमिन में क्रेडेंशियल कॉन्फ़िगर करें के लिए खुला रखें, क्योंकि आपको Google Cloud Console से जानकारी कॉपी करके उसे अपने Shopify एडमिन में पेस्ट करना होगा।

चरण 4: अपने Shopify एडमिन में क्रेडेंशियल कॉन्फ़िगर करें

  1. अपने Google Cloud Console के OAuth client created डायलॉग से, क्लाइंट आईडी कॉपी करें।
  2. अपने Shopify एडमिन के Google से साइन इन करें पेज पर मौजूद क्रेडेंशियल सेक्शन में, क्लाइंट आईडी पेस्ट करें।
  3. अपने Google Cloud Console के OAuth client created डायलॉग से, क्लाइंट सीक्रेट कॉपी करें।
  4. अपने Shopify एडमिन के Google से साइन इन करें पेज पर क्रेडेंशियल सेक्शन में, क्लाइंट सीक्रेट पेस्ट करें।
  5. अपने Shopify एडमिन के Google से साइन इन करें पेज पर, सेव करें पर क्लिक करें।

चरण 5: अपने Google Cloud Console में अपना ऐप प्रकाशित करें

  1. Google Cloud Console में अपने प्रोजेक्ट के ऐप में, Audience पर क्लिक करें।
  2. ऐप प्रकाशित करें पर क्लिक करें।

Facebook को ग्राहक खातों से कनेक्ट करें

Facebook को ग्राहक खातों से कनेक्ट करने के लिए, आपको नीचे दिए गए काम क्रम से पूरे करने होंगे:

सेटअप के दौरान, आपको अपने Meta for Developers डैशबोर्ड और अपने Shopify एडमिन के लिए ब्राउज़र टैब के बीच स्विच करना होगा। Facebook को ग्राहक खातों से कनेक्ट करने के लिए, आपके पास एक Meta डेवलपर खाता होना चाहिए। जानें कि Meta डेवलपर के तौर पर रजिस्टर कैसे करें।

चरण 1: अपने Shopify एडमिन में Facebook से साइन इन करें पेज खोलें

  1. अपने Shopify एडमिन से, सेटिंग्स > ग्राहक खाते पर जाएं।

  2. ऑथेंटिकेशन सेक्शन में, मैनेज करें पर क्लिक करें।

  3. Facebook से साइन इन करें पेज खोलने के लिए Facebook के बगल में मौजूद कनेक्ट करें पर क्लिक करें।

चरण 2: अपने Meta for Developers डैशबोर्ड में एक ऐप बनाएं

  1. एक अलग ब्राउज़र टैब में, Meta for Developers डैशबोर्ड पर जाएं और फिर साइन इन करने के लिए लॉगिन पर क्लिक करें। अगर आपने Meta डेवलपर खाता सेट अप नहीं किया है, तो आपको अगले चरण पर जाने से पहले लॉगिन पेज से एक नया खाता बनाना होगा।
  2. ऐप पर क्लिक करें।
  3. ऐप बनाएं पर क्लिक करें।
  4. ऐप का नाम और ऐप संपर्क ईमेल फ़ील्ड भरें, और फिर अगला पर क्लिक करें।
  5. Add use cases पेज पर, Authenticate and request data from users with Facebook Login चुनें, और फिर Next पर क्लिक करें।
  6. Which business portfolio do you want to connect to this app पेज पर, एक बिज़नेस पोर्टफ़ोलियो चुनें, या I don't want to connect a business portfolio yet. चुनें, और फिर Next पर क्लिक करें।
  7. Publishing requirements पेज की समीक्षा करें, और फिर Next पर क्लिक करें।
  8. Overview पेज की समीक्षा करें, और फिर Go to dashboard पर क्लिक करें।

चरण 3: अपनी Meta ऐप सेटिंग कॉन्फ़िगर करें

  1. एक ऐप बनाने के बाद, अपने Meta for Developers डैशबोर्ड में, Use cases पर क्लिक करें।
  2. Authenticate and request data from users with Facebook Login उपयोग के मामले पर, Customize पर क्लिक करें।
  3. यह पक्का करने के लिए कि साइन-इन पर ग्राहक की जानकारी कैप्चर की गई है, Permissions and features सेक्शन में email के बगल में मौजूद Add पर क्लिक करें।
  4. सेटिंग पर क्लिक करें, और फिर Client OAuth settings पर जाएं।
  5. अपने Shopify एडमिन में मौजूद Facebook से साइन इन करें पेज पर, रीडायरेक्ट URL सेक्शन से रीडायरेक्ट URL कॉपी करें।
  6. अपने Meta for Developers डैशबोर्ड के सेटिंग पेज पर, रीडायरेक्ट URL को Valid OAuth Redirect URIs फ़ील्ड में पेस्ट करें।
  7. अगर आपके Shopify एडमिन के रीडायरेक्ट URL सेक्शन में एक से ज़्यादा रीडायरेक्ट URL हैं, तो अतिरिक्त रीडायरेक्ट URL के लिए इन चरणों को दोहराएं।
  8. अपने Shopify एडमिन में मौजूद Facebook से साइन इन करें पेज पर, डीऑथराइज़ URL सेक्शन से URL कॉपी करें।
  9. अपने Meta for Developers डैशबोर्ड के सेटिंग पेज पर, URL को Deauthorize callback URL फ़ील्ड में पेस्ट करें।
  10. अपने Meta for Developers डैशबोर्ड के सेटिंग पेज पर, बदलाव सेव करें पर क्लिक करें।

चरण 4: अपने Shopify एडमिन में क्रेडेंशियल कॉन्फ़िगर करें

  1. अपने Meta for Developers डैशबोर्ड पर लौटने के लिए होम आइकन पर क्लिक करें, और फिर App settings > Basic पर क्लिक करें।
  2. अपने Meta for Developers डैशबोर्ड से ऐप आईडी कॉपी करें।
  3. अपने Shopify एडमिन में मौजूद Facebook से साइन इन करें पेज पर, ऐप आईडी को क्रेडेंशियल सेक्शन के ऐप आईडी फ़ील्ड में पेस्ट करें।
  4. अपने Meta for Developers डैशबोर्ड में, ऐप सीक्रेट के बगल में मौजूद Show पर क्लिक करें और फिर ऐप सीक्रेट कॉपी करें।
  5. अपने Shopify एडमिन में मौजूद Facebook से साइन इन करें पेज पर, ऐप सीक्रेट को ऐप सीक्रेट फ़ील्ड में पेस्ट करें, और फिर सेव करें पर क्लिक करें।
  6. अपने Shopify एडमिन में, बदलाव सेव करें पर क्लिक करें।

चरण 5: Facebook से साइन इन करें का परीक्षण करें और उसे सक्रिय करें

  1. अपने Shopify एडमिन के Facebook से साइन इन करें पेज पर, ज़्यादा कार्रवाइयां > झलक देखें पर क्लिक करें, और फिर Facebook प्रमाणीकरण फ़्लो का इस तरह परीक्षण करें जैसे कि आप अपने स्टोर में साइन इन करने वाले कोई ग्राहक हों।
  2. चालू करें पर क्लिक करें।

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

Shop से साइन इन करें

अगर आपने Shop Pay सक्रिय किया है, तो आपका ग्राहक अपने Shop क्रेडेंशियल और सहेजे गए पासकी से साइन इन कर सकता है। आपके स्टोर पर Shop Pay का उपयोग करके चेक आउट करने के बाद, ग्राहकों को Shop से भी अपने-आप साइन इन कर दिया जाता है।

ग्राहक खातों के लिए Shop के साथ साइन इन करें अपने-आप चालू हो जाता है, और इसे आपके स्टोर से तभी हटाया जा सकता है जब आप Shop Pay को निष्क्रिय करते हैं

जानें कि अपने स्टोर में Shop के साथ साइन इन करें बटन कैसे जोड़ें

अपने सोशल साइन-इन विकल्पों को मैनेज करना

आप अपने द्वारा कनेक्ट किए गए सोशल साइन-इन तरीके को एडिट कर सकते हैं, बंद कर सकते हैं या हटा सकते हैं।

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

चरण:

  1. अपने Shopify एडमिन से, सेटिंग्स > ग्राहक खाते पर जाएं।

  2. ऑथेंटिकेशन सेक्शन में, मैनेज करें पर क्लिक करें।

  3. आप जिस साइन-इन तरीके को बदलना चाहते हैं उसके बगल में मौजूद, मेनू पर क्लिक करें।

  4. निम्नलिखित में से कोई भी एक कार्य करें:

    • साइन-इन विकल्प को एडिट करने के लिए, मैनेज करें पर क्लिक करें, और फिर उन क्रेडेंशियल को अपडेट करें जिन्हें आप एडिट करना चाहते हैं।
    • किसी साइन-इन विकल्प को हटाए बिना उसे बंद करने के लिए, बंद करें पर क्लिक करें।
    • साइन-इन विकल्प हटाने के लिए, हटाएं पर क्लिक करें, और फिर डायलॉग में हटाएं पर क्लिक करें।

अपने ग्राहक खाता डोमेन को बदलते समय अपने सोशल साइन-इन को अपडेट करना

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

ये चरण तब आवश्यक होते हैं जब आप Shopify में अपने ग्राहक खाता URL को पुराने फ़ॉर्मैट, जैसे shopify.com/1234567890/account, से नए उप डोमेन फ़ॉर्मैट account.your-store.com में अपडेट करते हैं, या किसी मौजूदा उप डोमेन से किसी अन्य उप डोमेन में अपडेट करते हैं, जैसे account.your-store.com को customers.your-store.com में अपडेट करना।

अपने सोशल प्रोवाइडर में नया ग्राहक खाता उप डोमेन जोड़ें

आप नए डोमेन को अपने मौजूदा डोमेन के साथ-साथ अपने सोशल प्रोवाइडर की सेटिंग में जोड़ेंगे। Shopify में ग्राहक खाता डोमेन बदलने और यह पुष्टि करने के बाद कि ग्राहक खातों के लिए साइन-इन और साइन-आउट प्रक्रिया काम कर रही है, आप पुरानी डोमेन एंट्री हटा सकते हैं।

आपको अपने द्वारा चालू किए गए प्रत्येक सोशल साइन-इन विकल्प के लिए इन चरणों को दोहराना होगा।

चरण:

Google
  1. Google Cloud Console पर जाएं और APIs & Services > क्रेडेंशियल खोलें।
  2. Shopify के लिए आपके द्वारा बनाया गया OAuth 2.0 Client चुनें।
  3. Authorized JavaScript origins में, एक नई एंट्री जोड़ें। उदाहरण के लिए: https://account.your-store.com
  4. Authorized redirect URIs में, एक नई एंट्री जोड़ें। उदाहरण के लिए: https://account.your-store.com/authentication/social/google/callback
  5. Deauthorize callback URL में, एक नई एंट्री जोड़ें। उदाहरण के लिए: https://account.your-store.com/authentication/social/google/revoke
  6. अपने बदलाव सेव करें। अभी के लिए पुराने और नए दोनों URL रखें।
  7. अपने Shopify एडमिन पर वापस लौटें और Shopify में अपने खाता डोमेन को नए कस्टम उप डोमेन URL में बदलने के चरणों का पालन करें।
  8. यह पुष्टि करने के लिए कि सब कुछ सही से काम कर रहा है, अपने स्टोरफ़्रंट पर प्रत्येक सोशल विकल्प के साथ साइन-इन और साइन-आउट दोनों को टेस्ट करें।
  9. वैकल्पिक: साइन-इन प्रक्रिया के सही ढंग से काम करने की पुष्टि होने के बाद, आप Google पर वापस लौट सकते हैं और पुरानी डोमेन एंट्री हटा सकते हैं।
Facebook
  1. Meta for Developers पर जाएं और अपना ऐप खोलें।
  2. Facebook Login > Settings पर जाएं।
  3. Valid OAuth Redirect URIs में, एक नई एंट्री जोड़ें। उदाहरण के लिए: https://account.your-store.com/authentication/social/facebook/callback
  4. Deauthorize Callback URL में, एक नई एंट्री जोड़ें। उदाहरण के लिए: https://account.your-store.com/authentication/social/facebook/revoke
  5. Settings > Basic पर जाएं।
  6. App Domains में, एक नई एंट्री जोड़ें। उदाहरण के लिए: account.your-store.com
  7. अपने बदलाव सेव करें। अभी के लिए पुराने और नए दोनों URL रखें।
  8. अपने Shopify एडमिन पर वापस लौटें और Shopify में अपने खाता डोमेन को नए कस्टम उप डोमेन URL में बदलने के चरणों का पालन करें।
  9. यह पुष्टि करने के लिए कि सब कुछ सही से काम कर रहा है, अपने स्टोरफ़्रंट पर प्रत्येक सोशल विकल्प के साथ साइन-इन और साइन-आउट दोनों को टेस्ट करें।
  10. वैकल्पिक: साइन-इन प्रक्रिया के सही ढंग से काम करने की पुष्टि होने के बाद, आप Facebook पर वापस लौट सकते हैं और पुरानी डोमेन एंट्री हटा सकते हैं।