כניסה באמצעות רשתות חברתיות עבור חשבונות לקוחות
בנוסף לחוויית הכניסה ללא סיסמה המשמשת כברירת מחדל עבור חשבונות לקוחות, אפשר לחבר את חשבונות Google ו-Facebook כדי לאפשר ללקוחות להיכנס באמצעות פרטי הכניסה של החשבונות החברתיים שלהם.
הפעלת כניסה באמצעות רשתות חברתיות עבור חשבונות לקוחות יכולה לספק ללקוחות חוויית כניסה מהירה יותר דרך שיטות אימות מוכרות. אפשר להפעיל שיטות כניסה מרובות באמצעות רשתות חברתיות בחנות שלך.
אם חיברת ספק זהות משלך לחשבונות לקוחות וברצונך לחבר כניסה באמצעות רשתות חברתיות, עליך לפנות אל ספק הזהות החיצוני שלך.
בדף זה
שיקולים לחיבור כניסה באמצעות רשתות חברתיות לחשבונות לקוחות
יש לעיין בשיקולים הבאים עבור חיבור של כניסה באמצעות רשתות חברתיות לחשבונות לקוחות:
- חובה להיות בעל חשבון מפתח עבור הספק שברצונך לחבר לחשבונות לקוחות.
- נתוני הלקוח היחידים שמסונכרנים אל Shopify בעת שימוש בכניסה באמצעות רשתות חברתיות הם כתובת הדוא"ל של הלקוח.
חיבור Google לחשבונות לקוחות
כדי לחבר את Google לחשבונות לקוחות, עליך להשלים את המשימות הבאות לפי הסדר:
- שלב 1: פתיחת הדף 'Sign in with Google' ב-Shopify Admin
- שלב 2: יצירת יישום ב-Google Cloud Console שלך
- שלב 3: הגדרת לקוח ה-OAuth של היישום ב-Google Cloud Console שלך
- שלב 4: הגדרת פרטי הכניסה ב-Shopify Admin שלך
- שלב 5: פרסום היישום ב-Google Cloud Console שלך
במהלך ההתקנה, עליך לעבור בין כרטיסיות דפדפן עבור ה-Google Cloud Console וה-Shopify Admin. צריך להיות לך חשבון Google Cloud מוגדר כדי לחבר את Google לחשבונות לקוחות. למידע נוסף על Google Cloud, אפשר לעיין בתיעוד העזרה של Google.
שלב 1: פתיחת הדף 'Sign in with Google' ב-Shopify Admin
מתוך ה-Shopify Admin, יש לעבור אל הגדרות > חשבונות לקוחות.
במקטע אימות, יש ללחוץ על ניהול.
יש ללחוץ על חיבור לצד Google כדי לפתוח את הדף Sign in with Google.
דף זה מכיל מידע שיהיה עליך להעתיק ולהדביק בעת הגדרת לקוח ה-OAuth של יישום ה-Google שלך, לכן כדאי להשאיר את הדף הזה פתוח בכרטיסיית דפדפן נפרדת.
שלב 2: יצירת יישום ב-Google Cloud Console שלך
- בכרטיסיית דפדפן נוספת, עליך להיכנס אל Google Cloud Console שלך.
- יש לבחור פרויקט קיים או ליצור פרויקט חדש. תתבצע הפניה מחדש אל לוח המחוונים של הפרויקט.
- יש ללחוץ על
, ולאחר מכן ללחוץ על APIs & Services > Credentials.
- יש ללחוץ על Configure consent screen > Get started.
- יש להשלים את פרטי תצורת ה-OAuth של הפרויקט שלך:
- יש לתת ליישום שם שלקוחות יזהו, כמו שם החנות המקוונת שלך. יש לספק את כתובת הדוא"ל שלך לקבלת תמיכה טכנית, ולאחר מכן ללחוץ על Next.
- במקטע Audience, יש לבחור באפשרות External, ולאחר מכן ללחוץ על Next.
- יש לספק דוא"ל ליצירת קשר עבור כל התראה שעשויה להיות ל-Google בנוגע לפרויקט, ולאחר מכן ללחוץ על Next.
- יש להסכים למדיניות נתוני המשתמשים בשירותי ה-API של Google, ולאחר מכן ללחוץ על Continue.
- יש ללחוץ על Create.
- יש להגדיר את פרטי המדיניות של היישום שיוצגו ללקוחות במסך ההסכמה:
- יש ללחוץ על Branding.
- במקטע App domain, יש לכלול קישור לדף הבית שלך, קישור למדיניות הפרטיות הציבורית שלך וקישור לתנאי השימוש שלך. למידע נוסף על יצירת מדיניות עבור חנות.
שלב 3: הגדרת לקוח ה-OAuth של היישום ב-Google Cloud Console שלך
בשלב זה, עליך להעתיק פרטים מהמקטע הוראות התקנה בדף Sign in with Google ב-Shopify Admin ולהדביק אותם בשדות המתאימים בכרטיסייה של Google Cloud Console.
- ביישום הפרויקט שלך ב-Google Cloud Console, יש ללחוץ על Overview.
- במקטע Metrics, יש ללחוץ על Create OAuth client.
- יש להגדיר את פרטי לקוח ה-OAuth:
- מתוך התפריט הנפתח Application type, יש לבחור באפשרות Web application.
- בשדה Name, יש להזין שם.
- יש להגדיר את Authorized Javascript origins עבור היישום שלך:
- במקטע Authorized Javascript origins, יש ללחוץ על + Add URI.
- בדף Sign in with Google ב-Shopify Admin שלך, יש להעתיק את הערך של Authorized Javascript origins.
- ב-Google Cloud Console שלך, יש להדביק את הערך בשדה URIs 1.
- אם יש לך יותר מכתובת URI אחת במקטע Authorized Javascript ב-Shopify Admin, עליך לחזור על שלבים אלו עבור שדות ה-URI הנוספים.
- יש להגדיר את ה-Authorized redirect URIs עבור היישום שלך:
- ב-Google Cloud Console שלך, תחת המקטע Authorized redirect URIs, יש ללחוץ על + Add URI.
- בכרטיסיית הדפדפן של ה-Shopify Admin, יש להעתיק את הערך של Authorized redirect URI.
- יש לנווט בחזרה אל Google Cloud Console, ולאחר מכן להדביק את הערך בשדה URIs 1.
- אם יש לך יותר מכתובת URI אחת במקטע Authorized redirect URI ב-Shopify Admin, עליך לחזור על שלבים אלו עבור שדות ה-URI הנוספים.
- ב-Google Cloud Console, לחץ על Create.
השאר פתוחה את תיבת הדו-שיח OAuth client created שמופיעה עבור שלב 4: הגדרת פרטי הכניסה ב-Shopify Admin, מכיוון שעליך להעתיק ולהדביק מידע מ-Google Cloud Console אל ה-Shopify Admin שלך.
שלב 4: הגדרת פרטי הכניסה ב-Shopify Admin
- מתוך תיבת הדו-שיח OAuth client created ב-Google Cloud Console, העתק את ה-Client ID.
- בדף כניסה באמצעות Google ב-Shopify Admin, תחת המקטע פרטי כניסה, הדבק את ה-Client ID.
- מתוך תיבת הדו-שיח OAuth client created ב-Google Cloud Console, העתק את ה-Client secret.
- בדף כניסה באמצעות Google ב-Shopify Admin, תחת המקטע פרטי כניסה, הדבק את ה-Client secret.
- בדף כניסה באמצעות Google ב-Shopify Admin, לחץ על שמירה.
שלב 5: פרסום האפליקציה ב-Google Cloud Console
- באפליקציה של הפרויקט שלך ב-Google Cloud Console, לחץ על Audience.
- לחץ על Publish app.
חיבור Facebook לחשבונות לקוח
כדי לחבר את Facebook לחשבונות לקוח, עליך להשלים את המשימות הבאות לפי הסדר:
- שלב 1: פתיחת הדף 'כניסה באמצעות Facebook' ב-Shopify Admin
- שלב 2: יצירת אפליקציה בלוח המחוונים של Meta for Developers
- שלב 3: הגדרת הגדרות האפליקציה של Meta
- שלב 4: הגדרת פרטי הכניסה ב-Shopify Admin שלך
- שלב 5: בדיקה והפעלה של 'כניסה באמצעות Facebook'
במהלך ההתקנה, יהיה עליך לעבור בין כרטיסיות דפדפן של לוח המחוונים של Meta for Developers לבין ה-Shopify Admin שלך. כדי לחבר את Facebook לחשבונות לקוח, עליך להחזיק בחשבון Meta Developer. מידע נוסף על הרשמה כ-Meta Developer.
שלב 1: פתיחת הדף 'כניסה באמצעות Facebook' ב-Shopify Admin
מתוך ה-Shopify Admin, יש לעבור אל הגדרות > חשבונות לקוחות.
במקטע אימות, יש ללחוץ על ניהול.
לחץ על חיבור ליד Facebook כדי לפתוח את הדף כניסה באמצעות Facebook.
שלב 2: יצירת אפליקציה בלוח המחוונים של Meta for Developers
- בכרטיסיית דפדפן נפרדת, עבור ללוח המחוונים של Meta for Developers ולאחר מכן לחץ על Login כדי להיכנס. אם טרם הגדרת חשבון Meta Developer, יהיה עליך ליצור חשבון חדש מדף הכניסה לפני שתמשיך לשלב הבא.
- לחץ על Apps.
- לחץ על Create App.
- מלא את השדות App name ו-App contact email, ולאחר מכן לחץ על Next.
- בדף Add use cases, בחר באפשרות Authenticate and request data from users with Facebook Login, ולאחר מכן לחץ על Next.
- בדף Which business portfolio do you want to connect to this app, בחר בתיק עסקי, או בחר ב-I don't want to connect a business portfolio yet., ולאחר מכן לחץ על Next.
- עיין בדף Publishing requirements, ולאחר מכן לחץ על Next.
- עיין בדף Overview, ולאחר מכן לחץ על Go to dashboard.
שלב 3: הגדרת הגדרות האפליקציה של Meta
- לאחר יצירת אפליקציה, בלוח המחוונים של Meta for Developers, לחץ על Use cases.
- בתרחיש השימוש Authenticate and request data from users with Facebook Login, לחץ על Customize.
- כדי להבטיח שפרטי הלקוחות יתקבלו בעת הכניסה, במקטע Permissions and features, לצד email, לחץ על Add.
- לחץ על Settings, ולאחר מכן עבור אל Client OAuth settings.
- בדף כניסה באמצעות Facebook ב-Shopify Admin, העתק את כתובת ה-URL להפניה מחדש מהמקטע כתובות URL להפניה מחדש.
- בדף Settings בלוח המחוונים של Meta for Developers, הדבק את כתובת ה-URL להפניה מחדש בשדה Valid OAuth Redirect URIs.
- אם יש לך יותר מכתובת URL להפניה מחדש אחת במקטע כתובות URL להפניה מחדש של ה-Shopify Admin, חזור על השלבים האלה עבור כתובות ה-URL הנוספות להפניה מחדש.
- בדף כניסה באמצעות Facebook ב-Shopify Admin, העתק את כתובת ה-URL מהמקטע Deauthorize URL.
- בדף Settings בלוח המחוונים של Meta for Developers, הדבק את כתובת ה-URL בשדה Deauthorize callback URL.
- בדף Settings בלוח המחוונים של Meta for Developers, לחץ על Save changes.
שלב 4: הגדרת פרטי הכניסה ב-Shopify Admin
- לחץ על סמל Home כדי לחזור אל לוח המחוונים של Meta for Developers, ולאחר מכן לחץ על App settings > Basic.
- העתק את ה-App ID מלוח המחוונים של Meta for Developers.
- בדף כניסה באמצעות Facebook ב-Shopify Admin, הדבק את ה-App ID בשדה App ID שתחת המקטע פרטי כניסה.
- בלוח המחוונים של Meta for Developers, לחץ על Show לצד ה-App secret, ולאחר מכן העתק את ה-App secret.
- בדף כניסה באמצעות Facebook ב-Shopify Admin, הדבק את ה-App secret בשדה App secret, ולאחר מכן לחץ על שמירה.
- ב-Shopify Admin, לחץ על שמירת השינויים.
שלב 5: בדיקה והפעלה של 'כניסה באמצעות Facebook'
- בדף כניסה באמצעות Facebook ב-Shopify Admin, לחץ על פעולות נוספות > תצוגה מקדימה, ולאחר מכן בדוק את תהליך האימות של Facebook כאילו היית לקוח שנכנס לחנות שלך.
- לחץ על הפעלה.
לאחר הפעלת 'כניסה באמצעות Facebook', תוכל לבדוק את חוויית הלקוח על ידי ניווט אל החנות המקוונת שלך וכניסה לחשבון הלקוח באמצעות Facebook.
כניסה באמצעות Shop
אם Shop Pay מופעל, הלקוחות יכולים להיכנס באמצעות פרטי הכניסה ל-Shop ומפתחות הגישה השמורים שלהם. לקוחות גם נכנסים אוטומטית באמצעות Shop לאחר שהם מסיימים תשלום בחנות שלך באמצעות Shop Pay.
כניסה באמצעות Shop מופעלת אוטומטית עבור חשבונות לקוח, וניתן להסיר אותה מהחנות שלך רק אם תשבית את Shop Pay.
מידע נוסף על הוספת לחצן כניסה באמצעות Shop לחנות שלך.
ניהול אפשרויות הכניסה באמצעות רשתות חברתיות
באפשרותך לערוך, לכבות או להסיר שיטת כניסה באמצעות רשת חברתית שחיברת.
לאחר כיבוי או הסרה של שיטת כניסה באמצעות רשת חברתית, הלקוחות נשארים מחוברים כדי למנוע הפרעות. סשנים של כניסה דרך רשת חברתית פגים באופן טבעי, או כאשר הלקוחות מתנתקים.
שלבים:
מתוך ה-Shopify Admin, יש לעבור אל הגדרות > חשבונות לקוחות.
במקטע אימות, יש ללחוץ על ניהול.
לצד שיטת הכניסה שברצונך לשנות, יש ללחוץ על התפריט ….
יש לבצע אחת מהפעולות הבאות:
- כדי לערוך אפשרות כניסה, יש ללחוץ על ניהול, ולאחר מכן לעדכן את פרטי הכניסה שברצונך לערוך.
- כדי לכבות אפשרות כניסה מבלי להסיר אותה, יש ללחוץ על כיבוי.
- כדי להסיר אפשרות כניסה, יש ללחוץ על הסרה, ולאחר מכן ללחוץ על הסרה בתיבת הדו-שיח.
עדכון אפשרויות הכניסה באמצעות רשת חברתית בעת שינוי הדומיין של חשבונות הלקוח
אם בכוונתך לשנות את הדומיין של חשבונות הלקוח לכתובת URL אחרת, יהיה עליך לעדכן את הגדרות הכניסה באמצעות רשת חברתית לפני ביצוע השינוי ב-Shopify. פעולה זו מבטיחה שהלקוחות יוכלו להמשיך להיכנס ללא הפרעה.
שלבים אלה נדרשים בעת עדכון כתובת ה-URL של חשבונות הלקוח ב-Shopify מפורמט מורשת, כגון shopify.com/1234567890/account, לפורמט החדש של דומיין משנה account.your-store.com, או מדומיין משנה קיים לדומיין משנה אחר, למשל בעת עדכון של account.your-store.com ל-customers.your-store.com.
הוספת דומיין המשנה החדש של חשבונות הלקוח לספקי הרשתות החברתיות שלך
עליך להוסיף את הדומיין החדש להגדרות ספק הרשת החברתית שלך לצד הדומיין הנוכחי. לאחר שינוי הדומיין של חשבונות הלקוח ב-Shopify ואישור לכך שתהליך הכניסה וההתנתקות מחשבונות הלקוח פועל כראוי, תוכל להסיר את הרשומות של הדומיין הישן.
עליך לחזור על שלבים אלה עבור כל אפשרות כניסה באמצעות רשת חברתית שהפעלת.
שלבים:
- יש לעבור אל Google Cloud Console ולפתוх את APIs & Services > Credentials.
- יש לבחור את לקוח OAuth 2.0 שיצרת עבור Shopify.
- בקטע Authorized JavaScript origins, יש להוסיף רשומה חדשה. לדוגמה:
https://account.your-store.com - בקטע Authorized redirect URIs, יש להוסיף רשומה חדשה. לדוגמה:
https://account.your-store.com/authentication/social/google/callback - בקטע Deauthorize callback URL, יש להוסיף רשומה חדשה. לדוגמה:
https://account.your-store.com/authentication/social/google/revoke - יש לשמור את השינויים. בשלב זה, יש להשאיר גם את כתובת ה-URL הישנה וגם את החדשה.
- יש לחזור אל ה-Shopify Admin ולבצע את השלבים לשינוי דומיין החשבונות שלך לכתובת ה-URL החדשה של דומיין המשנה המותאם אישית ב-Shopify.
- יש לבדוק הן את הכניסה והן את ההתנתקות באמצעות כל אחת מהאפשרויות של רשתות חברתיות בחזית החנות שלך כדי לוודא שהכול עובד כראוי.
- אופציונלי: לאחר האישור שתהליך הכניסה עובד כראוי, תוכל לחזור אל Google ולהסיר את הרשומות של הדומיין הישן.
- יש לעבור אל Meta for Developers ולפתוח את האפליקציה שלך.
- יש לנווט ב-Facebook אל Login > Settings.
- בקטע Valid OAuth Redirect URIs, יש להוסיף רשומה חדשה. לדוגמה:
https://account.your-store.com/authentication/social/facebook/callback - בקטע Deauthorize Callback URL, יש להוסיף רשומה חדשה. לדוגמה:
https://account.your-store.com/authentication/social/facebook/revoke - יש לנווט אל Settings > Basic.
- בקטע App Domains, יש להוסיף רשומה חדשה. לדוגמה:
account.your-store.com - יש לשמור את השינויים. בשלב זה, יש להשאיר גם את כתובת ה-URL הישנה וגם את החדשה.
- יש לחזור אל ה-Shopify Admin ולבצע את השלבים לשינוי דומיין החשבונות שלך לכתובת ה-URL החדשה של דומיין המשנה המותאם אישית ב-Shopify.
- יש לבדוק הן את הכניסה והן את ההתנתקות באמצעות כל אחת מהאפשרויות של רשתות חברתיות בחזית החנות שלך כדי לוודא שהכול עובד כראוי.
- אופציונלי: לאחר האישור שתהליך הכניסה עובד כראוי, תוכל לחזור אל Facebook ולהסיר את הרשומות של הדומיין הישן.