Sprawdź swoje umiejętności we wszystkich naszych usługach hostingowych i otrzymaj 15% zniżki!

Użyj kodu przy kasie:

Skills
15.01.2025

Jak dodać logowanie do Facebooka dla WordPress

Dodanie logowania przez Facebooka do witryny WordPress może usprawnić proces rejestracji użytkownika, ułatwiając użytkownikom rejestrację lub logowanie przy użyciu danych logowania z Facebooka. Poprawia to komfort użytkowania i może prowadzić do zwiększenia zaangażowania użytkowników. Możesz to osiągnąć za pomocą wtyczek i konfigurując aplikację Facebooka, aby połączyć swoją witrynę z systemem uwierzytelniania OAuth Facebooka. Oto przewodnik krok po kroku, jak dodać logowanie do Facebooka do swojej witryny WordPress

Krok 1: Utwórz aplikację Facebooka

Aby umożliwić użytkownikom logowanie się za pomocą Facebooka, należy utworzyć aplikację Facebooka, która integruje się z witryną WordPress

1.1. Przejdź do Facebook Developers

  1. Odwiedź stronę Facebook Developers.
  2. Jeśli nie masz jeszcze konta programisty na Facebooku, zostaniesz poproszony o jego utworzenie.
  3. Po zalogowaniu kliknij opcję Moje aplikacje w prawym górnym rogu, a następnie kliknij opcję Utwórz aplikację.

1.2. Skonfiguruj aplikację

  1. W wyskakującym okienku wybierz opcję For Everything Else, a następnie kliknij przycisk Next.
  2. Wprowadź wyświetlaną nazwę aplikacji, kontaktowy adres e-mail aplikacji i wybierz konto biznesowe (jeśli dotyczy).
  3. Kliknij przycisk Utwórz aplikację.

1.3. Skonfiguruj logowanie do Facebooka

  1. Na lewym pasku bocznym kliknij Dodaj produkt i wybierz Logowanie Facebook.
  2. Wybierz Web jako platformę.
  3. Wprowadź adres URL swojej witryny WordPress (np. https://www.yoursite.com).

1.4. Uzyskaj identyfikator aplikacji i sekret

  1. Przejdź do Ustawienia > Podstawowe.
  2. Skopiuj swój App ID i App Secret. Będą one potrzebne do późniejszej konfiguracji wtyczki WordPress.
  3. W polu App Domains wprowadź nazwę swojej domeny (np. yoursite.com).
  4. W sekcji Valid OAuth Redirect URIs dodaj adres URL, na który użytkownicy będą przekierowywani po zalogowaniu się na Facebooku, co zazwyczaj wygląda następująco
    https://www.yoursite.com/wp-login.php
  5. Kliknij przycisk Zapisz zmiany.

Krok 2: Zainstaluj wtyczkę WordPress, aby włączyć logowanie do Facebooka

Istnieje kilka wtyczek, które mogą pomóc zintegrować logowanie do Facebooka z WordPressem. Jedną z najpopularniejszych jest Nextend Social Login

2.1. Zainstaluj wtyczkę

  1. Na pulpicie nawigacyjnym WordPress przejdź do Wtyczki > Dodaj nową.
  2. Wyszukaj Nextend Social Login.
  3. Kliknij Zainstaluj teraz, a następnie Aktywuj.

2.2. Skonfiguruj wtyczkę dla Facebooka

  1. Przejdź do Nextend Social Login na pulpicie nawigacyjnym WordPress.
  2. Kliknij Facebook, aby rozpocząć proces konfiguracji.

2.3. Wprowadź swój identyfikator aplikacji i sekret

  1. W ustawieniach wtyczki dla Facebooka wklej App ID i App Secret uzyskane z portalu Facebook Developers.
  2. Skonfiguruj adres URL wywołania zwrotnego na ten sam prawidłowy identyfikator URI przekierowania OAuth, który dodałeś w aplikacji Facebook (zazwyczaj https://www.yoursite.com/wp-login.php).
  3. W razie potrzeby skonfiguruj inne opcje (np. przyciski, style lub monity logowania).
  4. Kliknij przycisk Zapisz zmiany.

Krok 3: Przetestuj logowanie na Facebooku

  1. Odwiedź stronę logowania swojej witryny lub dowolną stronę, na której wyświetlany jest przycisk logowania.
  2. Powinieneś teraz zobaczyć przycisk Zaloguj się przez Facebooka.
  3. Kliknij przycisk i zakończ proces logowania przy użyciu konta Facebook, aby upewnić się, że działa poprawnie.

Krok 4: Dostosuj sposób logowania na Facebooku (opcjonalnie)

Większość wtyczek, takich jak Nextend Social Login, oferuje opcje dostosowywania wyglądu i funkcjonalności przycisku logowania do Facebooka. Możesz zmodyfikować następujące ustawienia

  • Umiejscowienie przycisku: Wybierz miejsce wyświetlania przycisku logowania do Facebooka (na stronie logowania, w formularzu rejestracyjnym lub w sekcji komentarzy).
  • Przekierowanie logowania: Zdecyduj, gdzie użytkownicy powinni zostać przekierowani po zalogowaniu (np. na stronę profilu lub stronę główną).
  • Przypisywanie ról użytkowników: Automatyczne przypisywanie określonych ról WordPress (np. Subskrybent, Autor) użytkownikom logującym się za pośrednictwem Facebooka.
  • Projektowanie i stylizacja: Możliwość dostosowania wyglądu przycisku logowania do wyglądu witryny.

Krok 5: Włącz rejestrację użytkowników przez Facebook (opcjonalnie)

Jeśli chcesz umożliwić nowym użytkownikom rejestrację konta w Twojej witrynie za pomocą Facebooka, upewnij się, że rejestracja jest włączona w WordPress

  1. Przejdź do Ustawienia > Ogólne w panelu WordPress.
  2. Zaznacz pole obok Każdy może się zarejestrować w sekcji Członkostwo.
  3. Wybierz domyślną rolę dla nowych użytkowników (np. Subskrybent).
  4. Zapisz zmiany.

Po włączeniu tej opcji użytkownicy, którzy nie mają konta, mogą teraz zarejestrować się za pomocą loginu na Facebooku

Wnioski

Dodanie logowania przez Facebooka do witryny WordPress nie tylko upraszcza proces rejestracji i logowania, ale także buduje zaufanie i wygodę użytkowników. Zamiast tworzyć kolejną nazwę użytkownika i hasło, odwiedzający mogą uzyskać dostęp do witryny za pomocą zaledwie kilku kliknięć przy użyciu istniejącego konta na Facebooku. To usprawnione doświadczenie zmniejsza bariery wejścia, zwiększa prawdopodobieństwo rejestracji i może być szczególnie korzystne dla sklepów eCommerce, platform członkowskich i witryn opartych na społecznościach, w których szybki dostęp zachęca do większego zaangażowania. Co więcej, logowanie przez Facebooka zapewnia bezpieczne uwierzytelnianie wspierane przez infrastrukturę Facebooka, co może pomóc zminimalizować liczbę kont spamowych i nieuczciwych rejestracji.

Oprócz poprawy komfortu użytkowania, logowanie na Facebooku zapewnia również większą elastyczność w zarządzaniu dostępem użytkowników i personalizacją. Dzięki wtyczkom takim jak Nextend Social Login możesz dostosować przyciski logowania do swojej marki, zdecydować, gdzie mają być wyświetlane w całej witrynie, a nawet zintegrować je z WooCommerce lub innymi narzędziami członkowskimi. Właściwe testowanie zapewnia płynne przekierowania, prawidłowe przypisywanie ról i profesjonalny przepływ, który jest naturalny dla odwiedzających. Ostatecznie, oferując zaufaną opcję logowania społecznościowego, tworzysz bardziej przyjazne środowisko, które sprawia, że użytkownicy powracają, jednocześnie ułatwiając administratorom zarządzanie witryną.

Sprawdź swoje umiejętności we wszystkich naszych usługach hostingowych i otrzymaj 15% zniżki!

Użyj kodu przy kasie:

Skills