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 is, hogy a vásárlók a közösségi hitelesítő adataikkal jelentkezhessenek be.

A közösségi bejelentkezés aktiválása a vásárlói fiókokhoz gyorsabb bejelentkezési élményt nyújthat a vásárlóknak az ismerős hitelesítési módokon keresztül. Áruházában 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 közösségi bejelentkezést szeretne csatlakoztatni, akkor fel kell vennie a kapcsolatot a külső identitásszolgáltatójával.

Ezen az oldalon

Megfontolások a közösségi bejelentkezés vásárlói fiókokhoz való csatlakoztatásával kapcsolatban

Tekintse át az alábbi szempontokat a közösségi bejelentkezésnek a vásárlói fiókokhoz való csatlakoztatásával kapcsolatban:

  • Rendelkeznie kell fejlesztői fiókkal 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 az egyetlen, Shopifyval szinkronizált vásárlói adat a vásárló e-mail-címe.

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

Ahhoz, hogy a Google-t csatlakoztassa a vásárlói fiókokhoz, a következő feladatokat kell elvégeznie a megadott sorrendben:

A beállítás során váltogatnia kell a Google Cloud Console és a Shopify adminisztrációs felületének böngészőfülei között. Ahhoz, hogy a Google-t a vásárlói fiókokhoz csatlakoztathassa, rendelkeznie kell beállított Google Cloud-fiókkal. Ha többet szeretne megtudni a Google Cloudról, olvassa el a Google súgódokumentációját.

1. lépés: A „Sign in with Google” 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. Kattintson a Google melletti Csatlakozás gombra a „Sign in with Google” oldal megnyitásához.

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

2. lépés: Alkalmazás létrehozása 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 a Menu gombra, majd az API-k és szolgáltatások > Hitelesítő adatok elemre.
  4. Kattintson a Hozzájárulási képernyő konfigurálása > Kezdés elemre.
  5. Adja meg a projekt OAuth-konfigurációjának részleteit:
    1. Adjon az alkalmazásnak egy olyan nevet, amelyet a vásárló felismer, például az online áruháza nevét. Adja meg az e-mail-címét a technikai támogatáshoz, majd kattintson a Tovább gombra.
    2. A Célkö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 esetlegesen küldött értesítésekhez, majd kattintson a Tovább gombra.
    4. Fogadja el a Google API-szolgáltatások felhasználói adatokra vonatkozó szabályzatát, majd kattintson a Folytatás gombra.
    5. Kattintson a Létrehozás gombra.
  6. Konfigurálja az alkalmazás szabályzatával kapcsolatos információkat, amelyek a hozzájárulási képernyőn jelennek meg a vásárlók számára:
    1. Kattintson a Márkaépítés elemre.
    2. Az Alkalmazásdomén szakaszban adjon meg egy linket a kezdőoldalára, egyet a nyilvános adatvédelmi szabályzatára és egyet a szolgáltatási feltételeire. További információ az áruházi szabályzatok létrehozásáról.

3. lépés: Az alkalmazás OAuth-ügyfelének konfigurálása a Google Cloud Console-ban

Ebben a lépésben másolja ki a részleteket a Shopify adminisztrációs felületének „Sign in with Google” oldala Beállítási útmutató szakaszából, majd illessze be őket a Google Cloud Console-fül megfelelő mezőibe.

  1. A Google Cloud Console-ban található projektalkalmazásban kattintson az Áttekintés elemre.
  2. A Mérőszámok szakaszban kattintson az OAuth-kliens létrehozása gombra.
  3. Konfigurálja az OAuth-kliens részleteit:
    1. Az Alkalmazástípus legördülő menüből válassza a Webalkalmazás lehetőséget.
    2. A Név mezőbe írjon be egy nevet.
  4. Konfigurálja az alkalmazás engedélyezett Javascript-forrásait:
  5. Az Engedélyezett Javascript-források szakaszban kattintson a + URI hozzáadása gombra.
  6. A Shopify adminisztrációs felületén, a Bejelentkezés Google-fiókkal 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 URIs 1 mezőbe.
  8. Ha a Shopify adminisztrációs felületének Engedélyezett Javascript szakaszában több URI is található, akkor ismételje meg ezeket a lépéseket a további URI-mezőkkel.
  9. Konfigurálja az alkalmazás engedélyezett átirányítási URI-jait:
  10. A Google Cloud Console-ban, az Engedélyezett átirányítási URI-k szakaszban kattintson a + 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. Lépjen vissza a Google Cloud Console-ba, majd illessze be az értéket az URIs 1 mezőbe.
  13. Ha a Shopify adminisztrációs felületének Engedélyezett átirányítási URI szakaszában több URI is található, akkor ismételje meg ezeket a lépéseket a további URI-mezőkkel.
  14. A Google Cloud Console-ban kattintson a Létrehozás gombra.

Hagyja nyitva a megjelenő OAuth-kliens létrehozva párbeszédpanelt a 4. lépés: A hitelesítő adatok konfigurálása a Shopify adminisztrációs felületén elvégzéséhez, mivel információkat kell másolnia és beillesztenie a Google Cloud Console-ból 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 OAuth-kliens létrehozva párbeszédpaneléről másolja ki a Kliensazonosítót.
  2. A Shopify adminisztrációs felületének Bejelentkezés Google-fiókkal oldalán, a Hitelesítő adatok szakaszban illessze be a Kliensazonosítót.
  3. A Google Cloud Console OAuth-kliens létrehozva párbeszédpaneléről másolja ki a Kliens titkos kódját.
  4. A Shopify adminisztrációs felületének Bejelentkezés Google-fiókkal oldalán, a Hitelesítő adatok szakaszban illessze be a Kliens titkos kódját.
  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án belül kattintson a Célközönség elemre.
  2. Kattintson az Alkalmazás közzététele gombra.

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

A Facebook vásárlói fiókokhoz való csatlakoztatásához a következő feladatokat kell sorrendben elvégeznie:

A beállítás során váltania kell a Meta for Developers irányítópult és a Shopify adminisztrációs felületének böngészőfülei között. A Facebook vásárlói fiókokhoz való csatlakoztatásához rendelkeznie kell Meta Developer-fiókkal. Tudja meg, hogyan regisztrálhat Meta Developerké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. Kattintson a Facebook melletti 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 kattintson a Bejelentkezés gombra. Ha még nem állított be Meta Developer-fiókot, akkor a következő lépés előtt létre kell hoznia egy új fiókot a bejelentkezési oldalon.
  2. Kattintson az Alkalmazások elemre.
  3. Kattintson az Alkalmazás létrehozása gombra.
  4. Töltse ki az Alkalmazás neve és az Alkalmazás kapcsolattartási e-mail-címe mezőket, majd kattintson a Tovább gombra.
  5. A Használati esetek hozzáadása oldalon válassza a Felhasználók hitelesítése és adatok lekérése a Facebook Login használatával lehetőséget, majd kattintson a Tovább gombra.
  6. A Melyik üzleti portfólióhoz szeretné csatlakoztatni ezt az alkalmazást oldalon válasszon ki egy üzleti portfóliót, vagy válassza a Még nem szeretnék üzleti portfóliót csatlakoztatni lehetőséget, majd kattintson a Tovább gombra.
  7. Tekintse át a Közzétételi követelmények oldalt, majd kattintson a Tovább gombra.
  8. Tekintse át az Áttekintés oldalt, majd kattintson az Ugrás az irányítópultra 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 Használati esetek elemre.
  2. A Felhasználók hitelesítése és adatok lekérése a Facebook Login használatával használati esetnél kattintson a Testreszabás gombra.
  3. Annak biztosítására, hogy a vásárlói adatok rögzítésre kerüljenek a bejelentkezéskor, az Engedélyek és funkciók szakaszban, az e-mail mellett kattintson a Hozzáadás gombra.
  4. Kattintson a Beállítások elemre, majd lépjen a Kliens OAuth-beállításaihoz.
  5. A Shopify adminisztrációs felületén, a Bejelentkezés Facebook-fiókkal oldalon 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 Beállítások oldalán illessze be az átirányítási URL-t az Érvényes OAuth átirányítási URI-k mezőbe.
  7. Ha a Shopify adminisztrációs felületének Átirányítási URL-ek szakaszában több átirányítási URL is található, akkor ismételje meg ezeket a lépéseket a további átirányítási URL-ekkel.
  8. A Shopify adminisztrációs felületén, a Bejelentkezés Facebook-fiókkal oldalon másolja ki az URL-t a Jogosultság visszavonási URL szakaszból.
  9. A Meta for Developers irányítópult Beállítások oldalán illessze be az URL-t a Jogosultság visszavonási visszahívási URL mezőbe.
  10. A Meta for Developers irányítópult Beállítások oldalán kattintson a Változtatások mentése 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 Alkalmazásbeállítások > Alap lehetőségre.
  2. Másolja ki az App ID-t a Meta for Developers-irányítópultjáról.
  3. A Shopify adminisztrációs felületén, a Bejelentkezés Facebookkal oldalon illessze be az App ID-t a Hitelesítő adatok szakasz App ID mezőjébe.
  4. A Meta for Developers-irányítópultján kattintson az App secret melletti Megjelenítés gombra, majd másolja ki az App secretet.
  5. A Shopify adminisztrációs felületén, a Bejelentkezés Facebookkal oldalon illessze be az App secretet az App secret mezőbe, majd kattintson a Mentés gombra.
  6. A Shopify adminisztrációs felületén kattintson a Változtatások mentése gombra.

5. lépés: A „Bejelentkezés Facebookkal” funkció tesztelése és aktiválása

  1. A Shopify adminisztrációs felületén, a Bejelentkezés Facebookkal oldalon kattintson a További műveletek > Előnézet lehetőségre, majd tesztelje a Facebook-hitelesítési folyamatot úgy, mintha egy vásárló jelentkezne be az üzletébe.
  2. Kattintson a Bekapcsolás gombra.

Miután bekapcsolta a „Bejelentkezés Facebookkal” funkciót, tesztelheti az ügyfélélményt: navigáljon az online áruházába, és jelentkezzen be vásárlói fiókjába a Facebook használatával.

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

A csatlakoztatott közösségi bejelentkezési módot szerkesztheti, kikapcsolhatja vagy eltávolíthatja.

Miután kikapcsol vagy eltávolít egy közösségi bejelentkezési módot, a vásárlók bejelentkezve maradnak a fennakadások elkerülése érdekében. A közösségi bejelentkezési munkamenetek természetes módon lejárnak, vagy amikor a vásárlók kijelentkeznek.

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ód mellett kattintson a … menüre.

  4. Tegye a következők egyikét:

    • Egy 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 is kattintson az Eltávolítás gombra.