Rozszerzenie Magento 2 Social Loginizer – Instrukcja obsługi

WprowadzenieRozszerzenie Magento 2 Social Loginizer

Social Loginizer Plugin pozwala klientowi zalogować się / zarejestrować za pomocą swoich kont społecznościowych, takich jak Facebook, Google, Yahoo i 9 innych opcji. Ta wtyczka doda nowy link "Szybkie logowanie" obok domyślnego linku logowania. Ten tekst można dostosować. Po kliknięciu tego linku zostanie otwarte okno logowania. Wtyczka pozwala administratorowi sklepu na włączanie i wyłączanie logowania za pośrednictwem kilku platform, administrator może także zmienić zachowanie wtyczki na front-end, a także włączać lub wyłączać logowanie za pośrednictwem dowolnej dostępnej platformy społecznościowej.

Instrukcja instalacji

Pobierz zip z naszego Magazynu Plugin Magento i rozpakuj go. Otwórz wyodrębniony katalog i zobaczysz następującą strukturę folderów.

word-image-93

Obraz-1

Utwórz folder {Magento root} / app / code / Knowband / Socialloginizer. Skopiuj wyodrębnioną zawartość do powyższego folderu.

Włącz Social loginizer

Uruchom następujące polecenia w terminalu, aby włączyć wtyczkę Social Loginizer

  1. Moduł php -f bin / magento: włącz –clear-static-content Knowband_Socialloginizer
  2. Konfiguracja php -f bin / magento: upgrade

Skonfiguruj Social loginizer

Zaloguj się do administratora Magento, następnie przejdź do Sklepów -> Konfiguracja -> Znajomy -> Social Loginizer i skonfiguruj wtyczkę, jak pokazano poniżej:

Obraz-2

Instrukcja obsługi

Wymagania wstępne

Wersja PHP 5.6 lub nowsza

Aby uzyskać dostęp do API stałego kontaktu, należy użyć wersji php równej lub wyższej niż 5.6. O ile twój serwer nie ma wymaganej wersji php, nie będziesz w stanie zainstalować tej wtyczki.

Admin Settings

Aby uzyskać dostęp do wtyczki Knowband, przejdź do Sklepy -> Konfiguracja -> Znajomość -> Logowanie społecznościowe Administrator sklepu będzie miał różne opcje ustawień skategoryzowane w następujący sposób:

Obraz-4

Ustawienia ogólne

Administrator może dostosować ogólne ustawienia, korzystając z dostępnych opcji ustawień.

Obraz-5

  • Włącz: Administrator będzie mógł wybrać Tak / Nie, aby włączyć tę wtyczkę.
  • Pokaż przy wyskakującym oknie logowania: Włączenie go spowoduje utworzenie linku zapisanego w "Łączu do wyskakującego tekstu". Po kliknięciu tego linku pojawi się okienko z opcją logowania i sekcją socialloginizer.
  • Tekst dla Pop Up Link: Ten tekst pojawi się jako link do wyskakującego okienka z wyskakującym okienkiem w nagłówku z przodu.
  • Pokaż na stronie logowania: Włączenie tego spowoduje wyświetlenie bloku społecznego logowania na stronie logowania w interfejsie użytkownika.
  • Pokaż na stronie rejestracji: Włączenie tej opcji spowoduje wyświetlenie bloku społecznego logowania na stronie tworzenia konta w interfejsie użytkownika.
  • Pokaż na stronie kasy: Włączenie tej opcji spowoduje wyświetlenie bloku Social Loginizer przy kasie. Zaloguj się w wyskakującym odnośniku.
  • Tekst na nagłówek: Ten tekst pojawi się przed blokowaniem socializera.
  • Domyślna widoczna opcja: To będzie liczba ikon, które będą domyślnie wyświetlane w bloku Social Loginizers.
  • Animuj ikony: Włączenie spowoduje dodanie efektu animacji w ikonach bloku społecznego logowania.
  • Sortuj ikony: Kolejność ikon zostanie zmieniona tutaj. Ikony na przednim końcu zostaną wyświetlone w kolejności, w jakiej zostały ustawione przez administratora.

Ustawienia witryn internetowych

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

  • Aktywny: Aby włączyć stronę internetową do logowania i rejestracji, wybierz opcję Tak.
  • Identyfikator aplikacji (np. Na Facebooku: identyfikator aplikacji na Facebooku) : Wprowadź swój identyfikator aplikacji / klienta. Identyfikator / identyfikator klienta jest dostarczany przez odpowiednią stronę internetową.
  • Sekret aplikacji (np. Na Facebooku: Secret aplikacji na Facebooku): Wprowadź swój tajny klucz aplikacji / klienta. Sekret sekretu / konsumenta jest dostarczany przez odpowiednią stronę internetową.
  • Wybierz ikony: Dla każdej strony internetowej są dwa rodzaje małych i dużych ikon. Wybierz jedną z ikon, aby wyświetlić na pasku społecznościowym.

Sekcja raportów

W menu znajduje się zakładka "Knowband", pod którym znajduje się link "Socialloginizer".

Po kliknięciu "Socialloginizer" pojawi się ekran z trzema zakładkami: –

  1. Raport graficzny strony internetowej: – Pokazuje dane logowania społecznościowego i rejestracji w formie graficznej.

  1. Raport logowania społecznościowego: -To pokazuje tabelę zawierającą dane związane z każdą społeczną witryną logowania, taką jak login, rejestracja itp.

  1. Raport logowania użytkownika społecznościowego: – Pokazuje tabelę zawierającą dane dotyczące witryn klientów i serwisów społecznościowych, takich jak adres e-mail klienta, numer logowania itp.

  1. Zresetuj bazę danych: – Jest przycisk "Resetuj bazę danych". Po kliknięciu tego przycisku wszystkie dane związane z wtyczką społecznościową zostaną usunięte.

Zmiany w przedniej części: –

  1. Login Popup: Po włączeniu opcji Pop Up pojawi się łącze z tekstem ustawionym w admin.

Po kliknięciu tego linku pojawi się okienko z opcją logowania społecznościowego.

  1. Strona logowania: Jeśli opcja Społeczny blok logowania pojawi się na stronie logowania klienta.

  1. Strona rejestracji: Jeśli włączony Blokada logowania społecznego pojawi się na stronie tworzenia konta klienta.

  1. Strona kasy: – Jeśli opcja Społecznościowa blokada logowania będzie widoczna przy kasie Zaloguj się Popup.

dodatek

Jak ustawić URL przekierowania?

Niech URL Twojej witryny to "www.example.com". a portal społecznościowy to "Facebook". Jeśli w Twojej witrynie włączono opcję Urr Rewrite, przekieruj adres URL będzie niezabezpieczonym adresem URL: http://www.example.com/socialloginizer/index/vssSoloApi Facebook /

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

Jeśli w Twojej witrynie zostanie wyłączona funkcja Url Rewrite, przekierowanie zostanie wykonane

  1. Niezabezpieczony adres URL: http://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 URLS będzie niezabezpieczonym adresem URL: http://www.example.com/socialloginizer/index/vssSoloApi /

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

Jak zdobyć szczegóły aplikacji na Facebooku?

Kroki:

  1. Przejdź do strony deweloperów Facebooka (https://developers.facebook.com) lub kliknij link znajdujący się 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 Ustawienia z lewego menu.

  1. Kliknij przycisk "Dodaj platformę".
  2. Wybierz stronę internetową.
  3. Wprowadź domenę aplikacji i adres URL witryny.

Rodzaj aplikacji: aplikacja internetowa. Autoryzowane JavaScriptorigins: Twoja nazwa domeny sklepu. (http://www.example.com)

  1. Kliknij przycisk "Zapisz zmiany".
  2. Teraz przejdź do zakładki "Status i przegląd" z lewego menu i ustaw aplikację na żywo.

Jak uzyskać szczegółowe informacje o aplikacji Google?

Kroki:

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

  1. Podaj nazwę projektu.

  1. Utwórz dane uwierzytelniające, klikając przycisk "Utwórz dane logowania" i wybierz identyfikator klienta oAuth.

  1. Poświadczenia można tworzyć tylko po podaniu szczegółów w formularzu OAuth. Kliknij przycisk Tak, a teraz możesz znaleźć dane uwierzytelniające.

  1. Adres URL przekierowania można ustawić na ekranie poświadczeń

Jak zdobyć szczegóły 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 uwierzytelniania można dodać w zakładce uwierzytelniania.

Jak uzyskać szczegółowe informacje o 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 przycisk Zapisz.

Jak uzyskać szczegółowe informacje o aplikacji na Twitterze?

Kroki:

  1. Przejdź do zarządzania aplikacją na Twitterze (https://apps.twitter.com/) lub kliknij link znajdujący się w prawym górnym rogu odpowiedniej zakładki 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 aplikacji. Opis: Opis znaków 10 do 200 Twojej aplikacji. Witryna: Twój adres URL sklepu. Adres URL wywołania zwrotnego: adres URL strony przekierowującej logowania do sklepu.

  1. Teraz kliknij "Tak, zgadzam się", a następnie kliknij "Utwórz aplikację na Twitterze".
  2. Teraz wybierz "Klucze API" z menu pod swoją Nazwą aplikacji i skopiuj klucz API i tajny klucz API.

 

 

Jak uzyskać szczegółowe informacje o aplikacji Yahoo?

Kroki:

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

  1. Kliknij "Utwórz aplikację".

  1. Wypełnij wymagane dane zgodnie z instrukcjami

  1. Skopiuj "Identyfikator klienta" i "Sekret klienta".

Jak uzyskać szczegółowe informacje o aplikacji Amazon?

Kroki:

  1. Przejdź do Amazon Developer Network (http://login.amazon.com/manageApps) lub kliknij link znajdujący się w prawym górnym rogu odpowiedniej zakładki na stronie konfiguracji modułu.

  1. Kliknij przycisk Zaloguj się do konsoli aplikacji.
  2. Po udanym logowaniu do aplikacji Console kliknij przycisk Zarejestruj nowy program w prawym górnym rogu strony, a nastąpi przekierowanie do następnej strony.

  1. Wprowadź szczegóły aplikacji w następujący sposób:

Nazwa: Nazwa Twojej aplikacji. Opis: opis twojej aplikacji. Adres URL informacji na temat ochrony prywatności: URL strony z zasadami prywatności w Twoim sklepie. Logo Image: wybierz opcjonalny obraz logo swojego sklepu.

  1. Kliknij przycisk Zapisz.
  2. Teraz kliknij Ustawienia sieci Web, aby uzyskać identyfikator klienta i sekret.

  1. Dozwolony URL zwrotny: URL strony przekierowującej logowania do strony sklepu.

Uwaga: Aby umożliwić logowanie Amazon do strony internetowej yout, twoja strona internetowa "musi być bezpieczny dzięki HTTPS"w przeciwnym razie logowanie Amazon nie zadziała.

Jak uzyskać szczegółowe informacje o aplikacji Instagram?

Kroki:

  1. Przejdź do strony Instagram Developer Network (http://instagram.com/developer/clients/manage/#) lub kliknij link znajdujący się w prawym górnym rogu odpowiedniej zakładki 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 adres URL strony przekierowującej Loginizera swojego sklepu. (http://www.example.com/module/socialoginizer/index/vssSoloApiInstagram).
  2. Kliknij przycisk Utwórz, a następnie skopiuj i wklej ID klienta i sekret w panelu administracyjnym wtyczki.

Jak zdobyć szczegóły aplikacji Paypal?

Kroki:

  1. Przejdź do Paypal Developer Network (https://developer.paypal.com/developer/applications/) i zaloguj się.
  2. Kliknij Moje aplikacje i dane uwierzytelniające.

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

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

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

  1. Sprawdź Login z PayPal i zapisz szczegóły.

Jak uzyskać szczegółowe informacje o aplikacji Dropbox?

Idź do kroków:

Uwaga: Aby włączyć logowanie Dropbox na stronie internetowej yout, twoja strona internetowa "musi być bezpieczna z HTTPS", inaczej logowanie Dropbox nie zadziała. Przejdź do strony deweloperskiej Dropbox (https://www.dropbox.com/developers/apps) lub kliknij link pod dnem odpowiedniej zakładki na stronie konfiguracji modułu.

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

  1. Uzupełnij dane, ustaw przekierowanie i zapisz ustawienia.

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

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

Kroki:

1. Wejdź na stronę dewelopera WordPress (https://developer.wordpress.com/apps/) lub kliknij link pod dnem 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.

Jak uzyskać szczegółowe informacje o aplikacji FourSquare?

Kroki:

  1. Wejdź na stronę dewelopera foursquare (https://foursquare.com/developers/apps) lub kliknij na dolny link w konsoli administracyjnej Plugin.
  2. Kliknij przycisk "Utwórz nową aplikację".

  1. Uzupełnij dane, ustaw przekierowanie i zapisz aplikację.

  1. Skopiuj poświadczenia.


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 *