[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, czy nie do Twojej witryny eCommerce.

Spis treści[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 Zbieranie danych analitycznych o stronach internetowych lub aplikacjach (aby sprawdzić, czy strona działa poprawnie lub które sekcje strony są najbardziej atrakcyjne dla odwiedzających). 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 wykonałeś pełną kopię zapasową 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 );
funkcja 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;
}

Aktualizacja: 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

Może się jednak okazać, że nie jest to idealna sytuacja dla Twoich klientów, którzy zazwyczaj mają konto na WordPress.com, więc taka funkcjonalność będzie dla nich bezużyteczna.

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

WooCommerce Social Login to rozszerzenie premium WooCommerce, które umożliwia logowanie społecznościowe w celu bezproblemowego tworzenia kont i realizacji transakcji. To OGROMNE. Czy wiesz, że rejestracje kont są bardzo istotną barierą dla 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ę przy użyciu ich kont Facebook, Twitter, Google, Amazon, LinkedIn, PayPal, Disqus, Yahoo lub VK, zamiast tworzyć nowe konto użytkownika z nowym zestaw poświadczeń. Użytkownik może wtedy po prostu kliknąć preferowane logo sieci i zalogować się do witryny za jego pomocą. Nawiasem mówiąc, jeśli jesteś zainteresowany tworzenie własnego niestandardowego logo za pomocą bezpłatnej aplikacji, sprawdź nasz artykuł.

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
  • Umożliwia bezproblemowe tworzenie kont klientów i dokonywanie płatności bez konieczności długotrwałego 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!  

JESTEM H

Chcesz szybką stronę internetową?

Kogo ja oszukuję? Czyż nie wszyscy?

Dlaczego więc tak wielu z nas walczy?

Największym wyzwaniem jest zwykle znalezienie szybkiej, niezawodnej firmy hostingowej.

Wszyscy przechodziliśmy przez koszmary – wsparcie trwa wieczność lub nie rozwiązuje naszego problemu, zawsze obwiniając coś po swojej stronie… 

Ale największym problemem jest to, że witryna zawsze działa wolno.

At CollectiveRay hostujemy za pomocą hostingu InMotion, a nasza strona jest głupio szybka. Działamy na niestandardowym stosie konfiguracji serwera LightSpeed ​​na MariaDB z silnikiem PHP 7.4 i frontem przez Cloudflare. 

W połączeniu z naszymi optymalizacjami front-endu niezawodnie obsługujemy 6000 użytkowników każdego dnia, przy szczytowej liczbie 50+ jednoczesnych użytkowników. 

Chcesz uzyskać szybką konfigurację, taką jak nasza? Przenieś swoją witrynę za darmo na hosting InMotion i uzyskaj 50% ZNIŻKI na aktualne ceny.

Wypróbuj InMotion Hosting z 50% ZNIŻKĄ na CollectiveRay odwiedzający TYLKO w listopadzie 2024!

Hosting InMotion 50% ZNIŻKI dla CollectiveRay odwiedzający

O autorze
Dawid Attar
David pracuje w branży internetowej i cyfrowej od 21 lat. Ma ogromne doświadczenie w branży oprogramowania i projektowania stron internetowych, wykorzystując WordPress, Joomla i nisze je otaczające. Współpracował z agencjami rozwoju oprogramowania, międzynarodowymi firmami zajmującymi się oprogramowaniem, lokalnymi agencjami marketingowymi, a obecnie jest dyrektorem ds. operacji marketingowych w Aphex Media – agencji SEO. Jako konsultant cyfrowy koncentruje się na pomaganiu firmom w uzyskaniu przewagi konkurencyjnej dzięki połączeniu ich strony internetowej i dostępnych obecnie platform cyfrowych. Połączenie wiedzy technologicznej z dużym zmysłem biznesowym zapewnia jego pismom przewagę konkurencyjną.

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 ...