Pomoc
Zaloguj

Logowanie społecznościowe do kont klientów

Oprócz domyślnego logowania bez hasła do kont klientów możesz połączyć konta Google i Facebook, aby umożliwić klientom logowanie się za pomocą poświadczeń z sieci społecznościowych.

Aktywacja logowania społecznościowego dla kont klientów może zapewnić klientom szybsze logowanie za pomocą znanych metod uwierzytelniania. W sklepie możesz aktywować wiele społecznościowych metod logowania.

Jeśli masz własnego dostawcę tożsamości połączonego z kontami klientów i chcesz dodać logowanie społecznościowe, musisz skontaktować się ze swoim zewnętrznym dostawcą tożsamości.

Na tej stronie

Uwagi dotyczące łączenia logowania społecznościowego z kontami klientów

Zapoznaj się z poniższymi uwagami dotyczącymi łączenia logowania społecznościowego z kontami klientów:

  • Musisz mieć konto deweloperskie u dostawcy, którego chcesz połączyć z kontami klientów.
  • Jedynymi danymi klienta, które są synchronizowane z platformą Shopify w przypadku korzystania z logowania społecznościowego, jest adres e-mail.

Połącz Google z kontami klientów

Aby połączyć Google z kontami klientów, musisz wykonać w podanej kolejności następujące zadania:

Podczas konfiguracji konieczne będzie przełączanie się między kartami przeglądarki z usługą Google Cloud Console i panelem administracyjnym Shopify. Aby połączyć Google z kontami klientów, musisz mieć skonfigurowane konto Google Cloud. Aby dowiedzieć się więcej o usłudze Google Cloud, zapoznaj się z dokumentacją pomocy Google.

Krok 1: Otwórz stronę logowania przez Google w panelu administracyjnym Shopify

  1. W panelu administracyjnym Shopify przejdź do opcji Ustawienia > Konta klientów.

  2. W sekcji Uwierzytelnianie kliknij Zarządzaj.

  3. Kliknij Połącz obok opcji Google, aby otworzyć stronę Zaloguj się przez Google.

Ta strona zawiera informacje, które trzeba będzie skopiować i wkleić podczas konfigurowania klienta OAuth aplikacji Google, dlatego pozostaw ją otwartą na osobnej karcie przeglądarki.

Krok 2: Utwórz aplikację w Google Cloud Console

  1. Na innej karcie przeglądarki zaloguj się do usługi Google Cloud Console.
  2. Wybierz istniejący projekt lub utwórz nowy. Nastąpi przekierowanie na pulpit projektu.
  3. Kliknij ikonę Menu, a następnie kliknij Interfejsy API i usługi > Dane logowania.
  4. Kliknij Skonfiguruj ekran zgody > Rozpocznij.
  5. Uzupełnij szczegóły konfiguracji OAuth projektu:
    1. Nadaj aplikacji nazwę, którą klient rozpozna, np. nazwę swojego sklepu online. Podaj swój e-mail do kontaktu z pomocą techniczną, a następnie kliknij Dalej.
    2. W sekcji Odbiorcy wybierz opcję Zewnętrzni, a następnie kliknij Dalej.
    3. Podaj kontaktowy adres e-mail, na który Google będzie wysyłać ewentualne powiadomienia o projekcie, a następnie kliknij Dalej.
    4. Zaakceptuj Zasady dotyczące danych użytkowników w usługach interfejsu API Google, a następnie kliknij Kontynuuj.
    5. Kliknij Utwórz.
  6. Skonfiguruj informacje o polityce aplikacji, które będą wyświetlane klientom na ekranie zgody:
    1. Kliknij Dostosowanie marki.
    2. W sekcji Domena aplikacji podaj link do strony głównej, link do publicznej Polityki prywatności oraz link do Warunków świadczenia usług. Dowiedz się więcej o tworzeniu polityk sklepu.

Krok 3: Skonfiguruj klienta OAuth aplikacji w Google Cloud Console

Ten krok wymaga skopiowania szczegółów z sekcji Instrukcje konfiguracji na stronie Zaloguj się przez Google w panelu administracyjnym Shopify i wklejenia ich w odpowiednich polach na karcie usługi Google Cloud Console.

  1. W aplikacji projektu w Google Cloud Console kliknij Przegląd.
  2. W sekcji Wskaźniki kliknij Utwórz klienta OAuth.
  3. Skonfiguruj szczegóły klienta OAuth:
    1. Z menu rozwijanego Typ aplikacji wybierz opcję Aplikacja internetowa.
    2. W polu Nazwa wprowadź nazwę.
  4. Skonfiguruj Autoryzowane źródła JavaScript dla aplikacji:
  5. W sekcji Autoryzowane źródła JavaScript kliknij + Dodaj URI.
  6. Na stronie Zaloguj się przez Google w panelu administracyjnym Shopify skopiuj wartość z sekcji Autoryzowany JavaScript.
  7. W usłudze Google Cloud Console wklej wartość w polu URI 1.
  8. Jeśli w sekcji Autoryzowany JavaScript w panelu administracyjnym Shopify masz więcej niż jedno URI, powtórz te kroki w odniesieniu do dodatkowych pól URI.
  9. Skonfiguruj opcję Autoryzowane URI przekierowania dla aplikacji:
  10. W Google Cloud Console w sekcji Autoryzowane URI przekierowania kliknij + Dodaj URI.
  11. Na karcie przeglądarki z panelem administracyjnym Shopify skopiuj wartość opcji Autoryzowane URI przekierowania.
  12. Wróć do usługi Google Cloud Console, a następnie wklej wartość w polu URI 1.
  13. Jeśli w sekcji Autoryzowane URI przekierowania w panelu administracyjnym Shopify masz więcej niż jedno URI, powtórz te kroki w odniesieniu do dodatkowych pól URI.
  14. W usłudze Google Cloud Console kliknij Utwórz.

Nie zamykaj wyświetlonego okna dialogowego Utworzono klienta OAuth na potrzeby Kroku 4: Skonfiguruj poświadczenia w panelu administracyjnym Shopify, ponieważ konieczne będzie skopiowanie informacji z usługi Google Cloud Console i wklejenie ich w panelu administracyjnym Shopify.

Krok 4: Skonfiguruj poświadczenia w panelu administracyjnym Shopify

  1. Z okna dialogowego Utworzono klienta OAuth w usłudze Google Cloud Console skopiuj Identyfikator klienta.
  2. Na stronie Logowanie przez Google w panelu administracyjnym Shopify w sekcji Poświadczenia wklej Identyfikator klienta.
  3. Z okna dialogowego Utworzono klienta OAuth w usłudze Google Cloud Console skopiuj Wpis tajny klienta.
  4. Na stronie Logowanie przez Google w panelu administracyjnym Shopify w sekcji Poświadczenia wklej Wpis tajny klienta.
  5. Na stronie Logowanie przez Google w panelu administracyjnym Shopify kliknij Zapisz.

Krok 5: Opublikuj aplikację w usłudze Google Cloud Console

  1. W aplikacji projektu w usłudze Google Cloud Console kliknij Odbiorcy.
  2. Kliknij Opublikuj aplikację.

Połącz Facebooka z kontami klientów

Aby połączyć Facebooka z kontami klientów, musisz wykonać poniższe zadania w odpowiedniej kolejności:

Podczas konfiguracji konieczne będzie przełączanie się między kartami przeglądarki z pulpitem Meta for Developers oraz panelem administracyjnym Shopify. Aby połączyć Facebooka z kontami klientów, musisz mieć konto programisty Meta. Dowiedz się, jak zarejestrować się jako programista Meta.

Krok 1: Otwórz stronę Logowanie przez Facebooka w panelu administracyjnym Shopify

  1. W panelu administracyjnym Shopify przejdź do opcji Ustawienia > Konta klientów.

  2. W sekcji Uwierzytelnianie kliknij Zarządzaj.

  3. Kliknij Połącz obok opcji Facebook, aby otworzyć stronę Logowanie przez Facebooka.

Krok 2: Utwórz aplikację na pulpicie Meta for Developers

  1. W osobnej karcie przeglądarki przejdź do pulpitu Meta for Developers, a następnie kliknij Zaloguj się. Jeśli nie masz jeszcze skonfigurowanego konta programisty Meta, przed przejściem do następnego kroku musisz utworzyć nowe konto na stronie logowania.
  2. Kliknij Aplikacje.
  3. Kliknij Utwórz aplikację.
  4. Wypełnij pola Nazwa aplikacji i Adres e-mail do kontaktu w sprawie aplikacji, a następnie kliknij Dalej.
  5. Na stronie Dodaj przypadki użycia wybierz opcję Uwierzytelnianie i żądanie danych od użytkowników za pomocą Logowania przez Facebooka, a następnie kliknij Dalej.
  6. Na stronie Z którym portfolio biznesowym chcesz połączyć tę aplikację? wybierz portfolio biznesowe lub opcję Nie chcę jeszcze łączyć się z portfolio biznesowym, a następnie kliknij Dalej.
  7. Sprawdź stronę Wymagania dotyczące publikowania, a następnie kliknij Dalej.
  8. Zapoznaj się ze stroną Przegląd, a następnie kliknij Przejdź do pulpitu.

Krok 3: Skonfiguruj ustawienia aplikacji Meta

  1. Po utworzeniu aplikacji na pulpicie Meta for Developers kliknij Przypadki użycia.
  2. W przypadku użycia Uwierzytelnianie i żądanie danych od użytkowników za pomocą Logowania przez Facebooka kliknij Dostosuj.
  3. Aby upewnić się, że informacje o kliencie są rejestrowane podczas logowania, w sekcji Uprawnienia i funkcje obok opcji email kliknij Dodaj.
  4. Kliknij Ustawienia, a następnie przejdź do sekcji Ustawienia klienta OAuth.
  5. Na stronie Logowanie przez Facebooka w panelu administracyjnym Shopify skopiuj adres URL przekierowania z sekcji Adresy URL przekierowania.
  6. Na stronie Ustawienia na pulpicie Meta for Developers wklej adres URL przekierowania w polu Prawidłowe identyfikatory URI przekierowania OAuth.
  7. Jeśli w sekcji Adresy URL przekierowania w panelu administracyjnym Shopify masz więcej niż jeden adres URL przekierowania, powtórz te kroki dla pozostałych adresów.
  8. Na stronie Logowanie przez Facebooka w panelu administracyjnym Shopify skopiuj adres URL z sekcji Adres URL deautoryzacji.
  9. Na stronie Ustawienia na pulpicie Meta for Developers wklej adres URL w polu Adres URL wywołania zwrotnego deautoryzacji.
  10. Na stronie Ustawienia na pulpicie Meta for Developers kliknij Zapisz zmiany.

Krok 4: Skonfiguruj poświadczenia w panelu administracyjnym Shopify

  1. Kliknij ikonę Strona główna, aby powrócić do pulpitu Meta for Developers, a następnie kliknij Ustawienia aplikacji > Podstawowe.
  2. Skopiuj Identyfikator aplikacji ze swojego pulpitu Meta for Developers.
  3. Na stronie Logowanie przez Facebooka w panelu administracyjnym Shopify wklej identyfikator aplikacji w polu Identyfikator aplikacji w sekcji Poświadczenia.
  4. Na pulpicie Meta for Developers kliknij Pokaż obok opcji Wpis tajny aplikacji, a następnie skopiuj Wpis tajny aplikacji.
  5. Na stronie Logowanie przez Facebooka w panelu administracyjnym Shopify wklej wpis tajny aplikacji w polu Wpis tajny aplikacji, a następnie kliknij Zapisz.
  6. W panelu administracyjnym Shopify kliknij Zapisz zmiany.

Krok 5: Przetestuj i aktywuj Logowanie przez Facebooka

  1. Na stronie Logowanie przez Facebooka w panelu administracyjnym Shopify kliknij Więcej czynności > Podgląd, a następnie przetestuj proces uwierzytelniania przez Facebooka, tak jakby to klient logował się do Twojego sklepu.
  2. Kliknij Włącz.

Po włączeniu opcji Logowanie przez Facebooka możesz przetestować doświadczenie klienta, przechodząc do sklepu online i logując się na konto klienta za pomocą Facebooka.

Logowanie przez aplikację Shop

Jeśli masz aktywowaną usługę Shop Pay, Twój klient może zalogować się za pomocą poświadczeń aplikacji Shop i zapisanych kluczy dostępu. Klienci są również automatycznie logowani przez aplikację Shop po tym, jak zrealizują zakupy w Twoim sklepie za pomocą opcji Shop Pay.

Opcja Logowanie przez aplikację Shop jest aktywowana automatycznie dla kont klientów i można ją usunąć ze sklepu tylko po dezaktywacji usługi Shop Pay.

Dowiedz się, jak dodać przycisk Zaloguj się przez Shop do sklepu.

Zarządzanie opcjami logowania przez serwisy społecznościowe

Możesz edytować, wyłączyć lub usunąć połączoną metodę logowania przez serwisy społecznościowe.

Po wyłączeniu lub usunięciu metody logowania przez serwisy społecznościowe klienci pozostają zalogowani, aby zapobiec zakłóceniom. Sesje logowania przez serwisy społecznościowe wygasają samoczynnie lub gdy klienci się wylogują.

Kroki:

  1. W panelu administracyjnym Shopify przejdź do opcji Ustawienia > Konta klientów.

  2. W sekcji Uwierzytelnianie kliknij Zarządzaj.

  3. Obok metody logowania, którą chcesz zmienić, kliknij menu ….

  4. Wykonaj jedną z poniższych czynności:

    • Aby edytować opcję logowania, kliknij Zarządzaj, a następnie uaktualnij poświadczenia, które chcesz edytować.
    • Aby wyłączyć opcję logowania bez jej usuwania, kliknij Wyłącz.
    • Aby usunąć opcję logowania, kliknij Usuń, a następnie kliknij Usuń w oknie dialogowym.

Uaktualnianie opcji logowania przez serwisy społecznościowe podczas zmiany domeny kont klientów

Jeśli planujesz zmienić domenę kont klientów na inny adres URL, przed dokonaniem zmiany na platformie Shopify musisz uaktualnić ustawienia logowania przez serwisy społecznościowe. Dzięki temu klienci będą mogli nadal logować się bez przerw.

Te kroki są wymagane w przypadku uaktualniania adresu URL kont klientów na platformie Shopify ze starszego formatu, takiego jak shopify.com/1234567890/account, do nowego formatu subdomeny account.your-store.com lub z istniejącej subdomeny na inną, np. uaktualniając adres account.your-store.com na customers.your-store.com.

Dodawanie nowej subdomeny kont klientów u dostawców usług społecznościowych

Nową domenę należy dodać w ustawieniach u dostawcy usług społecznościowych obok dotychczasowej domeny. Po zmianie domeny kont klientów na platformie Shopify i potwierdzeniu prawidłowego działania procesu logowania i wylogowywania z kont klientów, możesz usunąć wpisy starej domeny.

Musisz powtórzyć te kroki dla każdej aktywowanej opcji logowania przez serwisy społecznościowe.

Kroki:

Google
  1. Przejdź do Google Cloud Console i otwórz sekcję Interfejsy API i usługi > Dane logowania.
  2. Wybierz klienta OAuth 2.0 utworzonego dla platformy Shopify.
  3. W sekcji Autoryzowane źródła w języku JavaScript dodaj nowy wpis. Na przykład: https://account.your-store.com
  4. W sekcji Autoryzowane identyfikatory URI przekierowania dodaj nowy wpis. Na przykład: https://account.your-store.com/authentication/social/google/callback
  5. W sekcji Adres URL wywołania zwrotnego anulowania autoryzacji dodaj nowy wpis. Na przykład: https://account.your-store.com/authentication/social/google/revoke
  6. Zapisz zmiany. Na razie zachowaj zarówno stary, jak i nowy adres URL.
  7. Wróć do panelu administracyjnego Shopify i postępuj zgodnie z instrukcjami, aby zmienić domenę kont na adres URL nowej subdomeny niestandardowej na platformie Shopify.
  8. Przetestuj logowanie i wylogowywanie dla każdej z opcji logowania społecznościowego w witrynie sklepu, aby potwierdzić, że wszystko działa prawidłowo.
  9. Opcjonalnie: Po potwierdzeniu prawidłowego działania procesu logowania możesz wrócić do ustawień Google i usunąć wpisy starej domeny.
Facebook
  1. Przejdź do strony Meta for Developers i otwórz swoją aplikację.
  2. Przejdź do opcji Logowanie przez Facebooka > Ustawienia.
  3. W sekcji Prawidłowe identyfikatory URI przekierowania OAuth dodaj nowy wpis. Na przykład: https://account.your-store.com/authentication/social/facebook/callback
  4. W sekcji Adres URL wywołania zwrotnego cofnięcia autoryzacji dodaj nowy wpis. Na przykład: https://account.your-store.com/authentication/social/facebook/revoke
  5. Przejdź do sekcji Ustawienia > Podstawowe.
  6. W sekcji Domeny aplikacji dodaj nowy wpis. Na przykład: account.your-store.com
  7. Zapisz zmiany. Na razie zachowaj zarówno stary, jak i nowy adres URL.
  8. Wróć do panelu administracyjnego Shopify i postępuj zgodnie z instrukcjami, aby zmienić domenę kont na adres URL nowej subdomeny niestandardowej na platformie Shopify.
  9. Przetestuj logowanie i wylogowywanie dla każdej z opcji logowania społecznościowego w witrynie sklepu, aby potwierdzić, że wszystko działa prawidłowo.
  10. Opcjonalnie: Po potwierdzeniu prawidłowego działania procesu logowania możesz wrócić do ustawień na Facebooku i usunąć wpisy starej domeny.