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.
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.
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 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”.
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
Zmień functions.php, aby utworzyć link do wylogowania Woocommerce i link do logowania
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.
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.
Link do wylogowania/URL WordPress WordPress
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.
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.
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ę 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ł.
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!
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 gości TYLKO w marcu 2024 r.!
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.
i wiele więcej ...