[Jak] Dodaj linki do logowania / wylogowania, aby poprawić wrażenia użytkownika WooCommerce

Woocommerce

WooCommerce to najpopularniejsza wtyczka e-commerce w ekosystemie WordPress. Ma jednak trochę dokuczliwy problem z użytecznością. Domyślnie, WooCommerce nie pokazuje, czy użytkownik jest zalogowany w Twojej witrynie handlu elektronicznego.

Contents [show] [Pokazać]

Dodaj link wylogowania logowania Woocommerce do menu Woocommerce

Czasami może to być mylące dla Twoich klientów. Ponieważ większość popularnych sklepów e-commerce (np. eBay lub Amazon) wyświetla przycisk logowania w swoim menu, klienci mogą oczekiwać tego samego w Twoje sklepy e-commerce też.

Jednak w przypadku sklepu opartego na WooCommerce użytkownik będzie musiał odwiedzić stronę „moje konto”, aby utworzyć konto lub sprawdzić, czy jest zalogowany, czy nie.

woocommerce moje konto - link do wylogowania

W tym samouczku wyjaśnimy, jak dodać opcję logowania/wylogowania do górnego menu Twojego WooCommerce sklep. To jedna z bardziej popularnych porad i wskazówek autorstwa CollectiveRay.com - więc bądź na bieżąco, jeśli chcesz dowiedzieć się więcej porad i wskazówek!

Utwórz Top Główne Menu

Krok 1: Zanim przejdziesz dalej, upewnij się, że dodałeś menu jako główne menu swojego motywu. Upewnij się również, że zrobiłeś pełna kopia zapasowa WordPress na wypadek, gdyby coś poszło nie tak

Jeśli nie dodałeś menu jako menu głównego, zaloguj się do swojego administratora WordPress, przejdź do Wygląd >> Menu. W Ustawieniach menu utwórz menu i zaznacz pole „Górne menu główne”.

menu woocommerce

Najlepsza wskazówka: Jeśli nie czujesz się komfortowo przy wprowadzaniu zmian w kodzie, możesz rozważyć zatrudnienie programisty WordPress. Kliknij tutaj, aby dowiedzieć się, jak zatrudnić idealnego programistę WordPress: https://www.collectiveray.com/wordpress-developers-for-hire

Krok 2: Dodaj poniższy kod do pliku functions.php swojego motywu.

add_filter( 'wp_nav_menu_items', 'add_loginout_link', 10, 2 );
function add_loginout_link( $items, $args ) {
  if (is_user_logged_in() && $args->theme_location == 'podstawowy') {
    $elementy .= ' Wyloguj ';
  } elseif (!is_user_logged_in() && $args->theme_location == 'podstawowy') {
    $elementy .= ' Zaloguj sie ';
  } return $items;
}

UPDATE: Właśnie zostaliśmy poinformowani przez pomocnego czytelnika/komentatora witryny, który powiedział, że należy teraz użyć wc_get_page_id zamiast (teraz przestarzałego) woocommerce_get_page_id

Jeśli nie czujesz się komfortowo samodzielnie dokonując zmian w kodzie, możesz sprawdzić niektóre z tych wysoko ocenianych, ale tanich koncertów Fiver.

Zweryfikuj link logowania/wylogowania Woocommerce

Po zmianie pliku functions.php w celu dodania linków logowania/wylogowania Woocommerce, nadszedł czas, aby zobaczyć wynik zmian. Jeśli poprawnie wykonałeś zmiany, zobaczysz wynik poniżej.

linki logowania/wylogowania woocommerce

Jesteś skończony! Teraz widzisz, że opcja Zaloguj/Wyloguj wyświetla się w górnym menu Twojego sklepu. Ta sztuczka jest szczególnie przydatna, jeśli założyłeś firmę opartą na subskrypcji, którą szczegółowo opisaliśmy tutaj.

Teraz, gdy pokazaliśmy Ci, jak to zrobić dla WooCommerce, może nadszedł czas, aby zrobić to samo i utworzyć link do wylogowania WordPress. Dzieje się tak często, jeśli zdecydowałeś się wyłączyć pasek administracyjny, ale nadal chciałbyś mieć możliwość wylogowania się, na wszelki wypadek.

Jeśli szukasz sposobu na zakończenie sesji zalogowanych, po prostu odwiedź następującą stronę w swojej witrynie.

https://<yoursite.com>/wp-login.php?action=logout 

Pojawi się mały ekran potwierdzenia z pytaniem „Czy na pewno chcesz się wylogować?” - po kliknięciu w link zostaniesz wylogowany.

Ekran wylogowania WordPress

Jak zawsze można to zrobić na wiele sposobów. 

Adres URL wylogowania WordPress to coś, czego możesz użyć w swoim menu, jeśli chcesz utworzyć przycisk wylogowania WordPress. Wystarczy połączyć powyższy adres URL, co oczywiście pozwoli użytkownikowi zakończyć wszystkie bieżące sesje.

Menu wylogowania

 

Jeśli z jakiegoś powodu to nie zadziała, może być konieczne dostosowanie pliku functions.php, aby włączyć tę funkcję. 

add_filter('wp_nav_menu_items', 'add_login_logout_link', 10, 2); funkcja add_login_logout_link($items, $args) { ob_start(); wp_loginout('index.php'); $loginoutlink = ob_get_contents(); ob_end_clean(); $elementy .= ' „. $loginoutlink .' '; zwróć $items; }

 

Uwaga: ta powyższa metoda działa i jest włączona, jeśli używasz niestandardowych menu WordPress, tj. funkcji menu dostępnej w sekcji administratora pod Wygląd> Menu.)

Skrócony kod wylogowania z WordPress

Podobnie jak w przypadku większości funkcji, przekonasz się, że istnieje również wtyczka które można wykorzystać do wygenerowania skrótu wylogowania WordPress. Oprócz różnych konfiguracji, które możesz wykonać, ta wtyczka umożliwia korzystanie z następujących skrótów w swoich postach i stronach.

[logout] - Standardowy link Wyloguj, w którym użytkownik pozostaje na ekranie logowania po wylogowaniu. [logout_to_home] – link, który wylogowuje użytkownika i przekierowuje go na Twoją stronę główną. [logout_to_current] — link, który wylogowuje użytkownika i przekierowuje go z powrotem na bieżącą stronę/URL.

Wtyczka ma również różne opcje konfiguracji wyglądu i stylu, tekstów lub rzeczywistego doświadczenia użytkownika.

Logowanie WooCommerce

Od czasu przejęcia WooCommerce przez Automattic, WooCommerce integruje coraz więcej funkcji WordPress.com z WooCommerce. Jedną z dużych funkcji była możliwość zalogowania się do WooCommerce.com za pośrednictwem konta WordPress.com

Ale może to nie być idealna sytuacja dla Twoich klientów, którzy zazwyczaj mieliby teraz konto na WordPress.com, więc taka funkcjonalność byłaby przydatnaless im.

Jak więc stworzyć system logowania / wylogowania z konta, z którym są zaznajomieni? W tym miejscu w grę wchodzi logowanie społecznościowe WooCommerce!

Logowanie społecznościowe Woocommerce

Logowanie społecznościowe WooCommerce to rozszerzenie WooCommerce premium, które umożliwia logowanie społecznościowe dla Seamless tworzenie kont i kasy. To jest ogromne. Bo czy wiesz, że rejestracje kont są bardzo istotną barierą w sprzedaży? 

W rzeczywistości, według Statista, możesz stracić do 21% swoich klientów z powodu tego problemu z długim procesem tworzenia konta przed dokonaniem transakcji.

Jak więc złagodzić tę przeszkodę? W tym miejscu w grę wchodzi rozszerzenie WooCommerce Social Login.

Instalując to rozszerzenie w swoim sklepie internetowym WooCommerce, możesz zezwolić użytkownikom na logowanie się za pomocą ich kont Facebook, Twitter, Google, Amazon, LinkedIn, PayPal, Disqus, Yahoo lub VK, zamiast tworzyć nowe konto użytkownika z nowym zestaw poświadczeń.

woocommerce logowanie społecznościowe do kasy

Kiedy więc klient odwiedza Twoją witrynę po raz pierwszy, dzięki temu rozszerzeniu może po prostu kliknąć przycisk swojej ulubionej sieci społecznościowej i jednym kliknięciem utworzyć konto w Twojej witrynie.

Zmniejsza to barierę, a także masz więcej zweryfikowanych kont użytkowników, których możesz ostatecznie użyć do różnych rodzajów wiadomości (jeśli się zdecydują).

 

Dlaczego warto korzystać z logowania społecznościowego WooCommerce?

  • Daje możliwość synchronizowania kont klientów z najpopularniejszymi sieciami społecznościowymi
  • Sprawia, że ​​tworzenie klienta i szew kasowyless który nie wymaga żmudnego procesu zakładania i weryfikacji konta
  • Zmniejszenie tarcia, zwiększenie sprzedaży i powtórnych zakupów oraz zmniejszenie porzucania koszyków
  • Logowanie w serwisach społecznościowych jest akceptowanym i zaufanym sposobem logowania się do witryn stron trzecich

Jest to premia warta swojej ceny zaledwie 79 USD. W zamian zwrócisz pieniądze wiele razy.

Sprawdź logowanie społecznościowe WooCommerce

 

Cokolwiek jeszcze chcesz wiedzieć o wylogowaniu

Czy jest coś, co chciałbyś wiedzieć, a czego brakuje w tym artykule? Chętnie poznamy Twoje komentarze, abyśmy mogli ulepszać ten post!  

Pobierz listę 101 trików WordPress, które każdy bloger powinien znać

101 sztuczek WordPress

Kliknij tutaj, aby pobrać teraz
O autorze
David Attard
Autor: David AttardStrona internetowa: https://www.linkedin.com/in/dattard/
David pracuje w branży online / cyfrowej lub w jej pobliżu od 18 lat. Ma ogromne doświadczenie w branży oprogramowania i projektowania stron internetowych przy użyciu WordPress, Joomla i otaczających je nisz. Jako konsultant ds. Cyfrowych koncentruje się na pomaganiu firmom w uzyskaniu przewagi konkurencyjnej za pomocą połączenia ich strony internetowej i dostępnych obecnie platform cyfrowych.

Jeszcze jedna rzecz... Czy wiesz, że osoby, które udostępniają przydatne rzeczy, takie jak ten post, również wyglądają NIESAMOWITE? ;-)
Proszę zostaw użyteczny skomentuj swoje przemyślenia, a następnie udostępnij to na swoich grupach na Facebooku, które uznają to za przydatne i wspólnie zbierzmy korzyści. Dziękuję za udostępnienie i bycie miłym!

Ujawnienie: Ta strona może zawierać linki do zewnętrznych witryn produktów, które kochamy i gorąco polecamy. Jeśli kupisz sugerowane przez nas produkty, możemy otrzymać opłatę za polecenie. Takie opłaty nie wpływają na nasze rekomendacje i nie przyjmujemy płatności za pozytywne recenzje.

Autorzy promowani w:  Inc Czasopismo Logo .   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   i wiele więcej ...