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.
Najpierw przechodzimy na stronę developers.facebook.com następnie przechodzimy do logowania login (1).
Po zalogowaniu w panelu Developers Facebook przejdź do Create App (2).
Wprowadź dowolną nazwę aplikacji App name (3) oraz adres e-mail kontaktowy dla Facebook App contact email (4).
W następnym kroku wybieramy opcję Other (5).
Typ aplikacji wybieramy jako Konsument (6).
Na końcu wybieramy Create App (7).
Po utworzeniu aplikacji przechodzimy do Facebook Login „Set up” (8)
Wybieramy opcję Web (9).
Wprowadzamy domenę swojego sklepu w Site URL (10). Naciskamy Save (11), następnie Continue (12).
Przechodzimy po kolei do kroku 5. za pomocą „Next„.
Przechodzimy do App settings (13), następnie Basic (14).
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.
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.
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).
Wracamy do App settings -> Basic i kopiujemy App ID (27) oraz App secret (28).
Dodanie opcji logowania przez Facebook w sklepie
Przechodzimy do zakładki Integracje (1) -> Facebook (2) -> Logowanie do sklepu przez Facebook (3).
W nowo otwartym okienku uzupełniamy wymagane dane i włączamy Aktywna w sklepie: Tak (3), aby logowanie przez Facebooka było widoczne.
ID aplikacji (1) – App ID skopiowane ze strony Developers Facebook.
Klucz (2) – App secret skopiowane ze strony Developers Facebook.
Rezultat