Social Login (Google i Facebook). Moduł Social Login pozwala klientom logować się lub rejestrować za pomocą konta Google albo Facebook (OAuth 2.0). Konta są bezpiecznie łączone według zweryfikowanego adresu e-mail, a przejrzyste przyciski dostawców wyświetlają się na stronach logowania i rejestracji. Brak konieczności pamiętania hasła oznacza mniej porzuconych rejestracji.

Moduł Social Login pozwala klientom logować się lub rejestrować za pomocą konta Google albo Facebook (OAuth 2.0). Konta są bezpiecznie łączone według zweryfikowanego adresu e-mail, a przejrzyste przyciski dostawców wyświetlają się na stronach logowania i rejestracji. Brak konieczności pamiętania hasła oznacza mniej porzuconych rejestracji.

1. Instalacja

  1. W panelu administracyjnym (back office) należy przejść do Modules → Module Manager → Upload a module i wybrać plik ZIP modułu.
  2. Po zainstalowaniu należy kliknąć Configure, aby otworzyć kreator konfiguracji.
Aktualizacje są automatyczne. Aktualizacje są w cenie. Domeny deweloperskie (.local, .test, localhost) są zawsze dozwolone. Gdy dostępna jest nowa wersja, informacja o niej wyświetla się bezpośrednio w module.

Jeśli zamiast potwierdzenia pojawi się komunikat „Upload failed”, PrestaShop mógł wyłączyć moduł bez powiadomienia: ustawienia i dane pozostają na miejscu. Jak zaktualizować moduł i co zrobić, gdy pojawia się komunikat „Upload failed”.

2. Konfiguracja krok po kroku

Ekran Configure składa się z dwóch części: adresów URI przekierowania tylko do odczytu, które kopiuje się do konsol dostawców, oraz formularza ustawień, w którym wkleja się dane uwierzytelniające i wybiera miejsce wyświetlania przycisków.

Redirect URIs (należy skopiować do konsol dostawców)

To dokładne adresy zwrotne OAuth tego sklepu, czyli adresy, na które Google i Facebook przekierują użytkownika po zalogowaniu klienta. Każdy wiersz ma przycisk Copy. Najpierw należy utworzyć aplikacje OAuth, a następnie wkleić każdy URI jako autoryzowany URI przekierowania, zanim zostaną uzupełnione poniższe dane uwierzytelniające.

  • Google authorized redirect URI: tę DOKŁADNĄ wartość należy wkleić w Google Cloud Console → Credentials → identyfikator klienta OAuth → Authorized redirect URIs.
  • Facebook valid OAuth redirect URI: tę DOKŁADNĄ wartość należy wkleić w aplikacji dla deweloperów Facebook/Meta → Facebook Login → Settings → Valid OAuth Redirect URIs.

Adresy URI są generowane na podstawie aktywnej domeny sklepu, więc zawsze odpowiadają temu, co moduł wysyła w czasie działania. Wartość należy wkleić dokładnie w takiej postaci, w jakiej jest wyświetlona.

Redirect URIs
Redirect URIs: dokładne adresy zwrotne do skopiowania do Google i Facebook

Settings

Należy włączyć każdego dostawcę i wkleić dane uwierzytelniające uzyskane z jego konsoli, a następnie wybrać miejsce wyświetlania przycisków.

  • Enable Google sign-in: włącza przycisk Google.
  • Google Client ID: z Google Cloud Console → Credentials → identyfikator klienta OAuth (Web application).
  • Google Client Secret: wartość tajna; używana wyłącznie między serwerami i nigdy nieujawniana w przeglądarce.
  • Enable Facebook sign-in: włącza przycisk Facebook.
  • Facebook App ID: z developers.facebook.com → aplikacja → Settings → Basic.
  • Facebook App Secret: wartość tajna; używana wyłącznie między serwerami i nigdy nieujawniana w przeglądarce.
  • Button position: Login page only, Registration page only lub Both login and registration.
Ustawienia
Ustawienia: włączanie dostawców, dane uwierzytelniające i położenie przycisków

3. Sprawdzenie działania

  • Po włączeniu dostawcy i zapisaniu jego danych uwierzytelniających należy otworzyć stronę logowania sklepu: przycisk dostawcy powinien pojawić się w wybranym miejscu.
  • Należy kliknąć przycisk i zakończyć logowanie; powinno nastąpić przekierowanie z powrotem i zalogowanie (przy pierwszym użyciu tworzone i łączone jest nowe konto).
  • Jeśli pojawi się błąd „redirect URI mismatch”, URI w konsoli dostawcy nie jest dokładnie taki sam: należy skopiować go ponownie z panelu Redirect URIs.
  • Po ponownym zalogowaniu u tego samego dostawcy powinno nastąpić dopasowanie do tego samego konta według zweryfikowanego adresu e-mail.

4. FAQ

Czy potrzebuję konta dewelopera?

Do uzyskania identyfikatora i klucza tajnego klienta potrzebny jest bezpłatny projekt Google Cloud i/lub aplikacja deweloperska Facebook/Meta. Moduł podaje dokładne adresy URI przekierowania do wklejenia.

Czy jest bezpieczny?

Tak. Wykorzystuje OAuth 2.0 i łączy konta według zweryfikowanego adresu e-mail; klucz tajny klienta jest używany wyłącznie między serwerami i nigdy nie jest ujawniany w przeglądarce.

Co, jeśli klient ma już konto?

Jeśli zweryfikowany adres e-mail zgadza się z istniejącym klientem, logowanie społecznościowe zostaje powiązane z tym kontem, zamiast tworzyć duplikat.

Czy można pokazać tylko jednego dostawcę?

Tak. Wystarczy włączyć tylko Google albo tylko Facebook; przycisk wyłączonego dostawcy nie jest wyświetlany.

Ładowanie...
Powrót do góry