Jak dodać login społecznościowy do WordPress, aby zwiększyć zaangażowanie użytkowników

Opublikowany: 2022-10-06

Koncepcja logowania społecznościowego staje się coraz bardziej popularna wśród rosnącej liczby użytkowników mediów społecznościowych. Logowanie społecznościowe sprawia, że ​​proces dołączania do strony internetowej jest znacznie prostszy niż metoda konwencjonalna. W związku z tym może to być świetna technika zwiększania zaangażowania użytkowników w witrynie WordPress.

Jeśli posiadasz witrynę WordPress lub planujesz ją utworzyć, opcja logowania społecznościowego może pomóc w przekształceniu większej liczby odwiedzających w potencjalnych klientów. Istnieje kilka sposobów, aby dodać to do swojej witryny.

W tym poście pokazaliśmy jedno proste rozwiązanie umożliwiające logowanie społecznościowe w witrynie WordPress za pomocą wtyczki WP User Frontend .

Zacznijmy.

Co to jest logowanie społecznościowe i jak to działa

Logowanie społecznościowe jest również znane jako logowanie społecznościowe lub logowanie społecznościowe. Pozwala użytkownikom zarejestrować się lub zalogować w witrynie internetowej bez przechodzenia przez etapy tworzenia konta. Zamiast tego mogą natychmiast zalogować się lub zarejestrować za pomocą konta społecznościowego. Krótko mówiąc, jest to prostszy zamiennik standardowego procesu rejestracji lub logowania.

Co to jest logowanie społecznościowe

Załóżmy, że masz witrynę internetową, w której ludzie muszą się zalogować, aby uzyskać dostęp do zasobów. Tak więc nowi użytkownicy będą musieli utworzyć konto, a powracający użytkownicy będą musieli się ponownie zalogować, prawda?

Ale jeśli podasz opcję logowania społecznościowego, mogą pominąć tę złożoność. Będą mogli wybrać jedno ze swoich istniejących kont społecznościowych, aby połączyć się z Twoją witryną, a konto zostanie utworzone automatycznie.

Oznacza to, że mogą korzystać z dowolnego konta, takiego jak Twitter, Facebook, LinkedIn, Gmail itp., Aby wejść na Twoją witrynę bez żadnych opóźnień.

Podobnie, ci, którzy muszą ponownie zalogować się do Twojej witryny, nie będą potrzebować żadnej nazwy użytkownika ani hasła, jeśli korzystają z logowania społecznościowego. Mogą po prostu korzystać z tego samego konta społecznościowego, z którego korzystali za pierwszym razem, i logować się za każdym razem jednym kliknięciem.

Powody, dla których warto dodać login społecznościowy

Stale rosnąca liczba użytkowników mediów społecznościowych sprawiła, że ​​logowanie społecznościowe stało się powszechną opcją na dzisiejszych stronach internetowych. Oprócz zapewniania wszystkich korzyści dla użytkownika, ułatwia również administratorom. Jeśli nadal masz wątpliwości co do dodania go do swojej witryny, oto kilka statystyk, które mogą pomóc w podjęciu decyzji:

1. Łatwość rejestracji

W tym momencie wiesz już, że logowanie społecznościowe oferuje uproszczony i łatwy proces rejestracji. Dzięki temu użytkownicy mogą logować się lub rejestrować szybciej. Nie trzeba dodawać, że tworzy dobre pierwsze wrażenie, a tym samym lepsze wrażenia użytkownika.

2. Więcej możliwości rejestracji

Według badań 77% użytkowników uważa, że ​​każda strona internetowa powinna oferować logowanie społecznościowe. To jasno wskazuje – jeśli Twoja witryna tego nie oferuje, istnieje ryzyko utraty ogromnej liczby potencjalnych klientów.

3. Mniejszy współczynnik odrzuceń

Badania pokazują, że 92% wolałoby opuścić witrynę zamiast resetować lub odzyskiwać dane logowania, jeśli zapomniało hasła. Dzięki witrynom umożliwiającym logowanie społecznościowe klienci nie muszą już pamiętać innych danych konta.

4. Mniejsza szansa na fałszywe konta

Wiele osób tworzy konta przy użyciu fałszywych danych albo z lenistwa, albo z zamiarem zaatakowania Twojej witryny. Ale logowania społecznościowe mogą to znacznie zminimalizować. Otrzymujesz dokładniejsze dane i ulepszasz marketing docelowy. (Chociaż portale społecznościowe również mają fałszywe konta i ktoś może ich użyć, aby nadal pozostać fikcją).

5. Zmniejszona liczba porzuconych koszyków

Wymuszone utworzenie konta jest jednym z najczęstszych powodów, dla których ludzie opuszczają koszyki bez dokończenia zakupów. To oczywiste, że proces kasowania powinien przebiegać tak nieprzerwanie, jak to tylko możliwe. A opcja logowania społecznościowego może bardzo pomóc w tym zakresie.

Dodanie logowania społecznościowego do witryny WordPress

Dodanie logowania społecznościowego do witryny WordPress

Istnieje kilka sposobów włączenia funkcji logowania społecznościowego do witryny WordPress. Jak wspomnieliśmy wcześniej, możesz to zrobić również za pomocą WP User Frontend Pro.

Od publikowania gości, ograniczeń treści i menu, profilu użytkownika i katalogu stron internetowych, po zarządzanie subskrypcjami – WP User Frontend Pro oferuje szeroki zakres funkcji. Jeśli więc Twoja witryna wymaga jednej lub więcej powyższych funkcji, znasz kompleksowe rozwiązanie. Dlaczego o tym wspominamy?

Ponieważ WP User Frontend Pro oferuje ponad 20 modułów zwiększających funkcjonalność. Jednym z nich jest moduł Social Login & Registration . Możesz więc włączyć logowanie społecznościowe bez dodawania żadnych dodatkowych wtyczek. A do tego wystarczą tylko trzy kroki –

  1. Aktywacja modułu
  2. Włączanie ustawienia
  3. Autoryzacja aplikacji (utworzonej na platformie społecznościowej)

Zobaczmy, jak wykonać te kroki.

Krok 1: Aktywuj moduł logowania i rejestracji społecznościowej

Przejdź do WP Admin Dashboard > User Frontend > Modules . Znajdź moduł Social Login & Registration i włącz przycisk przełączania w prawym górnym rogu, aby go aktywować.

Strona modułów — WP User Frontend Pro
Włączanie modułu logowania i rejestracji społecznościowej

Krok 2: Włącz ustawienie logowania społecznościowego

Teraz przejdź do WP Admin Dashboard → User Frontend → Settings → Social Login i zaznacz pole wyboru obok opcji Enable Social Login .

Włącz logowanie społecznościowe — strona Ustawienia interfejsu użytkownika WP
Włączanie ustawienia

Krok 3: Autoryzacja aplikacji

Możesz zobaczyć, że w WP User Frontend są osobne pola dla Facebooka, Twittera, Google i LinkedIn Ustawienia aplikacji. Musisz wypełnić tylko te pola w ramach platformy, którą chcesz udostępnić swoim użytkownikom. Załóżmy, że chcesz włączyć opcję logowania na Facebooku . Następnie po prostu wstaw identyfikator aplikacji i klucz tajny aplikacji tylko w ustawieniach aplikacji na Facebooku. Zachowaj pozostałe trzy puste miejsca. Szukasz loginu do Twittera? Wprowadź klucz klienta i klucz klienta w ustawieniach aplikacji Twitter.

Nie martw się, pokażemy wszystkie konfiguracje jedna po drugiej, abyś miał jaśniejszy obraz. Więc teraz dzielimy Trzeci Krok na cztery różne sekcje –

  1. Nazwa użytkownika Facebook
  2. Zaloguj się na Twitterze
  3. Logowanie Google
  4. Logowanie do LinkedIn

Przejdź do tych, które chcesz zaoferować swoim użytkownikom. Podstawowa procedura jest ogólnie taka sama. Najpierw musimy stworzyć aplikację na te platformy. A następnie zbierz ten identyfikator aplikacji i tajny klucz, aby umieścić je w naszych ustawieniach WP User Frontend. Zacznijmy zatem od Facebooka.

(1) Konfigurowanie logowania do Facebooka

Potrzebujesz zatem identyfikatora aplikacji i klucza tajnego aplikacji dostarczonego przez Facebooka. Możesz go łatwo uzyskać, klikając link „ Utwórz aplikację ” wskazany na powyższym zrzucie ekranu lub przechodząc bezpośrednio na stronę https://developers.facebook.com/apps/.

Rozpocznij, tworząc lub weryfikując swoje konto (jeśli jeszcze tego nie zrobiłeś). Na pulpicie nawigacyjnym Meta for Developers kliknij przycisk „Utwórz aplikację”.

Utwórz aplikację do logowania na Facebooku — pulpit nawigacyjny Meta for Developers

Teraz wybierz z listy typ aplikacji konsumenckiej . (Wszystkie opcje mają pod sobą teksty pomocy, więc wybór właściwej nie będzie problemem).

wybierz typ aplikacji Konsument - Meta for Developers Dashboard

W następnym kroku Facebook poprosi o podanie podstawowych informacji, takich jak nazwa aplikacji, kontaktowy adres e-mail itp. Wypełnij je i naciśnij przycisk Utwórz aplikację .

Podaj podstawowe informacje — Meta for Developers Dashboard

Na następnym ekranie znajdziesz opcję logowania do Facebooka . Wybierz go, a następnie musisz wybrać typ platformy.

Wybierz Logowanie do Facebooka w Internecie

Ponieważ konfigurujesz go dla witryny WordPress, po prostu wybierz opcję Sieć (z ikoną www) tutaj. Spowoduje to przejście do domyślnych ustawień szybkiego startu Facebooka. Możesz pominąć tę część, ponieważ WP User Frontend wykona to za Ciebie. Zamiast tego po prostu przejdź do Ustawienia> Podstawowe i powinieneś znaleźć identyfikator aplikacji i klucz tajny aplikacji tutaj.

Identyfikator aplikacji i klucz tajny aplikacji na pulpicie nawigacyjnym programistów Facebooka

Tak, mamy to, czego potrzebowaliśmy. Wystarczy teraz skopiować te dwa elementy i wkleić je w odpowiednie pola na stronie ustawień WP User Frontend (pokazane na poniższym obrazku).

Ustawienia aplikacji Facebook na stronie logowania społecznościowego użytkownika WP Frontend
Ustawienia aplikacji Facebooka

Nie zapomnij kliknąć Zapisz zmiany ! I wszystko jest gotowe do skonfigurowania rejestracji/logowania na Facebooku dla Twojej witryny.

(2) Konfiguracja logowania do Twittera

W podobny sposób możesz skonfigurować logowanie do Twittera dla swojej witryny. Ale jeśli masz już dość patrzenia na te zrzuty ekranu, cóż, nasz zespół ds. mediów ma Cię w swojej ofercie. Oto objaśniający samouczek wideo na temat konfigurowania logowania na Twitterze dla witryny WordPress. Sprawdź to, a będziesz mógł łatwo umieścić go na swojej stronie.

Konfigurowanie logowania społecznościowego Twittera w WordPressie za pomocą WP User Frontend

(3) Konfigurowanie logowania Google

Chcesz zintegrować logowanie Google? Wróćmy zatem do pulpitu nawigacyjnego WP User Frontend. Aby włączyć opcję Zaloguj przez Google , musimy uzyskać Client ID i Client Secret , prawda? Najpierw kliknij powiązane łącze (Utwórz aplikację). Spowoduje to przejście do pulpitu nawigacyjnego Google Cloud. Utwórz stamtąd projekt.

Utwórz projekt konfiguracji opcji logowania społecznościowego Google

Wpisz nazwę projektu i inne informacje, a następnie naciśnij przycisk UTWÓRZ . Następnie z ikony menu hamburgera (w lewym górnym rogu) przejdź do API i usług > Ekran zgody OAuth .

przejdź do API i usług > ekran zgody OAuth

Skonfiguruj ekran zgody OAuth (otwartej autoryzacji), który Google będzie wyświetlał użytkownikom podczas łączenia ich konta Google z Twoją witryną. W kolejnych krokach powinieneś podać szczegóły swojej witryny i zasady. Po skonfigurowaniu Google wyświetli podsumowanie.

Skonfiguruj ekran zgody OAuth (otwartej autoryzacji) dla logowania Google

Dalej, Poświadczenia. Powinieneś zobaczyć menu po lewej stronie. Wejdź tam i kliknij CREATE CREDENTIALS > ID klienta OAuth (zaznaczone na obrazku seryjnie).

Utwórz dane uwierzytelniające > Identyfikator klienta OAuth

Z listy rozwijanej wybierz aplikację internetową jako typ aplikacji. Ustaw jego nazwę i przewiń w dół do końca, aby nacisnąć przycisk UTWÓRZ .

Z listy rozwijanej wybierz typ aplikacji jako aplikację internetową

Pojawi się wyskakujące okienko z Twoim identyfikatorem klienta i kluczem klienta. Skopiuj je stąd i odpowiednio wklej na stronie ustawień WP User Frontend.

Utworzono klienta Google OAuth — identyfikator klienta, klucz tajny klienta

I to jest to. Jesteśmy gotowi do korzystania z usługi Google Login dla Twojej witryny.

(4) Konfigurowanie logowania do LinkedIn

Więc znowu zaczynamy od strony ustawień WP User Frontend. Kliknij tutaj łącze Utwórz aplikację , aby przejść do LinkedIn Developers. Podobnie jak wszystkie inne platformy, zacznij od przycisku Utwórz aplikację .

Konfigurowanie logowania do LinkedIn

Wprowadź wszystkie informacje w wymaganych polach. LinkedIn wymaga logo aplikacji, które będzie wyświetlane, gdy użytkownicy połączą swoje konto LinkedIn z Twoją witryną. Prześlij plik obrazu (może to być logo Twojej witryny).

podaj nazwę aplikacji, logo i inne informacje potrzebne do logowania na LinkedIn

Po zakończeniu przejdź do zakładki Uwierzytelnianie na pulpicie nawigacyjnym programistów LinkedIn, gdzie znajdziesz identyfikator klienta i klucz tajny klienta .

Identyfikator klienta i klucz tajny klienta na karcie Uwierzytelnianie — pulpit nawigacyjny programistów LinkedIn

Tak jak za każdym razem, wklej je w odpowiednie pola na stronie ustawień WP User Frontend. I gratulacje! Pomyślnie skonfigurowałeś login LinkedIn dla swojej witryny.

Zastanawiasz się, jak będą wyglądać przyciski logowania na interfejsie użytkownika? Oto widok strony logowania z włączonymi niektórymi opcjami logowania społecznościowego (możesz zobaczyć obszar zaznaczony na czerwono).

Po włączeniu (cztery platformy) logowania społecznościowego do witryny WordPress
Wygląd frontendu witryny WordPress z włączonym logowaniem społecznościowym

Tak więc, jeśli skonfigurowałeś wszystkie cztery platformy, które właśnie pokazaliśmy, powinieneś zobaczyć coś takiego na swojej stronie logowania do witryny. Użytkownicy mają do dyspozycji cztery opcje logowania lub rejestracji w Twojej witrynie.

Często zadawane pytania dotyczące mediów społecznościowych Zaloguj się do WordPress

  1. Czy mogę włączyć wiele platform społecznościowych jednocześnie w WordPress?
    – Tak, dzięki WP User Frontend Pro możesz włączyć Twittera, Facebooka, Google, LinkedIn i Instagram na swojej stronie WordPress.
  2. Ile opcji powinienem zapewnić moim klientom?
    – Nie ma na to ustalonej reguły, wszystko zależy od Ciebie. Ale staraj się nie ograniczać opcji. Ponieważ wszyscy mogą nie korzystać z tej samej platformy. Lub może nie być wygodne połączenie określonego kanału społecznościowego z Twoją witryną. Spróbuj zrozumieć swoich odbiorców i odpowiednio zaoferuj opcje.
  3. Czy jest to związane z dodatkowymi kosztami?
    - Zupełnie nie. Jeśli korzystasz z dowolnego planu WP User Frontend Pro, możesz włączyć to bez żadnych dodatkowych kosztów.

Zamykanie logowania społecznościowego WordPress

Logowanie do mediów społecznościowych zapewnia korzyści zarówno Tobie, jak i odwiedzającym Twoją witrynę. Tak, istnieją pewne znane wady, takie jak konieczność polegania na czasie działania stron trzecich, ludzie mogą wykorzystywać fałszywe informacje w mediach społecznościowych itp. Ale możemy powiedzieć, że jest to przyjemna funkcja dla nowoczesnych stron internetowych. I z pewnością może zwiększyć interakcję lub zaangażowanie użytkowników w Twojej witrynie.

Zdobądź teraz WP User Frontend Pro!

Mam nadzieję, że wiesz, czy logowanie społecznościowe jest ważne dla Twojej witryny, czy nie. A może już go używasz? Tak czy inaczej, podziel się z nami swoją opinią na ten temat. Pomoże to zarówno nam, jak i innym czytelnikom podejmować bardziej świadome decyzje w tym temacie.