Pierwsze kroki z Custom Login for WooCommerce

Domyślny formularz logowania WooCommerce znajduje się na stronie Moje konto Twojego motywu. Wygląda jak w każdym innym sklepie i nie zawiera Twojego brandingu. Custom Login for WooCommerce zastępuje go dedykowaną, spersonalizowaną stroną logowania pod adresem /login i automatycznie przekierowuje tam niezalogowanych użytkowników.

Na koniec będziesz mieć spersonalizowaną stronę logowania pod adresem /login, działające przekierowanie do strony Moje konto i umieszczone logo. Opcje szablonu, koloru i treści promocyjnych znajdują się w innych zakładkach i mają własne artykuły.

Wymagania wstępne

Jeśli WooCommerce nie jest aktywny, Custom Login for WooCommerce wyświetla powiadomienie w panelu administracyjnym informujące, że wymaga WooCommerce i nie ładuje żadnych swoich funkcji.

Krok 1: Aktywuj wtyczkę

Zainstaluj i aktywuj Custom Login for WooCommerce w taki sam sposób, jak każdą inną wtyczkę WordPress. Po jej aktywacji w menu WooCommerce na pasku bocznym administratora pojawi się pozycja Custom Login. Możesz również kliknąć Ustawienia pod nazwą wtyczki na ekranie Wtyczki.

Po aktywacji wtyczka tworzy opublikowaną stronę zatytułowaną Login ze ścieżką login, chyba że strona o tej ścieżce już istnieje. Twoja strona logowania będzie wtedy dostępna pod adresem twojsklep.com/login.

Krok 2: Aktywuj swoją licencję

Po aktywacji wtyczka wyświetla czerwone powiadomienie w panelu administracyjnym z prośbą o aktywację licencji. Licencja zapewnia aktualizacje wtyczki i wsparcie.

1. Przejdź do WooCommerce → Custom Login.
2. Kliknij zakładkę License.
3. Wprowadź swój Klucz licencyjny i Email aktywacyjny użyty do zakupu.
4. Kliknij Aktywuj licencję.

Krok 3: Sprawdź swoją stronę logowania

Wyloguj się ze swojej witryny lub otwórz okno prywatnej przeglądarki. Następnie odwiedź twojsklep.com/login.

Otwiera się strona logowania wtyczki zamiast układu Twojego motywu. Domyślny projekt to Classic Split, z formularzem logowania po lewej stronie i panelem promocyjnym po prawej. Formularz zawiera pola Email Address i Password (klienci mogą logować się za pomocą nazwy użytkownika lub adresu e-mail), pole wyboru Remember Me i link Lost your password?. Możesz zmienić nazwy tych etykiet później w zakładce Design.

Jeśli jesteś już zalogowany podczas odwiedzania /login, wtyczka przekierowuje Cię bezpośrednio na stronę Moje konto.

Krok 4: Sprawdź przekierowanie do strony Moje konto

Nie musisz niczego konfigurować dla przekierowania. Aby zobaczyć, jak działa, otwórz swoją stronę Moje konto w oknie prywatnej przeglądarki. Trafiasz na /login. Po aktywacji wtyczki przekierowanie działa w następujący sposób:

Odwiedzający wylogowani. Każda osoba, która otworzy stronę Moje konto bez zalogowania, zostanie przekierowana do /login. Wtyczka przekazuje wartość redirect_to, dzięki czemu po zalogowaniu wracają na stronę Moje konto.

Linki do odzyskiwania hasła. Strona Zagubiłeś/aś hasło? nadal otwiera się normalnie, dzięki czemu klienci mogą zresetować hasło bez przekierowania na stronę logowania.

Wylogowywanie. Link wylogowania wysyła klientów do /login z komunikatem „Zostałeś/aś pomyślnie wylogowany/a.”

Po zalogowaniu. Klienci trafiają na stronę Moje konto, chyba że przyszli z innej strony, która przekazała własną wartość redirect_to.

Przekierowanie dotyczy tylko strony Moje konto i jej podstron. Strona realizacji zakupu nie jest objęta zmianami, więc realizacja zakupu przez gości działa jak wcześniej.

Krok 5: Dodaj swoje logo do Biblioteki Mediów

Twoje logo pojawi się nad nagłówkiem logowania. Wtyczka nie ma przycisku przesyłania, więc najpierw dodaj obraz do Biblioteki Mediów, a następnie wskaż go wtyczce w Kroku 6.

1. Przejdź do Media → Dodaj plik multimedialny w swoim panelu administracyjnym WordPress.
2. Prześlij swoje logo jako plik PNG lub JPG.
3. Obok przesłanego pliku kliknij Edytuj.
4. Skopiuj URL pliku.

Krok 6: Wskaż wtyczce swoje logo

1. Przejdź do WooCommerce → Custom Login.
2. Kliknij zakładkę Wygląd.
3. W sekcji Logo i nagłówek wklej adres do pola URL logo.
4. Kliknij Zapisz ustawienia.

WordPress domyślnie blokuje przesyłanie plików SVG. Aby użyć logo SVG, wklej adres istniejącego w Internecie pliku SVG do pola URL logo.

Odwiedź ponownie /login w oknie prywatnym, aby sprawdzić wynik. Wtyczka wyświetla logo o maksymalnej wysokości 50px, dlatego najlepiej sprawdza się szeroki, niski obraz. Jeśli pole URL logo pozostanie puste, strona logowania nie będzie wyświetlać logo.

Rozwiązywanie problemów

Co dalej

• Jak wybrać szablon strony logowania dla WooCommerce
• Jak dostosować kolory strony logowania WooCommerce
• Jak skonfigurować panel promocyjny na stronie logowania WooCommerce

Często zadawane pytania

Potrzebujesz pomocy?

Niestandardowe logowanie dla WooCommerce to wtyczka premium, więc jeśli napotkasz problemy, otwórz zgłoszenie wsparcia, a nasz zespół pomoże Ci w konfiguracji.