Magento 2 Social Loginizer Extension – instrukcja obsługi

1.0 Wprowadzenie

Rozszerzenie Magento 2 Social Login umożliwia klientom logowanie / rejestrację przy użyciu kont mediów społecznościowych takich jak Facebook, Google, Yahoo i 9 innych opcji. To Magento 2 Moduł logowania społecznościowego doda nowy link „Szybkie logowanie” obok domyślnego linku logowania. Ten tekst można dostosować. Po kliknięciu tego łącza otworzy się okienko logowania.

Wtyczka Logowanie społecznościowe Magento 2 daje administratorowi sklepu eCommerce swobodę włączania i wyłączania logowania przez kilka platform, administrator może również zmieniać zachowanie rozszerzenia Magento 2 Social Media Login na interfejsie, a także włączać lub wyłączać logowanie za pośrednictwem dowolna dostępna platforma społecznościowa.

1.1 Funkcje oferowane przez

  1. Dzięki temu rozszerzeniu Magento 2 Social Login administrator może zaoferować klientom prostą i bezproblemową opcję logowania / rejestracji.
  2. Korzystając z tego modułu Magento 2 Social Login, sprzedawca w sklepie może skonfigurować 12 różnych przycisków mediów społecznościowych, aby oferować klientom proste logowanie / rejestrację.
  3. Administrator sklepu może wybrać małe / duże i okrągłe / prostokątne ikony do wyświetlania opcji logowania społecznościowego.
  4. Moduł logowania społecznościowego Magento 2 umożliwia ustawienie różnych animacji w przyciskach logowania społecznościowego, takich jak powiększenie / wyróżnienie / obrót.
  5. Sprzedawca sklepu może ustawić link nagłówka na stronie internetowej, aby zapewnić opcję wyskakującego logowania / rejestracji.
  6. Logowanie do Facebooka, Google, Yahoo, Paypal, Instagram, Twitter, Amazon, Linkedin, Live, Dropbox, Foursquare i WordPress są dostępne do zalogowania / rejestracji.
  7. Oferując prosty i bezproblemowy sposób, sprzedawca w sklepie może zwiększyć rejestrację klientów na stronie internetowej.
  8. Sprzedawca sklepu może również zmienić pozycję przycisków logowania społecznościowego za pomocą następującej funkcji przeciągnij i upuść.
  9. Administrator może skonfigurować interfejs API dla różnych opcji logowania społecznościowego z poziomu interfejsu administratora tego rozszerzenia logowania społecznościowego Magento 2.
  10. Moduł logowania społecznościowego Magento 2 jest responsywny i zapewnia płynne działanie.
  11. Rozszerzenie Magento 2 Social Media Login jest kompatybilne z wieloma językami i oferuje bezproblemową implementację.

2.0

Po zakupie rozszerzenia Magento 2 Social Login administrator sklepu otrzyma następujące pliki:

1. zip, który ma kod źródłowy wtyczki programu Magento 2 Socialloginizer.

2. Instrukcja obsługi ze wszystkimi podstawowymi szczegółami i informacjami.

Kroki, aby zainstalować rozszerzenie Magento 2 Social Loginizer Program są wymienione poniżej:

  • Kup moduł Magento 2 Social Loginizer Program od Knowband. Możesz pobrać pakiet rozszerzeń.
  • Pakiet zawiera skompresowany plik, który zawiera instrukcję obsługi i kod źródłowy modułu Magento 2 Social Loginizer Program. Teraz rozpakuj ten pakiet.
  • Utwórz folder {Magentoroot} / app / code / Knowband / Socialloginizer
  • Prześlij wyodrębnioną zawartość do powyższego folderu za pomocą menedżera FTP (jak Filezilla lub WinSCP
  • Teraz uruchom poniższe polecenia, aby zainstalować wtyczkę: 1. moduł php bin / magento: włącz Knowband_Socialloginizer2. konfiguracja php bin / magento: upgrade3. konfiguracja php bin / magento: di: compile
  • Rozszerzenie jest teraz zainstalowane i gotowe do użycia. W panelu administracyjnym przejdź do „Rozszerzeń Knowband -> Social Loginizer”. Możesz teraz skonfigurować i używać rozszerzenia Socialband Knowband Magento 2.

Ustawienia administratora 3.0

Zaloguj się do administratora Magento, a następnie przejdź do Sklepy -> Konfiguracja -> Knowband -> Social Loginizer i skonfiguruj wtyczkę.

Aby uzyskać dostęp do wtyczki Knowband, przejdź do Sklepy -> Konfiguracja -> Knowband -> Social Loginizer. Administrator sklepu będzie miał różne opcje ustawień podzielone na następujące kategorie:

login społeczny

Administrator może łatwo skonfigurować moduł Magento 2 Social Login i łatwo wyświetlać opcje logowania społecznościowego na stronie internetowej.

Konfiguracja 3.1

W sekcji konfiguracji administrator sklepu może skonfigurować moduł i zastosować podstawowe ustawienia. Administrator może również zastosować ustawienia witryny z tej sekcji.

Ustawienia ogólne 3.1.1

Administrator może dostosować ustawienia ogólne, korzystając z następujących opcji ustawień:

Rozszerzenie Magento 2 Social Login?

  • Włącz: Tutaj aktywuj lub dezaktywuj funkcjonalność modułu Social Login Magento 2.
  • Pokaż wyskakujące okienko logowania: Włączenie go spowoduje utworzenie linku zapisanego w „Tekst linku wyskakującego". Po kliknięciu tego linku pojawi się wyskakujące okienko z opcją logowania i sekcją logowania społecznościowego.
  • Tekst linku wyskakującego: Ten tekst pojawi się jako link do wyskakującego okienka logowania w nagłówku w interfejsie.
  • Wybierz układ: Administrator może wybrać układ wyświetlania przycisków logowania w wyskakującym okienku.
  • Pokaż na stronie logowania: Włączając tę ​​opcję konfiguracji, administrator może wyświetlać przyciski logowania społecznościowego na stronie logowania.
  • Wybierz układ: Administrator może wybrać układ wyświetlania opcji logowania społecznościowego na stronie logowania.
  • Pokaż na stronie rejestracji: Aktywując tę ​​opcję, administrator może wyświetlać przyciski logowania społecznościowego na stronie rejestracji klienta.
  • Wybierz układ: Sprzedawca sklepu może wybierać spośród dostępnych układów wyświetlania przycisków logowania społecznościowego na stronie rejestracji.
  • Pokaż na stronie kasy: Administrator może również wyświetlać opcje logowania społecznościowego na stronie kasy.
  • Wybierz układ: Administrator może wybierać spośród dostępnych układów wyświetlania opcji logowania społecznościowego na stronie kasy.
  • Tekst do nagłówka: Ten tekst pojawi się przed blokiem organizatora społecznościowego.
  • Domyślna widoczna opcja: Będzie to liczba ikon, które będą domyślnie wyświetlane w bloku logowania społecznościowego.

3.1.2 Ustawienia stron internetowych

Administrator może tutaj dodawać ustawienia witryn internetowych. Dla każdej witryny będą dostępne podobne ustawienia, jak poniżej: –

  • Aktywny: Aby włączyć witrynę do logowania i rejestracji, wybierz Tak.
  • Identyfikator aplikacji (np. Na Facebooku: identyfikator aplikacji na Facebooku) : Wprowadź swój identyfikator aplikacji / klienta. Identyfikator / identyfikator konsumenta jest zapewniany przez odpowiednią stronę internetową.
  • App Secret (np. Na Facebooku: Facebook App Secret): Wprowadź swój tajny wniosek / klienta. Tajny / tajny konsument jest dostarczany przez odpowiednią stronę internetową.

Rozszerzenie Magento 2 Social Media Login

3.2 Ustawienia niestandardowych ikon

W niestandardowym zestawie ikon administrator może dodawać, edytować i usuwać układ przycisku logowania społecznościowego. Rozszerzenie Magento 2 Social Login pozwala administratorowi sklepu zastosować ustawienia układu i wyświetlić opcje logowania społecznościowego w atrakcyjny sposób.

Magento 2 Ustawienia układu wtyczki Logowanie do Facebooka

3.2.1 Jak dodać nowy układ?

Administrator może kliknąć przycisk Dodaj nowy i zastosować te ustawienia w celu dodania nowego układu:

Opcje logowania społecznościowego dla Magento 2

  • Nazwa układu: Administrator może ustawić nazwy układów stąd.
  • Włącz opcje logowania społecznościowego: Wybierz opcje logowania społecznościowego z dostępnej listy, którą chcesz pokazać w tym układzie.
  • Efekty najechania: Administrator może wybierać spośród różnych efektów aktywowania, takich jak podświetlanie, powiększanie i obracanie.
  • Opcja wyrównania: Sprzedawca internetowy może ustawić wyrównanie opcji logowania jako pionowe lub poziome.
  • Rodzaje ikon: Administrator może wybrać typ ikony jako mały okrągły, mały prostokątny, mały zaokrąglony, duży zaokrąglony i duży prostokątny.
  • Typ przycisku: Administrator może wybrać typ przycisku jako domyślny lub dostosowany.

W opcji konfigurowalnej administrator może zastosować te ustawienia:

Rozszerzenie Magento 2 Social Login

3.2.2 Jak edytować układ?

Administrator może kliknąć przycisk edycji, aby edytować ustawienia układu.

Magento 2 Moduł logowania społecznościowego

3.2.3 Jak usunąć układ?

Aby usunąć dowolny układ, wystarczy kliknąć przycisk usuwania.

Magento 2 Social Login plugin usuń układStatystyki 3.3

Tam jest "Statystyka”w menu, z którego administrator może wyświetlić raport.

3.3.1 Raport graficzny strony internetowej

Pokazuje dane logowania społecznościowego i dane rejestracyjne w formie graficznej.

statystyka3.3.2 Raport logowania społecznościowego

Pokazuje tabelę zawierającą dane dotyczące każdej strony logowania społecznościowego, takie jak liczba logowania, liczba rejestracji itp.

raport

3.3.3 Raport użytkownika logowania społecznościowego

Pokazuje tabelę zawierającą dane związane z klientami i serwisami społecznościowymi, takimi jak adres e-mail klienta, liczba logowania itp.

raport

Zresetuj bazę danych: – Jest przycisk „Resetuj bazę danych”. Po kliknięciu tego przycisku wszystkie dane związane z wtyczką do logowania społecznościowego zostaną usunięte.

Interfejs frontowy 4.0

Wyskakujące okienko logowania: Po włączeniu logowania wyskakuje link z tekstem ustalonym w interfejsie administratora.

interfejs front-end

Po kliknięciu tego łącza pojawia się wyskakujące okienko z opcją logowania społecznościowego.

szybkie logowanie

Strona logowania: Jeśli włączone, blok logowania społecznościowego pojawi się na stronie logowania klienta.

login społeczny

Strona rejestracji: Jeśli włączone, blok logowania społecznościowego pojawi się na stronie tworzenia konta klienta.

Rozszerzenie Magento 2 Social Login

  1. Strona kasy: – Jeśli ta opcja jest włączona, blokada logowania do społeczności pojawi się przy kasie Popup Zaloguj się.

Rozszerzenie Magento 2 Social Login

dodatek

Jak ustawić adres URL przekierowania?

Niech URL Twojej witryny to „www.example.com”. a portal społecznościowy to „Facebook”.

Jeśli w Twojej witrynie jest włączone przepisywanie adresów URL, wówczas przekierowaniem będzie URL

Niezabezpieczony adres URL: https://www.example.com/socialloginizer/index/vssSoloApi Facebook /

  1. Zabezpieczony adres URL: https://www.example.com/socialloginizer/index/vssSoloApi Facebook /

Jeśli przepisywanie adresów URL jest wyłączone w Twojej witrynie, adres URL przekierowania będzie

  1. Niezabezpieczony adres URL: https://www.example.com/index.php/socialloginizer/index/vssSoloApi Facebook /
  2. Zabezpieczony adres URL: https://www.example.com/index.php/socialloginizer/index/vssSoloApi Facebook /

Uwaga: w przypadku Yahoo adresy URL będą

Niezabezpieczony adres URL: https://www.example.com/socialloginizer/index/vssSoloApi /

  1. Zabezpieczony adres URL: https://www.example.com/socialloginizer/index/vssSoloApi /

1. Jak uzyskać szczegółowe informacje na temat aplikacji Facebook?

Kroki:

  1. Wejdź na stronę Facebook Developers (https://developers.facebook.com) lub kliknij link podany w prawym górnym rogu odpowiedniej zakładki na stronie konfiguracji modułu.
  2. Kliknij Aplikacje -> Utwórz nową aplikację.
  3. Postępuj zgodnie z instrukcjami wyświetlanymi na ekranie.
  4. Otrzymasz identyfikator aplikacji i sekret aplikacji (kliknij przycisk „Pokaż”).

  1. Teraz przejdź do Ustawień z menu po lewej stronie.

  1. Kliknij przycisk „Dodaj platformę”.
  2. Wybierz witrynę.
  3. Wprowadź swoją domenę aplikacji i adres URL witryny.

Typ aplikacji: aplikacja internetowa.

Autoryzowane skrypty JavaScript: nazwa domeny Twojego sklepu. (https://www.example.com)

  1. Kliknij przycisk „Zapisz zmiany”.
  2. Teraz przejdź do zakładki „Status i przegląd” z menu po lewej stronie i uruchom aplikację na żywo.

2. Jak uzyskać dane aplikacji Google?

Kroki:

  1. Przejdź do Google Developers Console (https://console.developers.google.com/projectselector/apis/library) lub kliknij link Utwórz projekt w lewym górnym rogu strony lub w środku strony.

  1. Podaj nazwę projektu.

  1. Utwórz poświadczenia, klikając przycisk „Utwórz poświadczenia” i wybierając identyfikator klienta oAuth.

  1. Poświadczenia można utworzyć tylko po podaniu szczegółów w formularzu oAuth. Kliknij to samo, a teraz można znaleźć poświadczenia.

  1. Adres URL przekierowania można ustawić na ekranie danych logowania

3. Jak uzyskać szczegółowe informacje na temat aplikacji LinkedIn?

Kroki:

Przejdź do LinkedIn Developers (https://www.linkedin.com/developer/apps) lub kliknij „Utwórz aplikację” i postępuj zgodnie z instrukcjami.

Szczegóły uwierzytelnienia można dodać w zakładce uwierzytelnienia.

4. Jak uzyskać szczegółowe informacje na temat aplikacji na żywo?

Kroki:

  1. Przejdź do Microsoft Development Center (https://apps.dev.microsoft.com/#/appList) lub kliknij Dodaj aplikację.

  1. Wypełnij dane w formularzu i kliknij Zapisz.

5. Jak uzyskać szczegółowe informacje na temat aplikacji na Twitterze?

Kroki:

  1. Przejdź do zarządzania aplikacjami na Twitterze (https://apps.twitter.com/) lub kliknij link podany w prawym górnym rogu odpowiedniej karty na stronie konfiguracji modułu.

  1. Kliknij przycisk „Utwórz nową aplikację”.
  2. Wprowadź szczegóły aplikacji w następujący sposób:
  • Nazwa aplikacji: Nazwa Twojej aplikacji.
  • Opis: 10 do 200 znaków opisu twojej aplikacji.
  • Strona internetowa: Twój adres URL sklepu.
  • Oddzwonienie URL: Loginizer przekierowuje adres URL strony twojego sklepu.
  1. Teraz kliknij „Tak, zgadzam się”, a następnie kliknij „Utwórz aplikację na Twitterze”.
  2. Teraz wybierz „Klucze API” z menu poniżej nazwy aplikacji i skopiuj klucz API i tajny interfejs API.

6. Jak uzyskać szczegółowe informacje na temat aplikacji Yahoo?

Kroki:

  1. Przejdź do Yahoo Developer Network (https://developer.yahoo.com/apps/) i kliknij link „Moje aplikacje” podany w prawym górnym rogu i menu nagłówka na stronie konfiguracji.

  1. Kliknij „Utwórz aplikację”.

  1. Podaj wymagane dane zgodnie z instrukcjami

  1. Skopiuj „Identyfikator klienta” i „Tajny klucz klienta”.

7. Jak uzyskać szczegółowe informacje na temat aplikacji Amazon?

Kroki:

  1. Przejdź do Amazon Developer Network (https://login.amazon.com/manageApps) lub kliknij link podany w prawym górnym rogu odpowiedniej karty na stronie konfiguracji modułu.

  1. Kliknij przycisk Zaloguj się do konsoli aplikacji.
  2. Po udanym zalogowaniu do konsoli aplikacji kliknij przycisk Zarejestruj nową aplikację w prawym górnym rogu strony, a zostaniesz przekierowany na następną stronę.

  1. Wprowadź szczegóły aplikacji w następujący sposób:
  • Nazwa: Nazwa Twojej aplikacji.
  • Opis: Opis twojej aplikacji.
  • URL informacji o polityce prywatności: Adres strony z polityką prywatności Twojego sklepu.
  • Obraz logo: Wybierz opcjonalny obraz logo swojego sklepu.
  1. Kliknij przycisk Zapisz.
  2. Teraz kliknij Ustawienia sieciowe, aby uzyskać identyfikator klienta i sekret.

  1. Dozwolony zwrotny adres URL: Loginizer przekierowuje adres URL strony twojego sklepu.

Uwaga: Aby umożliwić Amazonowi logowanie się do Twojej witryny, witryna „musi być bezpieczny z HTTPS„w przeciwnym razie logowanie Amazon nie będzie działać.

8. Jak uzyskać szczegółowe informacje na temat aplikacji Instagram?

Kroki:

  1. Przejdź do Instagram Developer Network (https://instagram.com/developer/clients/manage/#) lub kliknij link podany w prawym górnym rogu odpowiedniej karty na stronie konfiguracji modułu.
  2. Kliknij przycisk Zarejestruj nowego klienta w prawym górnym rogu strony.

  1. Wypełnij poniższy formularz

  1. Ustaw OAuth redirect_uri jako URL strony przekierowującej Loginizer swojego sklepu. (https://www.example.com/module/socialoginizer/index/vssSoloApiInstagram).
  2. Kliknij przycisk Utwórz, a następnie skopiuj i wklej identyfikator klienta i klucz tajny w panelu administracyjnym wtyczki.

9. Jak uzyskać dane aplikacji Paypal?

Kroki:

  1. Przejdź do Paypal Developer Network (https://developer.paypal.com/developer/applications/) i zaloguj się.
  2. Kliknij Moje aplikacje i poświadczenia.

  1. Teraz wprowadź nazwę swojej aplikacji i kliknij przycisk Utwórz aplikację.

  1. Domyślnie wybrane są szczegóły piaskownicy, przełącz je na żywo i wprowadź inne szczegóły aplikacji.

  1. Teraz ustaw adres URL przekierowania w Ustawieniach aplikacji na żywo.

  1. Sprawdź Zaloguj się przez PayPal i zapisz szczegóły.

10. Jak uzyskać szczegółowe informacje na temat aplikacji Dropbox?

Idź do Kroki:

Uwaga: Aby włączyć logowanie do Dropbox w witrynie, witryna „musi być bezpieczna przy użyciu HTTPS”, w przeciwnym razie logowanie do Dropbox nie będzie działać.

Przejdź do strony internetowej Dropbox Developer (https://www.dropbox.com/developers/apps) lub kliknij link podany u dołu odpowiedniej zakładki na stronie konfiguracji modułu.

  1. Kliknij przycisk Utwórz aplikację i podaj nazwę aplikacji.

  1. Uzupełnij szczegóły, ustaw adres URL przekierowania i zapisz ustawienia.

  1. Skopiuj i wklej klucz i klucz tajny w panelu administracyjnym wtyczki.

11. Jak uzyskać szczegółowe informacje o aplikacji WordPress?

Kroki:

1. Przejdź do strony programisty WordPress (https://developer.wordpress.com/apps/) lub kliknij link podany u dołu odpowiedniej zakładki na stronie konfiguracji modułu.

2. Kliknij przycisk „Utwórz nową aplikację” i podaj nazwę aplikacji.

  1. Uzupełnij dane i zapisz aplikację.

  1. Skopiuj i wklej poświadczenia w konsoli administracyjnej wtyczki.

12. Jak uzyskać szczegółowe informacje na temat aplikacji FourSquare?

Kroki:

  1. Przejdź do strony programisty foursquare (https://foursquare.com/developers/apps) lub kliknij dolny link w konsoli administracyjnej wtyczki.
  2. Kliknij przycisk „Utwórz nową aplikację”.

  1. Podaj szczegóły, ustaw adres URL przekierowania i zapisz aplikację.

  1. Skopiuj poświadczenia.

Aby uzyskać więcej informacji na temat tej wtyczki logowania do Magento 2 na Facebooku, odwiedź tutaj:

Link do modułu logowania społecznościowego Magento 2
Magento 2 Moduł logowania społecznościowego Admin Demo Link
Wtyczka logowania społecznościowego Magento 2 Front Demo Link

Dla support@knowband.com?anytime.


Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify. We also provide custom module development and customization services for the website and modules.

Leave a Reply

Your email address will not be published. Required fields are marked *