Jak edytować i dostosowywać stronę mojego konta WooCommerce (przewodnik krok po kroku)

Opublikowany: 2022-07-07

„Strona Moje konto” to kluczowy element witryny eCommerce. Ta strona jest odpowiedzialna za zamknięcie transakcji i stworzenie bazy lojalnych klientów. Jeśli próbujesz zwiększyć konwersje w swoim sklepie WooCommerce, musisz wiedzieć, jak edytować stronę Moje konto WooCommerce. Można to zrobić, edytując kod lub używając wtyczki.

W tym artykule pokażemy Ci głównie, jak edytować stronę Moje konto za pomocą „ Edytora strony Moje konto ”, a także zasugerujemy kilka popularnych wtyczek dostosowywania dla strony Moje konto w WooCommerce.

Dlaczego możesz potrzebować edytować stronę mojego konta w WooCommerce

Istnieje kilka powodów, dla których może być konieczna edycja strony konta WooCommerce. Na przykład możesz chcieć dodać niestandardowe pola do formularza rejestracyjnego lub zmienić domyślną kolejność pól.

Ponadto możesz chcieć dodać niestandardową treść do strony Moje konto, taką jak wiadomość powitalna lub instrukcje dotyczące korzystania z Twojej witryny.

Jak edytować i dostosowywać stronę mojego konta WooCommerce (2-łatwe metody)

edytuj stronę konta WooCommerce

Dzisiaj pokażemy Ci 2 różne sposoby edytowania strony Moje konto WooCommerce-

  • Metoda 1: edycja strony mojego konta za pomocą wtyczki
  • Metoda 2: Dostosowanie strony Moje konto za pomocą kodu

Metoda 1: Edytowanie strony Moje konto za pomocą wtyczki

Istnieje wiele sposobów edytowania i dostosowywania strony Moje konto WooCommerce. Najprostszym sposobem jest edycja go za pomocą Edytora strony Moje konto dla WooCommerce. Pokażemy Ci pełny proces krok po kroku, jak to zrobić tutaj za pomocą wtyczki.

Zanim przejdziemy do tego procesu, powinieneś wiedzieć, że ten edytor strony mojego konta WooCommerce umożliwia użytkownikowi dostosowanie konta i dodanie nowych niestandardowych punktów końcowych w celu wyświetlenia dowolnej dodanej informacji na stronie mojego konta WooCommerce.

Zacznijmy od podstaw-

Krok 1: Instalowanie wtyczki „Edytor strony mojego konta”.

Zaloguj się do swojego konta WooCommerce i pobierz plik .zip. Następnie przejdź do administratora WordPress> Wtyczki> Dodaj nowy. Prześlij właśnie pobrany plik wtyczki i kliknij Zainstaluj teraz . Na koniec aktywuj rozszerzenie.

Krok 2: Konfigurowanie ustawień strony Moje konto

Edytor strony mojego konta dla WooCommerce

Jak tylko aktywujesz wtyczkę, od razu w panelu administracyjnym WordPress pojawi się nowe menu z tagiem „ Edytor strony mojego konta

Kliknięcie karty Wszystkie punkty końcowe przeniesie Cię do strony, na której możesz wyświetlić wszystkie niestandardowe punkty końcowe utworzone za pomocą tej wtyczki.

Krok 3: Dodawanie nowych punktów końcowych

dodawanie punktów końcowych w WooCommerece

Na stronie Moje konto utwórz nowy element menu/zakładkę, klikając Dodaj nowy punkt końcowy. Podczas tworzenia nowego punktu końcowego możesz określić następujące szczegóły:

  • Przypisz tytuł punktu końcowego
  • Dołącz unikalny ślimak menu
  • Wybierz z dostępnej ikony
  • Ogranicz według ról użytkowników (pozostaw puste, aby zastosować dla wszystkich klientów)
  • Wybierz typ punktu końcowego
  • Ustaw niestandardową treść za pomocą edytora
dodaj punkty końcowe strony konta woocommerce

Krok 4: Dodanie punktu końcowego w formularzu grupy

Po wybraniu opcji zgrupowanych punktów końcowych pojawią się dwa dodatkowe pola:

  • Wybierz niestandardowe punkty końcowe, które mają być wyświetlane jako niezawodne
  • Wybierz domyślne punkty końcowe, które mają być wyświetlane jako niezawodne

Niezawodny punkt końcowy zostaje wymieniony w tym punkcie końcowym grupy po automatycznym usunięciu go z menu mojego konta.

Co możesz dostosować w ustawieniach ogólnych

Będziesz mógł dostosować:

  • Typ wyświetlania punktu końcowego
    • Styl motywu (dziedziczy domyślny styl motywu. Punkty końcowe grupy nie są kompatybilne)
    • Lewy pasek boczny (zastępuje menu niestandardowym stylem wtyczki)
    • Prawy pasek boczny (zastępuje menu niestandardowym stylem wtyczki)
    • Karty (Zastępuje menu niestandardowym stylem wtyczki)
  • Dodaj tekst, tło i kolor wskaźnika myszy
  • Opcja ukrycia domyślnych punktów końcowych
  • Włącz/wyłącz zdjęcie profilowe
  • Zmień kolejność punktów końcowych

Metoda 2: Dostosowanie strony Moje konto za pomocą kodu

Strona Moje konta jest zbudowana za pomocą krótkiego kodu, co oznacza, że ​​można ją dostosować za pomocą kodu. Aby to zrobić, musisz edytować plik functions.php motywu. Jeśli nie czujesz się komfortowo podczas edytowania kodu, przed kontynuowaniem zalecamy utworzenie kopii zapasowej witryny.

Po utworzeniu kopii zapasowej witryny otwórz plik functions.php motywu w edytorze tekstu, takim jak Notatnik lub TextEdit. Następnie dodaj następujący kod na dole pliku:

add_filter( 'woocommerce_my_account_menu_items', 'bbloomer_remove_my_account_links'); funkcja bbloomer_remove_my_account_links($menu_links){unset($menu_links['panel']); // Usuń link do pulpitu nawigacyjnego unset( $menu_links['metody-płatności'] );

Alternatywne wtyczki do edycji i dostosowywania strony mojego konta WooCommerce

woocommerce strona mojego konta

Możesz nie lubić kodowania lub prawdopodobnie nie jesteś osobą techniczną. Wtedy z przyjemnością skorzystasz z wymienionych poniżej wtyczek WooCommerce, które otwierają drzwi do pełnego dostosowania strony Moje konto WooCommerce bez potrzeby dostosowywania jej programowo.

1. WooCommerce – Dostosuj moje konto do WooCommerce

WooCommerce Dostosuj moje konto do WooCommerce

Pożegnaj się z kłopotami związanymi z tworzeniem niestandardowych stron WordPress lub dodawaniem punktów końcowych w chaotyczny sposób. Ta wtyczka umożliwia dodawanie niestandardowych punktów końcowych Mojego konta (kart) za pośrednictwem dostosowywania na żywo z potężnym panelem dostosowywania. Jedną z najlepszych funkcji tej wtyczki jest możliwość grupowania punktów końcowych w celu utworzenia karty, a następnie dodawania kart jako podstron, które są przeznaczone pod stroną nadrzędną. Dodanie niestandardowego CSS jest tak proste, jak ABC.

Cena: 49 USD (rozliczanie roczne)

2. Codecanyon – niestandardowe strony mojego konta WooCommerce

Codecanyon WooCommerce Niestandardowe strony mojego konta

Ta ekonomiczna wtyczka pozwala łatwo i szybko stworzyć piękną, przejrzystą i wygodną stronę mojego konta w WooCommerce. Możliwość pełnego dostosowania wyglądu własnych stron konta, dodanie ciekawych funkcji, takich jak trzy różne układy, kolor tła i niestandardowy tekst, sprawia, że ​​ta wtyczka jest odpowiednia dla każdego motywu. Ta wtyczka umożliwia utworzenie pojedynczej strony dla Mojego konta. Możesz wybierać spośród trzech różnych układów i całkowicie przebudować stronę Moje konto WooCommerce za pomocą niestandardowych opcji CSS dostępnych we wtyczce.

Cena: 34 USD (licencja zwykła)

3. IconicWP – Strony konta WooCommerce

Strony kont IconicWP WooCommerce

Wtyczka działa bardziej jak dodatkowa funkcjonalność niż zainstalowana wtyczka w WooCommerce. Nie musisz się martwić o dodanie linku z zakładkami do strony Moje konto, ponieważ wtyczka IconicWP bezproblemowo integruje się z WooCommerce i dodaje nieograniczoną liczbę zakładek do strony Moje konto WooCommerce, umożliwiając wyświetlenie dowolnej dodanej strony jako łącza z zakładkami. Spodoba ci się, jeśli chcesz dodać wiele stron „Moje konto” do swojej witryny. Również dla klientów, którzy potrzebują różnych kart i linków na stronie swojego konta. Ma wszystko, czego potrzebujesz, aby utworzyć wszystkie potrzebne strony Moje konto.

Cena: 49 USD rocznie za jedną witrynę

4. YITH – WooCommerce Dostosuj stronę mojego konta

YITH WooCommerce Dostosuj stronę mojego konta

YITH WooCommerce Dostosuj stronę mojego konta umożliwia zmianę domyślnej zawartości i wyświetlanie tego, czego potrzebują Twoi klienci na stronie Moje konto WooCommerce. To świetny sposób na dostosowanie strony konta bez konieczności modyfikowania jakichkolwiek plików, a nawet kodu. Korzystając z tego rozszerzenia, możesz łatwo dostosować to, co jest wyświetlane na kontach klientów, zgodnie z ich rolą lub po prostu ukryć niektóre sekcje, których nie chcesz wyświetlać. Możesz także edytować email, który zostanie wysłany po zalogowaniu.

Cena: 59,99 USD rocznie

Przeczytaj także: Jak dostosować stronę produktu WooCommerce w 3 prostych krokach

Korzyści z dostosowywania strony mojego konta WooCommerce

Przewodnik przesyłania produktów frontendowych WooCommerce

Obecnie wiele osobistych stron internetowych to za mało. Ludzie chcą czegoś więcej i tutaj przydaje się dostosowywanie witryn osobistych. Dostosowanie jest ważne, aby pomóc Ci podkreślić, co czyni Twoją firmę lub witrynę wyjątkową i nie ogranicza się tylko do logo lub schematu kolorów tekstu. Chociaż istnieje kilka łatwych sposobów na skonfigurowanie niestandardowego profilu konta, czasami może to wymknąć się spod kontroli, zwłaszcza jeśli potrzebujesz czegoś więcej niż to, co zapewnia większość prostych rozwiązań.

Możesz sprawdzić, czy warto poświęcić dodatkowy czas na dodanie kilku linijek kodu, które zapewnią większą funkcjonalność, a także pozwolą użytkownikom wybrać dokładnie, w jaki sposób chcą wyświetlać swoją obecność online, zamiast ograniczać się innymi ograniczeniami platformy przed wyborem gotowe rozwiązanie.

Oto niektóre z kluczowych korzyści, jakie uzyskasz dzięki dostosowaniu strony Moje konto w WooCommerce:

  • Zminimalizowane zwroty produktów: dodanie materiałów instruktażowych i/lub specyfikacji do list produktów w celu zwiększenia zaufania kupujących zapewni lepszą obsługę klienta i mniejszą liczbę zwrotów.
  • Zwiększona lojalność klientów: Personalizacja strony Moje konto może bardzo ułatwić życie klientom, umieszczając wszystkie ich informacje w jednym, łatwym do znalezienia miejscu, bez konieczności zwracania się do obsługi klienta. Strona zapewnia im również miejsce, w którym mogą znaleźć ekskluzywne rabaty za bycie ich lojalnymi klientami.
  • Maksymalne utrzymanie klientów: Możesz oferować kupony i rabaty na stronie Moje konto, które sprawią, że klienci wrócą do witryny, aby zobaczyć nowe wyprzedaże i oferty. Będą również okresowo sprawdzać nowe wyprzedaże i oferty.
  • Mniej skarg/zapytań klientów: prawie 67% osób woli samoobsługę niż dzwonienie do obsługi klienta. Aby zachęcić do korzystania z samoobsługi, zapewnij przewodniki użytkownika na żądanie i dostęp do szerokiej gamy produktów z pytaniami i odpowiedziami na więcej pytań.

Teraz, gdy już wiesz, jak dostosowanie strony Moje konto może znacznie poprawić wrażenia Twoje i Twoich klientów — oto wtyczki, które możesz zainstalować, aby przenieść swój sklep na wyższy poziom.

Powiązane: Korzyści i przewodnik po dodaniu tabeli produktów WooCommerce

Edytuj i dostosuj stronę mojego konta WooCommerce tak, aby lepiej pasowała do Twojej firmy

Jeśli szukałeś sposobów na ulepszenie strony Moje konto WooCommerce, mamy nadzieję, że spodobał Ci się ten post. Tutaj staraliśmy się zademonstrować użytkownikom WooCommerce, jak mogą łatwo dostosować stronę swojego konta za pomocą wtyczki.

Jak możesz sobie wyobrazić, zanim zdecydujesz się na edycję lub dostosowanie czegokolwiek, pierwszą rzeczą, którą musisz zrobić, to zrozumieć domyślną stronę Moje konto WooCommerce.

Teraz wiesz, że istnieją zasadniczo dwa sposoby dostosowania strony konta WooCommerce. Pierwszym sposobem jest użycie wtyczki, a drugim sposobem jest edycja kodu.

Jeśli nie jesteś programistą, zalecamy użycie wtyczki do edycji lub dostosowania strony konta. Dostępnych jest wiele wtyczek, które umożliwiają dostosowanie strony konta. Dla Twojej wygody wspomnieliśmy już o kilku popularnych w tym poście.

Jedną z bardziej popularnych wtyczek jest wtyczka WooCommerce Custom My Account Page . Pozwala łatwo dostosować stronę konta bez konieczności posiadania wiedzy na temat kodowania.

Jeśli jesteś programistą, możesz dostosować stronę mojego konta WooCommerce, samodzielnie edytując kod. Jednak zalecamy to tylko programistom, którzy znają się na kodzie.

To wszystko! Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak edytować i dostosowywać stronę mojego konta WooCommerce tak, aby odpowiadała Twoim potrzebom biznesowym.

Jeśli lubisz czytać, możesz zapisać się do naszych biuletynów, aby otrzymywać modne i interesujące treści prosto do swojej skrzynki odbiorczej.