Czy chciałbyś oferować swoim użytkownikom lepsze wrażenia z korzystania z Twojej witryny? A może chcesz zwiększyć konwersję w swoim sklepie internetowym? Wykorzystaj do tego logowanie za pomocą Facebooka!
Logowanie Facebook – Zyskują obie strony!
Jeśli pozwolisz odwiedzającym logować się za pomocą Facebooka na Twojej stronie, zyskasz Ty i Twoi użytkownicy. Sam zapewne wiesz jak uciążliwe jest ciągłe zakładanie nowych kont na różnych witrynach… A tak za pomocą jednego kliknięcia można bez problemu się zalogować.
To szybkie i proste rozwiązanie dla użytkownika, ale bardzo opłacalne również dla Ciebie. Dzięki wdrożeniu logowania przez Facebooka będziesz miał pewność co do prawdziwości danych, a przyspieszenie całego procesu zapewni Ci znacznie większą konwersję.
Logowanie Facebook w WooCommerce
Wielu ludzi nie znosi tworzenia nowego konta w każdym sklepie i czekania na wiadomość email z potwierdzeniem założenia konta. Dzięki logowaniu za pomocą Facebooka w WooCommerce ułatwisz zadanie kupującemu. Dla użytkowników którzy nie chcą rejestracji przez Facebooka pozostanie standardowe logowanie.
Krok 1 – Stwórz aplikację
Jeśli nigdy wcześniej nie tworzyłeś aplikacji na Facebooku, musisz założyć konto programisty na Facebooku. Możesz to zrobić tutaj.
- Kliknij My Apps
- Następnie kliknij Add a New App
- Teraz przy Facebook Login wejdź w Set Up
- Wybierz odpowiednią platformę, w tym wypadku jest to strona WWW
- Wpisz nazwę swojej strony WWW. Pamiętaj, że aby wszystko działało poprawnie, powinieneś mieć wgrany SSL (HTTPS). Np https://wpmentor.pl.
Life Hack: Zadziała nawet bez ważnego certyfikatu SSL, wystarczy zmienić adres na https w ustawieniach WordPressa.
Pozostałe kroki możesz pominąć klikając Continue
Krok 2 – Skonfiguruj swoją aplikację
- Wybierz swoją aplikację i po lewej stronie kliknij Settings > Basic
- Podaj link do polityki prywatności
- Wybierz ikonę swojej aplikacji
- Sprecyzuj kategorię
- Podaj kontaktowy adres email
- Wybierz zastosowanie biznesowe
- Zapisz zmiany
App ID i App Secret będą potrzebne później.
Po lewej stronie kliknij Facebook Login > Settings.
- Wklej w pole „Valid OAuth redirect URLs” taki adres https://twojadomena.pl/wp-login.php?loginSocial=facebook
- Zapisz zmiany
Krok 3 – Dodaj aplikację do swojej witryny
Najłatwiej zrobić to za pomocą wtyczki. Jest kilka dobrych rozwiązań, ale trzeba zwrócić uwagę na wybór tej odpowiedniej ponieważ niektóre funkcje są płatne.
Nextend Social Login
Uniwersalna wtyczka do łączenia ze wszystkimi stronami Social media jak: Facebook, Google, Twitter, LinkedIn… To dobra wtyczka, ale w darmowej wersji nie ma możliwości użycia jej do WooCommerce. Za addon premium trzeba niestety zapłacić aż 50$, ale licencja jest na zawsze (jedna domena).
Jeśli nie używasz WooCommerce i chcesz dodać użyć jej do zwykłego logowania WordPress to dobry wybór.
- Przejdź do ustawień
- Wybierz Facebooka i kliknij Get Started
- Kliknij „I am done setting my Facebook App”, ponieważ wykonałeś już wszystkie potrzebne kroki opisane we wskazówkach wtyczki.
- Skopiuj klucze App ID i App Secret z Settings > Basic i wklej do wtyczki – Zapisz zmiany.
- Zweryfikuj poprawność ustawień klikając „Verify Settings”.
- Wyświetli się logo i nazwa Twojej aplikacji. Kliknij Kontynuuj.
- Po poprawnej weryfikacji wyświetli się komunikat „Works Fine – Disabled”. Włącz klikając „Enable”.
- Pojawi się komunikat „Works Fine – Enabled”
- Logowanie będzie już działać, żeby to sprawdzić otwórz kartę incognito lub prywatną (zależy od przeglądarki) i wpisz https://twojastrona.pl/wp-admin. Pojawi się dodatkowy przycisk do Facebooka.
- Dostosuj przycisk do swoich potrzeb. Wtyczka Nextend Social Login umożliwia kilka opcji m,modyfikacji przycisku logowania
- Gotowe, prawidłowo dodałeś możliwość logowania przez Facebooka.
Super Socializer – dla WooCommerce
- Zainstaluj wtyczkę i ja aktywuj.
- Przejdź do Super Socializer > Social Login i włącz wtyczkę – Enable Social Login.
- Zaznacz Facebook
- Wklej App Id i App Secret ze strony Developers Facebook
- Zapisz zmiany
Dodaj adres „https://twojastrona.pl/?SuperSocializerAuth=Facebook” do ustawień OAuth w Facebook Developers. Facebook Login > Settings > Valid OAuth
Logowanie Facebook w WooCommerce
W ustawieniach wtyczki Super Socializer przejdź do Advenced Configuration i zaznacz opcje WooCommerce które potrzebujesz.
- Ja zaznaczyłem wszystkie opcje związane z WooCommerce. Pamiętaj o zapisaniu zmian.
- W koszyku pojawi się ikona logowania przez Facebooka. Użytkownik nie musi wypełniać danych płatności ponieważ zostaną pobrane automatycznie.
Podsumowanie
