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

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

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

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

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

ग्राहक खातों से सोशल साइन-इन कनेक्ट करने के लिए, निम्नलिखित बातों की समीक्षा करें:

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

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

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

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

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

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

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

  3. Google से साइन इन करें पेज खोलने के लिए, Google के आगे कनेक्ट करें पर क्लिक करें।

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

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

  1. दूसरे ब्राउज़र टैब में, अपने Google Cloud Console में साइन इन करें।
  2. किसी मौजूदा प्रोजेक्ट को चुनें या नया बनाएं। आपको प्रोजेक्ट के डैशबोर्ड पर रीडायरेक्ट कर दिया जाएगा।
  3. Menu पर क्लिक करें और फिर API और सेवाएं > क्रेडेंशियल पर क्लिक करें।
  4. सहमति स्क्रीन कॉन्फ़िगर करें > शुरू करें पर क्लिक करें।
  5. अपने प्रोजेक्ट OAuth कॉन्फ़िगरेशन विवरण को पूरा करें:
    1. अपने ऐप को ऐसा नाम दें, जिसे ग्राहक पहचान सके, जैसे आपके ऑनलाइन स्टोर का नाम। तकनीकी सहायता के लिए अपना ईमेल दें और फिर अगला पर क्लिक करें।
    2. दर्शक सेक्शन में, बाहरी चुनें और फिर अगला पर क्लिक करें।
    3. प्रोजेक्ट के बारे में Google की ओर से मिलने वाली किसी भी सूचना के लिए एक संपर्क ईमेल दें और फिर अगला पर क्लिक करें।
    4. Google की API सेवा उपयोगकर्ता डेटा नीति से सहमत हों और फिर जारी रखें पर क्लिक करें।
    5. बनाएं पर क्लिक करें।
  6. अपने ऐप की नीति से जुड़ी वह जानकारी कॉन्फ़िगर करें, जो ग्राहकों को सहमति स्क्रीन पर दिखाई देती है:
    1. ब्रांडिंग पर क्लिक करें।
    2. ऐप डोमेन सेक्शन में, अपने होम पेज का एक लिंक, अपनी सार्वजनिक गोपनीयता नीति का एक लिंक और अपनी सेवा की शर्तों का एक लिंक शामिल करें। स्टोर नीतियां बनाने के बारे में ज़्यादा जानें।

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

इस चरण में आपको अपने Shopify एडमिन के Google से साइन इन करें पेज के सेटअप निर्देश सेक्शन से जानकारी कॉपी करनी होगी और उसे अपने Google Cloud Console टैब में उपयुक्त फ़ील्ड में पेस्ट करना होगा।

  1. Google Cloud Console में अपने प्रोजेक्ट के ऐप में, खास जानकारी पर क्लिक करें।
  2. मेट्रिक्स सेक्शन में, OAuth क्लाइंट बनाएं पर क्लिक करें.
  3. OAuth क्लाइंट की जानकारी कॉन्फ़िगर करें:
    1. ऐप्लिकेशन प्रकार ड्रॉप-डाउन मेनू से, वेब ऐप्लिकेशन चुनें.
    2. नाम फ़ील्ड में, एक नाम डालें.
  4. अपने ऐप के लिए Authorized Javascript origins कॉन्फ़िगर करें:
  5. Authorized Javascript origins सेक्शन में, + Add URI पर क्लिक करें.
  6. अपने Shopify एडमिन में Google से साइन इन करें पेज पर, Authorized Javascript ऑरिजिन मान कॉपी करें.
  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 में, बनाएं पर क्लिक करें.

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

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

  1. अपने Google Cloud Console में OAuth क्लाइंट बनाया गया डायलॉग से, Client ID कॉपी करें.
  2. अपने Shopify एडमिन के Google से साइन इन करें पेज पर, क्रेडेंशियल सेक्शन में, Client ID पेस्ट करें.
  3. अपने Google Cloud Console में OAuth क्लाइंट बनाया गया डायलॉग से, क्लाइंट सीक्रेट कॉपी करें.
  4. अपने Shopify एडमिन के Google से साइन इन करें पेज पर, क्रेडेंशियल सेक्शन में, क्लाइंट सीक्रेट पेस्ट करें.
  5. अपने Shopify एडमिन के Google से साइन इन करें पेज पर, सेव करें पर क्लिक करें.

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

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

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

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

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

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

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

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

  3. Facebook से साइन इन करें पेज खोलने के लिए, Facebook के आगे कनेक्ट करें पर क्लिक करें.

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

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

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

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

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

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

चरण 5: Facebook से साइन इन करें को टेस्ट और एक्टिवेट करें

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

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

अपने सोशल साइन-इन विकल्पों को प्रबंधित करना

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

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

चरण:

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

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

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

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

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