Jak dodać logowanie przez Facebook do sklepu?

Funkcja logowania przez Facebook umożliwi Twoim Klientom łatwe i bezpieczne logowanie się w sklepie przy użyciu konta Facebook. 

Tworzenie aplikacji i jej konfiguracja w Developers Facebook.

1

Najpierw przechodzimy na stronę developers.facebook.com następnie przechodzimy do logowania login (1).

Krok 1
2

Po zalogowaniu w panelu Developers Facebook przejdź do Create App (2).

Krok 2
3

Wprowadź dowolną nazwę aplikacji App name  (3) oraz adres e-mail kontaktowy dla Facebook App contact email (4).

Krok 3
4

W następnym kroku wybieramy opcję Other (5). 

Krok 4
5

Typ aplikacji wybieramy jako Konsument (6).

Krok 5
6

Na końcu wybieramy Create App (7).

Krok 6
7

Po utworzeniu aplikacji przechodzimy do Facebook Login „Set up” (8) 

Krok 7
8

Wybieramy opcję Web (9).

Krok 8
9

Wprowadzamy domenę swojego sklepu w Site URL (10). Naciskamy Save (11), następnie Continue (12).

Krok 9
10

Przechodzimy po kolei do kroku 5. za pomocą „Next„.

Krok 10
11

Przechodzimy do App settings (13), następnie Basic (14).

Krok 11

App domains (15) – wprowadzamy naszą domenę sklepu, np. sky-shop.pl

Privacy Policy URL (16) – wprowadzamy link do polityki prywatności sklepu.

User data deletion (17) – wprowadzamy link do podstrony z informacjami nt. usuwania kont.

Terms of Service URL (18) – wprowadzamy link do regulaminu i zasad sklepu.

12

Poniżej znajduje się miejsce na wprowadzenie linku do strony Site URL (19). Po wprowadzeniu linku do sklepu możemy zapisać zmiany Save changes (20) oraz uruchomić tryb Live (21) aplikacji.

Krok 12
13

Teraz uruchomimy funkcję, która będzie odpowiadała za logowanie. W tym celu przechodzimy do Facebook login (22) -> Settings (23). Tutaj uruchamiamy Login with the Javascript SDK (24) oraz wprwoadzamy nazwę swojej domeny w Allowed domains for the JavaScript SDK (25). I oczywiście zapisujemy zmiany poprzez Save changes (26).

Krok 13
14

Wracamy do App settings -> Basic i kopiujemy App ID (27) oraz App secret (28). 

Krok 14

Dodanie opcji logowania przez Facebook w sklepie

1

Przechodzimy do zakładki Integracje (1) -> Facebook (2) -> Logowanie do sklepu przez Facebook (3).

Krok 1 - sklep
2

W nowo otwartym okienku uzupełniamy wymagane dane i włączamy Aktywna w sklepie: Tak (3), aby logowanie przez Facebooka było widoczne.

Krok 2 - sklep

ID aplikacji (1) – App ID skopiowane ze strony Developers Facebook.

Klucz (2) – App secret skopiowane ze strony Developers Facebook.

Rezultat

Rezultat

Czy ten artykuł był pomocny: