Jak utworzyć i używać skrótu do logowania WooCommerce?

Opublikowany: 2022-03-29

Wielu właścicieli sklepów WooCommerce chce utworzyć stronę logowania w swojej witrynie za pomocą skróconego kodu logowania WooCommerce. Jednak chociaż WooCommerce zapewnia skróty do łatwego tworzenia wielu różnych stron, nie oferuje bezpośredniego skrótu, który umożliwia utworzenie strony logowania w sklepie WooCommerce.

I tutaj znowu przychodzi ci na ratunek wtyczka. Możesz łatwo użyć narzędzia Profile Builder, najlepszej wtyczki formularza rejestracji i logowania, aby utworzyć i używać skrótu logowania WooCommerce.

Konieczność stworzenia krótkiego kodu logowania WooCommerce

Podobnie jak shortcodes dla innych stron, shortcode logowania WooCommerce umożliwiłby utworzenie strony logowania WooCommerce.

Oto kilka ważnych powodów, dla których potrzebujesz niezawodnej wtyczki do utworzenia krótkiego kodu logowania WooCommerce:

  • Umożliwienie użytkownikom logowania się na swoje konto, gdzie w jednym miejscu mogą znaleźć wszystkie swoje informacje;
  • Tworzenie zastrzeżonego obszaru, do którego dostęp mają tylko zalogowani użytkownicy;
  • Oferowanie funkcji logowania ma kluczowe znaczenie dla budowania lojalnej bazy klientów w Twoim sklepie;
  • Ułatwienie podróży zakupowej, ponieważ użytkownicy będą mogli się zalogować przed dokonaniem zakupu, dzięki czemu nie będą musieli ponownie wypełniać wszystkich szczegółów zakupu po powrocie;
  • Zwiększyłoby to również współczynnik konwersji w Twoim sklepie, ponieważ użytkownicy mogliby dodawać produkty do koszyka i płacić później, po ponownym zalogowaniu się na swoje konto.

Istnieje również wiele innych powodów, ale jesteśmy pewni, że już masz pomysł. Pozwólcie, że teraz przejdę do omówienia, w jaki sposób można utworzyć skrócony kod formularza logowania WooCommerce za pomocą Konstruktora profili.

Konstruktor profili Pro

Tworzenie w pełni spersonalizowanego loginu, rejestracji i innych ważnych stron w sklepie WooCommerce to pestka dzięki Kreatorowi profili.

Pobierz wtyczkę

Lub pobierz DARMOWĄ wersję

Tworzenie skrótu strony logowania WooCommerce

Tworzenie skróconego kodu formularza logowania WooCommerce za pomocą narzędzia Profile Builder to pestka. Wystarczy wykonać kilka prostych kroków, aby zbudować w pełni konfigurowalny formularz logowania, a następnie umieścić go w dowolnym miejscu w sklepie WooCommerce.

Będziesz musiał kupić jedną z wersji Pro narzędzia Profile Builder, aby utworzyć krótki kod logowania WooCommerce, który pozwala tworzyć konfigurowalne formularze logowania WooCommerce. Wersje Pro wtyczki są dostarczane z dodatkiem WooCommerce Sync , który automatycznie dodaje pola rozliczeń klientów i wysyłki do formularzy rejestracji i edycji profilu.

Profile Builder Pro umożliwia tworzenie w pełni konfigurowalnych formularzy rejestracji, logowania i innych formularzy związanych z użytkownikiem w witrynie WooCommerce, a także bezproblemowe zarządzanie innymi obszarami zarządzania użytkownikami. To najlepsza inwestycja, jaką możesz poczynić w zarządzanie użytkownikami Twojej witryny.

Więc śmiało kup go tutaj. Następnie zaloguj się na swoje konto Cozmoslabs i pobierz plik wtyczki do Profile Builder Pro, jak widać na poniższym obrazku.

Teraz kliknij inną opcję, Pobieranie dodatków . Przekonasz się, że pierwszą opcją jest sam Pb Add On WooCommerce , który musisz pobrać dla swojego sklepu WooCommerce.

Pobierz dodatek WooCommerce Sync

Teraz przejdź do pulpitu WordPress i kliknij opcję Dodaj nowy w obszarze Wtyczki . Następnie kliknij przycisk Prześlij wtyczkę u góry i upuść lub przeglądaj i prześlij właśnie pobrany plik wtyczki.

W ten sposób przesyłasz wtyczkę

Na koniec kliknij przycisk Zainstaluj teraz , a po zainstalowaniu przycisk Aktywuj . Teraz Profile Builder Pro już działa w Twojej witrynie.

Powtórz ten sam proces, aby zainstalować również dodatek WooCommerce Sync.

Podczas gdy Konstruktor profili automatycznie tworzy rejestrację, logowanie i inne strony związane z użytkownikami, otrzymujesz również skróty dla każdej z tych stron.

Skrócony kod logowania WooCommerce to [wppb-login] . Możesz użyć tego krótkiego kodu, aby utworzyć stronę logowania w swojej witrynie WooCommerce w dowolnym miejscu. Strona będzie wyglądać mniej więcej tak:

Podgląd skrótu strony logowania WooCommerce

Tworzenie innych ważnych skrótów i stron WooCommerce

Stworzenie strony logowania za pomocą skróconego kodu formularza logowania WooCommerce jest ważnym krokiem w kierunku zbudowania solidnej bazy użytkowników dla Twojego sklepu. Jednak możesz zrobić o wiele więcej, aby zapewnić najlepszą i płynną obsługę Twojego sklepu WooCommerce.

Krótki kod rejestru WooCommerce

Nie możesz mieć strony logowania bez strony rejestracji w swoim sklepie WooCommerce, która umożliwia odwiedzającym rejestrację w Twojej witrynie. Więc jeśli nie masz jeszcze strony rejestracji, będziesz potrzebować skrótu rejestracji logowania WooCommerce, aby ją utworzyć.

Innymi słowy, będziesz potrzebować skrótów do tworzenia zarówno strony logowania, jak i rejestracji w witrynie WooCommerce.

Oczywiście, Profile Builder z łatwością pozwala również zbudować stronę rejestracji, a skrótem rejestracji WooCommerce jest [wppb-register] .

Możesz nie tylko użyć skrótu rejestru logowania WooCommerce do tworzenia stron logowania i rejestracji, ale także dostosować stronę rejestracji tak, jak chcesz.

Dostosowywanie strony rejestracyjnej WooCommerce

Możesz również łatwo dostosować swoją stronę rejestracji WooCommerce za pomocą Konstruktora profili. Kliknij opcję Pola formularza w Konstruktorze profili , a znajdziesz wszystkie pola używane w formularzu logowania.

Pola formularzy z Konstruktorem Profili

Chociaż wszystkie pola można edytować, niektórych stałych pól nie można usunąć, takich jak nazwa użytkownika lub hasło .

Możesz również dodać nowe pola, wybierając opcję pola z szerokiej gamy dostępnych opcji wprowadzania i pól standardowych, wprowadzając wymagane szczegóły, dostosowując pole, a następnie klikając opcję Dodaj pole .

Dodawanie niestandardowych pól do formularzy

Jak wyjaśniliśmy powyżej, pola rozliczeniowe i wysyłkowe zostaną domyślnie dodane do formularza rejestracyjnego po pobraniu i aktywacji dodatku WooCommerce Sync. W ten sposób otrzymasz idealną standardową stronę rejestracji WooCommerce od razu po wyjęciu z pudełka, którą możesz później dostosować do swoich potrzeb.

Krótki kod odzyskiwania hasła WooCommerce

Teraz, ponieważ zapominanie haseł leży w naszej ludzkiej naturze, zalecamy zawsze tworzyć sposób, w jaki użytkownicy mogą odzyskać swoje hasła, na wszelki wypadek.

Aby utworzyć stronę odzyskiwania hasła w sklepie WooCommerce, wystarczy wkleić [wppb-recover-password] , aby dodać formularz odzyskiwania hasła frontendu do pustej strony.

Następnym krokiem jest zapewnienie odwiedzającym łatwego dostępu do tej strony, bezpośrednio z formularza logowania. W tym celu musisz użyć argumentu lostpassword_url w swoim początkowym krótkim kodzie logowania, na przykład:

[wppb-login lostpassword_url="/recover-password"]

Zwróć uwagę, że pierwsza część kodu to nadal shortcode logowania, po której następuje argument utraconego hasła, a następnie adres URL strony odzyskiwania hasła.

A ponieważ jesteśmy w tym temacie, kolejną wskazówką dla strony logowania WooCommerce byłoby również umożliwienie nowym użytkownikom dostępu do strony rejestracji bezpośrednio ze strony logowania. W tym celu możesz użyć argumentu register_url . Teraz Twój krótki kod logowania do WooCommerce powinien wyglądać mniej więcej tak:

[wppb-login register_url="/registration" lostpassword_url="/recover-password"]

Wklej to na stronie logowania WooCommerce, a teraz Twoi goście będą mogli nie tylko się stąd zalogować, ale także odzyskać swoje hasła lub zarejestrować nowe konto.

Strona logowania WooCommerce z linkami do odzyskiwania hasła i rejestracji

Logowanie społecznościowe WooCommerce

Nakłonienie użytkowników do logowania się przy użyciu swoich danych uwierzytelniających wiąże się z pewnymi trudnościami. W tym miejscu pojawia się logowanie społecznościowe.

Profile Builder Pro zawiera również funkcję, która pomaga zaimplementować logowanie społecznościowe w Twoim sklepie WooCommerce. Użytkownicy mogą następnie zalogować się na swoje konto, korzystając tylko z jednego ze swoich profili w mediach społecznościowych, w tym Facebooka, Google, Twittera i LinkedIn.

Strona logowania WooCommerce z loginem społecznościowym

Musisz pobrać i aktywować zaawansowany dodatek Social Connect , podobnie jak WooCommerce Sync. Wszystkie kroki, które musisz wykonać, znajdziesz w naszym poście na temat logowania społecznościowego WooCommerce.

Zasadniczo wystarczy zdobyć klucze API swoich kont na tych platformach społecznościowych i umieścić je w dodatku Social Connect. Posiadamy również szczegółową dokumentację dotyczącą pobierania tych informacji, którą można znaleźć w poście, do którego podaliśmy link powyżej.

Wdrożenie logowania społecznościowego w sklepie WooCommerce to świetny sposób na zwiększenie konwersji, poprawę doświadczenia użytkownika i zapewnienie lepszego poziomu utrzymania klientów.

Krótki kod wylogowania WooCommerce

Ponownie, jeśli masz stronę rejestracji i logowania w swojej witrynie WooCommerce, konieczne jest również posiadanie strony wylogowania. Konstruktor profili jest fabrycznie zainstalowany z krótkim kodem logowania i wylogowania WooCommerce, więc wszystko, co musisz zrobić, to wziąć krótki kod wylogowania i umieścić go na stronie.

Krótki kod wylogowania WooCommerce to [wppb-logout] . Po utworzeniu strony za pomocą tego skrótu, zalogowani użytkownicy w Twojej witrynie WooCommerce zobaczą link do wylogowania się z interfejsu.

Wyloguj się z WooCommerce

Inne ważne strony

Profile Builder to kompletna wtyczka do zarządzania użytkownikami. Oprócz stron logowania, rejestracji i wylogowania umożliwia również utworzenie strony edycji profilu użytkownika i strony ograniczania treści, a wszystko to za pomocą gotowych skrótów, które można znaleźć tutaj.

Zakładając, że dostaniesz wersję Pro programu Profile Builder, aby uzyskać niestandardowy krótki kod logowania WooCommerce, otrzymasz również skrót do katalogu użytkownika, którego możesz użyć do utworzenia funkcjonalnego, dostosowanego katalogu członków.

Przekieruj użytkowników po zalogowaniu

Po uruchomieniu funkcji logowania w witrynie za pomocą skrótu strony logowania WooCommerce do tworzenia profili, musisz zastanowić się, gdzie trafić użytkowników po zalogowaniu.

W końcu samo pozwolenie im na wylądowanie na stronie „moje konto” nic by nie dało. Musisz upewnić się, że są one przekierowywane na strony Twojego sklepu poświęcone produktom, które mogą pomóc Ci zwiększyć sprzedaż.

A Profile Builder oferuje również tę funkcjonalność. Musisz aktywować dodatek Niestandardowe przekierowania pro z menu Konstruktora profili na pulpicie WordPress.

Umożliwiłoby to przekierowanie użytkowników na podstawie nazwy użytkownika lub identyfikatora użytkownika, roli użytkownika, a także globalnych przekierowań skonfigurowanych do przekierowywania wszystkich użytkowników w ogóle. Możesz śledzić nasz samouczek dotyczący przekierowywania użytkowników po zalogowaniu się w WooCommerce.

Przekierowanie użytkowników na właściwe strony pomoże Ci w pełni wykorzystać implementację funkcji logowania w Twojej witrynie za pomocą skrótu logowania WooCommerce Profile Builder.

Utwórz skrót do logowania WooCommerce już dziś

Profile Builder Pro pomoże Ci wypełnić wiele luk, które domyślnie pozostawia WooCommerce. Możesz zrobić o wiele więcej niż tylko utworzyć krótki kod logowania WooCommerce, aby zbudować frontową stronę logowania do swojego sklepu.

Możesz także tworzyć inne ważne strony, w tym w pełni konfigurowalną stronę rejestracji, używając skrótu rejestru logowania WooCommerce.

Podobnie możesz ograniczyć kategorie premium w swoim sklepie WooCommerce, przekierować użytkowników po zalogowaniu i rejestracji, pozwolić użytkownikom zarządzać swoim profilem, budować katalog członków, zarządzać rolami użytkowników i kontrolować każdy aspekt zarządzania użytkownikami w Twojej witrynie.

Konstruktor profili Pro

Profile Builder Pro to najlepsza wtyczka do zarządzania każdym obszarem zarządzania użytkownikami w Twoim sklepie WooCommerce, oprócz pomocy w tworzeniu funkcjonalnych stron logowania i rejestracji.

Pobierz wtyczkę

Lub pobierz DARMOWĄ wersję

Czy nadal masz pytania dotyczące tworzenia skróconego kodu logowania WooCommerce i używania go w swoim sklepie? Zapytaj nas w komentarzach!