Súgó
Bejelentkezés

Közösségi bejelentkezés vásárlói fiókokhoz

A vásárlói fiókok alapértelmezett, jelszó nélküli bejelentkezési élménye mellett csatlakoztathatja Google- és Facebook-fiókját, így a vásárlók a közösségi hitelesítő adataik használatával is bejelentkezhetnek.

A vásárlói fiókokhoz tartozó közösségi bejelentkezés aktiválása gyorsabb bejelentkezést biztosít a vásárlóknak az ismert hitelesítési módok révén. Az üzletben több közösségi bejelentkezési módot is aktiválhat.

Ha saját identitásszolgáltatót csatlakoztatott a vásárlói fiókokhoz, és csatlakoztatni szeretné a közösségi bejelentkezést, akkor vegye fel a kapcsolatot a külső identitásszolgáltatójával.

Ezen az oldalon

Szempontok a közösségi bejelentkezés vásárlói fiókokhoz történő csatlakoztatásához

Tekintse át a közösségi bejelentkezés vásárlói fiókokhoz történő csatlakoztatására vonatkozó alábbi szempontokat:

  • Fejlesztői fiókkal kell rendelkeznie annál a szolgáltatónál, amelyet csatlakoztatni szeretne a vásárlói fiókokhoz.
  • A közösségi bejelentkezés használatakor a Shopify-jal szinkronizált egyetlen vásárlói adat a vásárló e-mail-címe.

A Google csatlakoztatása a vásárlói fiókokhoz

A Google vásárlói fiókokhoz történő csatlakoztatásához a következő feladatokat kell elvégeznie sorrendben:

A beállítás során váltania kell a Google Cloud Console és a Shopify adminisztrációs felülete böngészőfülei között. A Google vásárlói fiókokhoz történő csatlakoztatásához be kell állítania egy Google Cloud-fiókot. A Google Cloudról a Google súgójában talál további információt.

1. lépés: Nyissa meg a Bejelentkezés a Google-lal oldalt a Shopify adminisztrációs felületén

  1. A Shopify adminisztrációs felületén lépjen a Beállítások > Vásárlói fiókok menüpontra.

  2. A Hitelesítés szakaszban kattintson a Kezelés gombra.

  3. Kattintson a Google melletti Csatlakoztatás gombra a Bejelentkezés a Google-lal oldal megnyitásához.

Ez az oldal olyan információkat tartalmaz, amelyeket a Google-alkalmazás OAuth-ügyfelének konfigurálásakor kell majd másolnia és beillesztenie, ezért tartsa nyitva ezt az oldalt egy külön böngészőfülön.

2. lépés: Hozzon létre egy alkalmazást a Google Cloud Console-ban

  1. Egy másik böngészőfülön jelentkezzen be a Google Cloud Console-ba.
  2. Válasszon ki egy meglévő projektet, vagy hozzon létre egy újat. A rendszer átirányítja a projekt irányítópultjára.
  3. Kattintson ide: Menü, majd kattintson az API-k és szolgáltatások > Hitelesítő adatok lehetőségre.
  4. Kattintson a Hozzájárulási képernyő konfigurálása > Kezdés lehetőségre.
  5. Adja meg a projekt OAuth-konfigurációjának adatait:
    1. Adjon az alkalmazásnak egy olyan nevet, amelyet a vásárló felismer, például az online áruház nevét. Adja meg e-mail-címét a technikai támogatáshoz, majd kattintson a Tovább gombra.
    2. A Közönség szakaszban válassza a Külső lehetőséget, majd kattintson a Tovább gombra.
    3. Adjon meg egy kapcsolattartási e-mail-címet a Google által a projekttel kapcsolatban küldött esetleges értesítésekhez, majd kattintson a Tovább gombra.
    4. Fogadja el a Google API-szolgáltatások felhasználói adatokra vonatkozó irányelveit, majd kattintson a Folytatás gombra.
    5. Kattintson a Létrehozás gombra.
  6. Konfigurálja az alkalmazás irányelvekre vonatkozó információit, amelyek megjelennek a vásárlóknak a hozzájárulási képernyőn:
    1. Kattintson a Márka lehetőségre.
    2. Az Alkalmazás domainje szakaszban adja meg a kezdőoldalára, a nyilvános adatvédelmi szabályzatára és a szolgáltatási feltételeire mutató hivatkozást. További információ az üzleti szabályzatok létrehozásáról.

3. lépés: Konfigurálja az alkalmazás OAuth-ügyfelét a Google Cloud Console-ban

Ebben a lépésben ki kell másolnia az adatokat a Shopify adminisztrációs felületének Bejelentkezés a Google-lal oldalán található Beállítási utasítások szakaszból, majd be kell illesztenie azokat a megfelelő mezőkbe a Google Cloud Console-t tartalmazó fülön.

  1. A projekt alkalmazásában a Google Cloud Console-ban kattintson az Áttekintés lehetőségre.
  2. A Mutatók szakaszban kattintson az OAuth-ügyfél létrehozása lehetőségre.
  3. Konfigurálja az OAuth-ügyfél adatait:
    1. Az Alkalmazás típusa legördülő menüből válassza a Webalkalmazás lehetőséget.
    2. A Név mezőben adjon meg egy nevet.
  4. Konfigurálja az alkalmazáshoz tartozó Engedélyezett JavaScript-forrásokat:
  5. Az Engedélyezett JavaScript-források szakaszban kattintson az + URI hozzáadása gombra.
  6. A Shopify adminisztrációs felületén a Bejelentkezés a Google-lal oldalon másolja ki az Engedélyezett JavaScript-források értékét.
  7. A Google Cloud Console-ban illessze be az értéket az URI 1 mezőbe.
  8. Ha a Shopify adminisztrációs felületének Engedélyezett JavaScript szakaszában egynél több URI található, akkor ismételje meg ezeket a lépéseket a további URI-mezőkre is.
  9. Konfigurálja az alkalmazáshoz tartozó Engedélyezett átirányítási URI-kat:
  10. A Google Cloud Console Engedélyezett átirányítási URI-k szakaszában kattintson az + URI hozzáadása gombra.
  11. A Shopify adminisztrációs felületét tartalmazó böngészőfülön másolja ki az Engedélyezett átirányítási URI értékét.
  12. Térjen vissza a Google Cloud Console-ba, és illessze be az értéket az URI 1 mezőbe.
  13. Ha a Shopify adminisztrációs felületének Engedélyezett átirányítási URI szakaszában egynél több URI található, akkor ismételje meg ezeket a lépéseket a további URI-mezőkre is.
  14. A Google Cloud Console-ban kattintson a Create gombra.

Hagyja nyitva a megjelenő OAuth client created párbeszédpanelt a következő lépéshez: 4. lépés: A hitelesítő adatok konfigurálása a Shopify adminisztrációs felületén, mivel a Google Cloud Console-ból információkat kell átmásolnia a Shopify adminisztrációs felületére.

4. lépés: A hitelesítő adatok konfigurálása a Shopify adminisztrációs felületén

  1. A Google Cloud Console-ban található OAuth client created párbeszédpanelről másolja ki a Client ID értéket.
  2. A Shopify adminisztrációs felületének Bejelentkezés Google-fiókkal oldalán, a Hitelesítő adatok szakaszba illessze be a Client ID értéket.
  3. A Google Cloud Console-ban található OAuth client created párbeszédpanelről másolja ki a Client secret értéket.
  4. A Shopify adminisztrációs felületének Bejelentkezés Google-fiókkal oldalán, a Hitelesítő adatok szakaszba illessze be a Client secret értéket.
  5. A Shopify adminisztrációs felületének Bejelentkezés Google-fiókkal oldalán kattintson a Mentés gombra.

5. lépés: Az alkalmazás közzététele a Google Cloud Console-ban

  1. A Google Cloud Console-ban a projekt alkalmazásában kattintson az Audience lehetőségre.
  2. Kattintson a Publish app gombra.

A Facebook összekapcsolása a vásárlói fiókokkal

A Facebook és a vásárlói fiókok összekapcsolásához a következő feladatokat kell elvégeznie a megadott sorrendben:

A beállítás során váltania kell a Meta for Developers irányítópultja és a Shopify adminisztrációs felülete között a böngészőfüleken. A Facebook és a vásárlói fiókok összekapcsolásához egy Meta Developer-fiókkal kell rendelkeznie. Tudja meg, hogyan regisztrálhat Meta-fejlesztőként.

1. lépés: A Bejelentkezés Facebook-fiókkal oldal megnyitása a Shopify adminisztrációs felületén

  1. A Shopify adminisztrációs felületén lépjen a Beállítások > Vásárlói fiókok menüpontra.

  2. A Hitelesítés szakaszban kattintson a Kezelés gombra.

  3. A Facebook mellett kattintson a Csatlakoztatás gombra a Bejelentkezés Facebook-fiókkal oldal megnyitásához.

2. lépés: Alkalmazás létrehozása a Meta for Developers irányítópulton

  1. Egy külön böngészőfülön lépjen a Meta for Developers irányítópultra, majd a bejelentkezéshez kattintson a Login gombra. Ha még nem állított be Meta Developer-fiókot, akkor a következő lépés folytatása előtt egy új fiókot kell létrehoznia a bejelentkezési oldalon.
  2. Kattintson az Apps elemre.
  3. Kattintson a Create App gombra.
  4. Töltse ki az App name és az App contact email mezőket, majd kattintson a Next gombra.
  5. Az Add use cases oldalon válassza az Authenticate and request data from users with Facebook Login lehetőséget, majd kattintson a Next gombra.
  6. A Which business portfolio do you want to connect to this app oldalon válasszon ki egy üzleti portfóliót, vagy válassza az I don't want to connect a business portfolio yet. lehetőséget, majd kattintson a Next gombra.
  7. Tekintse át a Publishing requirements oldalt, majd kattintson a Next gombra.
  8. Tekintse át az Overview oldalt, majd kattintson a Go to dashboard gombra.

3. lépés: A Meta-alkalmazás beállításainak konfigurálása

  1. Az alkalmazás létrehozása után a Meta for Developers irányítópulton kattintson a Use cases elemre.
  2. Az Authenticate and request data from users with Facebook Login használati esetnél kattintson a Customize gombra.
  3. Annak biztosítására, hogy a bejelentkezéskor a vásárlói adatok rögzítésre kerüljenek, a Permissions and features szakaszban az email mellett kattintson az Add gombra.
  4. Kattintson a Settings elemre, majd lépjen a Client OAuth settings menüpontra.
  5. A Shopify adminisztrációs felületének Bejelentkezés Facebook-fiókkal oldalán másolja ki az átirányítási URL-t az Átirányítási URL-ek szakaszból.
  6. A Meta for Developers irányítópult Settings oldalán illessze be az átirányítási URL-t a Valid OAuth Redirect URIs mezőbe.
  7. Ha a Shopify adminisztrációs felületének Átirányítási URL-ek szakaszában egynél több átirányítási URL található, ismételje meg ezeket a lépéseket a további átirányítási URL-ek esetében is.
  8. A Shopify adminisztrációs felületének Bejelentkezés Facebook-fiókkal oldalán másolja ki az URL-t a Jogosultság-visszavonási URL szakaszból.
  9. A Meta for Developers irányítópult Settings oldalán illessze be az URL-t a Deauthorize callback URL mezőbe.
  10. A Meta for Developers irányítópult Settings oldalán kattintson a Save changes gombra.

4. lépés: A hitelesítő adatok konfigurálása a Shopify adminisztrációs felületén

  1. Kattintson a Kezdőlap ikonra a Meta for Developers irányítópultra való visszatéréshez, majd kattintson az App settings > Basic elemre.
  2. Másolja ki az App ID értéket a Meta for Developers irányítópultról.
  3. A Shopify adminisztrációs felületének Bejelentkezés Facebook-fiókkal oldalán illessze be az App ID értéket a Hitelesítő adatok szakasz App ID mezőjébe.
  4. A Meta for Developers irányítópulton kattintson az App secret melletti Show gombra, majd másolja ki az App secret értéket.
  5. A Shopify adminisztrációs felületének Bejelentkezés Facebook-fiókkal oldalán illessze be az App secret értéket az App secret mezőbe, majd kattintson a Mentés gombra.
  6. A Shopify adminisztrációs felületén kattintson a Módosítások mentése gombra.

5. lépés: A Bejelentkezés Facebook-fiókkal funkció tesztelése és aktiválása

  1. A Shopify adminisztrációs felületének Bejelentkezés Facebook-fiókkal oldalán kattintson a További műveletek > Előnézet elemre, majd tesztelje a Facebook-hitelesítési folyamatot, mintha egy vásárló jelentkezne be az üzletbe.
  2. Kattintson a Bekapcsolás gombra.

Miután bekapcsolta a Bejelentkezés Facebook-fiókkal funkciót, úgy tesztelheti az ügyfélélményt, hogy az online áruházba navigál, majd a Facebook segítségével bejelentkezik a vásárlói fiókjába.

Bejelentkezés Shop-fiókkal

Ha a Shop Pay aktiválva van, a vásárlók bejelentkezhetnek a Shop-bejelentkezési adataikkal és mentett jelkulcsaikkal. A vásárlók ezenkívül automatikusan be vannak jelentkezve a Shop-fiókjukkal, miután a Shop Pay segítségével fizettek a pénztárnál.

A Bejelentkezés a Shoppal funkció automatikusan aktiválódik a vásárlói fiókokhoz, és csak akkor távolítható el az üzletből, ha kikapcsolja a Shop Payt.

Tudja meg, hogyan adhat hozzá Bejelentkezés a Shoppal gombot az üzletéhez.

Közösségi bejelentkezési lehetőségek kezelése

Szerkesztheti, kikapcsolhatja vagy eltávolíthatja a csatlakoztatott közösségi bejelentkezési módszereket.

A közösségi bejelentkezési módszer kikapcsolása vagy eltávolítása után a vásárlók bejelentkezve maradnak a fennakadások elkerülése érdekében. A közösségi bejelentkezési munkamenetek a szokásos módon, vagy a vásárlók kijelentkezésekor járnak le.

Lépések:

  1. A Shopify adminisztrációs felületén lépjen a Beállítások > Vásárlói fiókok menüpontra.

  2. A Hitelesítés szakaszban kattintson a Kezelés gombra.

  3. A módosítani kívánt bejelentkezési módszer mellett kattintson a … menüre.

  4. Hajtsa végre az alábbiak egyikét:

    • A bejelentkezési lehetőség szerkesztéséhez kattintson a Kezelés gombra, majd frissítse a szerkeszteni kívánt hitelesítő adatokat.
    • Egy bejelentkezési lehetőség eltávolítás nélküli kikapcsolásához kattintson a Kikapcsolás gombra.
    • Egy bejelentkezési lehetőség eltávolításához kattintson az Eltávolítás gombra, majd a párbeszédpanelen ismét az Eltávolítás gombra.

A közösségi bejelentkezések frissítése a vásárlóifiók-domén módosításakor

Ha azt tervezi, hogy egy másik URL-címre módosítja a vásárlóifiók-doménjét, akkor frissítenie kell a közösségi bejelentkezési beállításokat a módosítás Shopify-ban történő végrehajtása előtt. Ez biztosítja, hogy a vásárlók továbbra is megszakítás nélkül be tudjanak jelentkezni.

Ezekre a lépésekre akkor van szükség, ha a vásárlóifiók-URL-t a Shopify-ban a régebbi formátumról (pl. shopify.com/1234567890/account) az új aldomén-formátumra (account.your-store.com) frissíti, vagy ha egy meglévő aldoménről egy másik aldoménre vált (például account.your-store.com helyett a customers.your-store.com formátumra frissít).

Az új vásárlóifiók-aldomén hozzáadása a közösségimédia-szolgáltatókhoz

Az új domént a jelenlegi doménje mellé kell majd felvennie a közösségimédia-szolgáltató beállításai között. Miután módosította a vásárlóifiók-domént a Shopify-ban, és megerősítette, hogy a vásárlói fiókokba való bejelentkezés és a kijelentkezés is működik, eltávolíthatja a régi doménbejegyzéseket.

Ezeket a lépéseket minden aktivált közösségi bejelentkezési lehetőség esetén meg kell ismételnie.

Lépések:

Google
  1. Nyissa meg a Google Cloud Console szolgáltatást, majd lépjen az API-k és szolgáltatások > Hitelesítő adatok menüpontra.
  2. Válassza ki a Shopify számára létrehozott OAuth 2.0-ügyfelet.
  3. Az Engedélyezett JavaScript-eredetek résznél adjon hozzá egy új bejegyzést. Például: https://account.your-store.com
  4. Az Engedélyezett átirányítási URI-k résznél adjon hozzá egy új bejegyzést. Például: https://account.your-store.com/authentication/social/google/callback
  5. A Visszahívási URL hitelesítésének megszüntetése résznél adjon hozzá egy új bejegyzést. Például: https://account.your-store.com/authentication/social/google/revoke
  6. Mentse a módosításokat. Egyelőre tartsa meg a régi és az új URL-t is.
  7. Térjen vissza a Shopify adminisztrációs felületére, és kövesse azokat a lépéseket, amelyekkel a fiók doménjét az új egyéni aldomén-URL-re módosíthatja a Shopify-ban.
  8. A kirakatában tesztelje a bejelentkezést és a kijelentkezést minden közösségi lehetőséggel, hogy megbizonyosodjon a megfelelő működésről.
  9. Opcionális: Miután megbizonyosodott arról, hogy a bejelentkezési folyamat megfelelően működik, visszatérhet a Google szolgáltatásához, és eltávolíthatja a régi doménbejegyzéseket.
Facebook
  1. Nyissa meg a Meta for Developers webhelyet, és nyissa meg az alkalmazását.
  2. Lépjen a Facebook Bejelentkezés > Beállítások menüpontjára.
  3. Az Érvényes OAuth-átirányítási URI-k részben adjon hozzá egy új bejegyzést. Például: https://account.your-store.com/authentication/social/facebook/callback
  4. A Visszahívási URL hitelesítésének megszüntetése résznél adjon hozzá egy új bejegyzést. Például: https://account.your-store.com/authentication/social/facebook/revoke
  5. Lépjen a Beállítások > Alapvető menüpontra.
  6. Az Alkalmazásdomének részben adjon hozzá egy új bejegyzést. Például: account.your-store.com
  7. Mentse a módosításokat. Egyelőre tartsa meg a régi és az új URL-t is.
  8. Térjen vissza a Shopify adminisztrációs felületére, és kövesse azokat a lépéseket, amelyekkel a fiók doménjét az új egyéni aldomén-URL-re módosíthatja a Shopify-ban.
  9. A kirakatában tesztelje a bejelentkezést és a kijelentkezést minden közösségi lehetőséggel, hogy megbizonyosodjon a megfelelő működésről.
  10. Opcionális: Miután megbizonyosodott arról, hogy a bejelentkezési folyamat megfelelően működik, visszatérhet a Facebookhoz, és eltávolíthatja a régi doménbejegyzéseket.