Jak dodać logowanie do Facebooka dla WordPress ⋆ ALexHost SRL

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 przez Facebooka do swojej witryny WordPress:


Krok 1: Utwórz aplikację Facebook

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 deweloperskiego 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. Konfiguracja aplikacji

  1. W wyskakującym okienku wybierz For Everything Else, a następnie kliknij 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 opcję Facebook Login.
  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 nowy.
  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: Dostosowanie sposobu 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żytkownika 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.


Podsumowanie

Dodanie logowania przez Facebooka do witryny WordPress zwiększa komfort użytkowania, oferując użytkownikom szybki i bezpieczny sposób logowania lub rejestracji. Tworząc aplikację Facebooka i konfigurując wtyczkę, taką jak Nextend Social Login, możesz płynnie zintegrować uwierzytelnianie Facebooka ze swoją witryną. Przy odpowiednim przetestowaniu i dostosowaniu, logowanie przez Facebooka może zwiększyć zaangażowanie użytkowników i ułatwić zarządzanie dostępem do witryny zarówno Tobie, jak i odwiedzającym.

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

Użyj kodu przy kasie:

Skills