Jak dostosować stronę Moje konto WooCommerce (Kompletny przewodnik 2022)

Jeśli ogólnie znasz WooCommerce i eCommerce, wiesz, że strona „Moje konto” jest jedną z najważniejszych stron internetowych. Dzieje się tak, ponieważ zawiera wiele istotnych informacji o klientach, takich jak ich zamówienia, adresy rozliczeniowe, metody płatności, dane konta – żeby wymienić tylko kilka.

Zasadniczo strona „Moje konto” jest integralnym centrum informacji. Dlatego nierzadko zdarza się, że właściciele sklepów WooCommerce chcą dodawać niestandardowe punkty końcowe, aby prezentować informacje istotne dla ich działalności. Mogą również chcieć dostosować estetykę swojej strony „Moje konto”, aby była bardziej zgodna z ich marką.

Chociaż WooCommerce zawiera wszystkie podstawowe informacje potrzebne klientom do zarządzania zamówieniami i zmiany ustawień konta, ani WooCommerce, ani WordPress nie oferują wbudowanych funkcji dostosowywania, aby dostosować wygląd tej strony WordPress ani dodać dodatkowych punktów końcowych.

Na szczęście, jeśli chcesz wyjść poza domyślne punkty końcowe i ograniczenia dostosowywania WooCommerce, dostępne są obejścia. Omawiamy więc najłatwiejsze sposoby dostosowania strony „Moje konto” w WooCommerce bez wiedzy technicznej.

Znaczenie strony Moje konto WooCommerce

Jak już wspomnieliśmy we wstępie, strona „Moje konto” w każdym sklepie internetowym jest kluczową częścią witryny. Panel Moje konto klienta to miejsce, w którym czują się najbardziej pod kontrolą. Z tego miejsca mogą ponownie przeglądać zamówienia, edytować adresy, wprowadzać zmiany w danych konta, i modyfikować ich ustawienia bezpieczeństwa. Ponadto obsługuje wiele poufnych informacji, takich jak adres e-mail, adres pocztowy, a nawet informacje o haśle.

W świetle tego wszystkiego konieczne jest, aby strona „Moje konto” była łatwa w nawigacji, aby zapewnić odwiedzającym wspaniałe wrażenia z użytkowania. W tym miejscu personalizacja może zrobić wielką różnicę. Na przykład, możesz zwiększyć konwersje, dodając sekcje promocyjne, takie jak kody rabatowe, nagrody lojalnościowe i rekomendacje stron produktów. Ale możesz również użyć strony Moje konto, aby zmniejszyć tarcia klientów. Na przykład zbieranie opinii konsumentów lub udostępnianie prostego linku, aby się z Tobą skontaktować.

Korzystanie z dodatku to najbezpieczniejszy i najłatwiejszy sposób na rozpoczęcie dostosowywania strony „Moje konto”.

Korzyści z używania wtyczki (zamiast podejścia do majsterkowania)

Oczywiście wtyczki nie są jedynym sposobem na dostosowanie strony „Moje konto” w WooCommerce. Dzięki dowolnej części WordPressa i jego rozwiązaniu eCommerce możesz samodzielnie poradzić sobie z kodem i osiągnąć dowolne dostosowanie przy odrobinie wysiłku DIY. Wymaga to jednak umiejętności programistycznych, których możesz nie posiadać.

W przeciwieństwie do tego, niezawodna wtyczka stanowi rozwiązanie bez kodu, które nie wymaga wiedzy technicznej (HTML, niestandardowy CSS, AJAX, PHP itp.). Oprócz tego będzie zawierał różne ustawienia, które pomogą Ci bez problemu stworzyć niestandardową stronę Moje konto. Na przykład możesz:

• Twórz i grupuj nowe punkty końcowe
• Zmień ich pozycję na stronie
• Dodaj niestandardową treść
• Skonfiguruj niestandardowe pola do wypełnienia przez klientów, aby podać dodatkowe informacje.

Uwaga: punkt końcowy to dodatkowa zawartość wyświetlana po spełnieniu określonych warunków. Na przykład po zarejestrowaniu konta użytkownika lub złożeniu zamówienia, wynikowymi punktami końcowymi mogą być informacje o haśle i nazwie użytkownika lub łącze do podsumowań zamówień.

Zakładając, że wybrana przez Ciebie wtyczka strony Moje konto jest aktywnie utrzymywana i regularnie aktualizowana, powinieneś móc na niej polegać. Wreszcie, większość wtyczek ma wsparcie od ich programisty, więc jeśli utkniesz, pomoc powinna być pod ręką.

Wskazówka dla profesjonalistów: nie zawsze tak jest. Czasami po zakupie wtyczki programista oferuje wsparcie tylko przez sześć lub dwanaście miesięcy. Gdy to się skończy, będziesz musiał dodatkowo zapłacić za stałe wsparcie.

OŚWIADCZENIE: Codeable nie jest powiązany z żadną z rekomendacji wtyczek wymienionych w tym poście.

Najlepsze wtyczki do dostosowywania strony Moje konto WooCommerce

Jeśli zdecydowałeś, że wtyczka jest właściwą drogą, masz do wyboru kilka opcji. Aby pomóc Ci zawęzić wybór, wymieniliśmy tutaj niektóre z najpopularniejszych do rozważenia:

Dostosuj moje konto do WooCommerce

Ta wtyczka umożliwia łatwe tworzenie nowych punktów końcowych i dostosowywanie projektu za pomocą edytora front-end na żywo, co oznacza, że ​​możesz od razu przeglądać zmiany.

Możesz dodać dowolną liczbę niestandardowych punktów końcowych i treści. Możesz także posortować zakładki Moje konto według ich priorytetu. Możesz nawet zdecydować, jak te punkty końcowe będą wyglądać dla użytkowników, w tym kolor i styl:

• Zakładki pulpitu nawigacyjnego
• guziki
• Spinki do mankietów
• Czcionki
• Awatary

…i nie tylko, wszystko w celu dopasowania do stylu Twojej witryny.

Nie potrzebujesz żadnej wiedzy na temat CSS, aby dostosować te elementy. Zamiast tego możesz polegać na kreatorze podobnym do dostosowywania WordPress, który umożliwia wprowadzanie zmian na żywo w witrynie.

Wtyczka umożliwia również przypisanie dostępu do punktu końcowego do określonych ról użytkowników, a także ukrywanie i wyłączanie kart za pomocą jednego kliknięcia. Na przykład jest to przydatne przy dostarczaniu określonych treści do określonych klientów. Na przykład prezentowanie ankiet specjalnie zaprojektowanych dla stałych klientów lub wręczanie kodów rabatowych nowym posiadaczom kont. Warto również zauważyć, że ta wtyczka jest również kompatybilna z rezerwacjami, subskrypcjami i członkostwem WooCommerce (przez SkyVerge) i obejmuje cały rok wsparcia.

Edytor strony mojego konta

Wtyczka „My Account Page Editor” jest podobna do powyższej wtyczki, choć pod pewnymi względami jest nieco prostsza. „Edytor strony mojego konta” umożliwia wykonywanie podstawowych dostosowań, takich jak tworzenie i grupowanie nowych punktów końcowych oraz określanie ich różnych atrybutów, w tym:

• Tytuł
• Powiązana ikona
• Role użytkownika, dla których powinny pojawić się punkty końcowe
• Typ punktu końcowego

Pod względem dostosowania wizualnego ta wtyczka jest bardziej ograniczona. Typ wyświetlania punktu końcowego jest automatycznie dziedziczony z domyślnego stylu motywu. Możesz jednak edytować tekst, kolor tła i kolory najeżdżania na paski boczne i karty niestandardowe. Możesz także włączyć lub wyłączyć zdjęcie profilowe.

YITH WooCommerce Dostosuj stronę mojego konta

Podobnie jak w przypadku omówionych już wtyczek WooCommerce, ta umożliwia dodawanie nieograniczonej liczby pozycji menu do strony „Moje konto”. Jednak wtyczka koncentruje się bardziej na treściach promocyjnych, aby wzbogacić Twoją strategię sprzedaży.

Zachęca do dodawania instrukcji, kuponów, ankiet, plików do pobrania, samouczków wideo, wiadomości, powiadomień, promowania produktów WooCommerce i wielu innych informacji na stronie „Moje konto”.

Możesz także zdecydować, które role użytkowników mają wyświetlać typy zawartości. Na przykład nowym użytkownikom może zostać przedstawiona sekcja instruująca, jak poruszać się po stronie konta.

Możesz wybierać spośród kilku różnych pozycji i układów menu Moje konto, w tym menu poziomych i pionowych. Ponadto możesz dostosować kolory, odstępy i ikony do swoich wymagań projektowych. Możesz nawet zapewnić użytkownikom domyślne awatary lub pozwolić im przesłać własne.

Inne funkcje obejmują:

• Możliwość dodania Recaptcha do formularzy rejestracyjnych.
• Blokowanie określonych domen e-mail stworzyć własną listę blokowania, aby kontrolować konta utworzone w Twoim sklepie WooCommerce.
• Proszenie klientów o weryfikację kont za pomocą weryfikacyjnego e-maila, zawierającego link potwierdzający.

Wreszcie, narzędzie do dostosowywania strony Moje konto YITH jest również zgodne z narzędziem do tworzenia stron Elementor z funkcją przeciągania i upuszczania.

Strony konta IconicWP WooCommerce

Konfigurator strony Mojego konta IconicWP był już używany przez ponad 16 000 firm WooCommerce. Umożliwia dodawanie nieograniczonej liczby punktów końcowych do strony i dostosowywanie ich za pomocą własnych treści i ustawień, w tym sekcji często zadawanych pytań, przewodników użytkownika, formularzy kontaktowych, kuponów i innych. Możesz również stworzyć nieograniczoną liczbę podstron pochodzących z Twojej Strony Moje Konto i uporządkować te strony według priorytetu. Ponadto każda nowa strona lub nowa karta jest w pełni i automatycznie połączona, dzięki czemu nie masz kłopotów z wskazywaniem każdego łącza we właściwym miejscu na stronie Moje konto.

Został stworzony z myślą o szybkości, tłumaczeniu i jest objęty eksperckim wsparciem programisty. Wtyczka jest również w pełni kompatybilna z Gutenbergiem, co ułatwia tworzenie niestandardowych układów stron Moje konto. Co więcej, jest przyjazny dla krótkich kodów, co oznacza, że ​​możesz użyć dowolnego kreatora stron, a linki nadal będą renderowane idealnie. Nie wspominając o tym, że ta wtyczka działa również z każdym dobrze zakodowanym motywem.

Wreszcie, ten programista oferuje nie tylko pojedynczą licencję na wtyczkę, ale raczej pakiet z pełnym dostępem, w tym 30 licencji na witryny i ponad 15 wtyczek stworzonych, aby pomóc Ci zwiększyć sprzedaż. To powiedziawszy, kreatywne marki mogą czuć się nieco ograniczone, ponieważ opcje dostosowywania projektu strony Moje konto są nieco ograniczone.

Widżet Moje konto PowerPack WooCommerce

Ostatni, ale nie mniej ważny, jest widżet Moje konto WooCommerce firmy PowerPack. Korzysta z tego już ponad 100 000 właścicieli sklepów. Umożliwia wprowadzanie zmian w ogólnym projekcie i funkcjonalności strony MyAccount za pomocą kreatora stron Elementor.

Możesz łatwo upiększyć swoją stronę Moje konto na karcie stylu, dostosowując kolor, typografię, czcionki i projekty formularzy, przycisków, a nawet tabel. Karty można również organizować w pionie lub poziomie, dzięki czemu ta wtyczka jedna z bardziej elastycznych opcji, jeśli chodzi o projektowanie.

Opcje stylizacji tabeli są również bardziej rozbudowane niż samodzielny edytor Elementora. Dzięki PowerPack możesz łatwo edytować formularze i tabele ze strony Moje konto, aktualizując projekt i odstępy pól wejściowych, etykiet i nie tylko. Ponadto możesz stylizować każdy wiersz, kolumnę lub komórkę za pomocą stylów i kolorów obramowania.

Podobnie jak w przypadku wtyczek wymienionych powyżej, możesz w dowolnym momencie ukrywać i wyłączać karty oraz decydować, którzy użytkownicy mają dostęp do określonych obszarów. Możesz nawet stylizować komunikaty o błędach i powiadomienia, aby stworzyć bardziej markowe wrażenia. Mogą one na przykład pojawić się na stronie Moje konto Twoich klientów, aby poinformować ich, że formularz wymaga więcej szczegółów, zmiany zostały wprowadzone pomyślnie lub zamówienie nie zostało zrealizowane.

Jak korzystać z wtyczki, aby dostosować stronę Moje konto WooCommerce?

Chociaż dokładne kroki będą się różnić w zależności od wybranej wtyczki, instalacja i aktywacja wtyczki są zasadniczo takie same.

Przejdź do „ Wtyczki ” na pulpicie WordPress i kliknij „ Dodaj nowy ”. Następnie wyszukaj nazwę wtyczki, której chcesz użyć w katalogu. Po znalezieniu kliknij „ Zainstaluj teraz ”, a następnie „Aktywuj teraz”. ” Lub, jeśli pobrałeś plik .zip wtyczki, przejdź do Wtyczki > Dodaj nową i prześlij wtyczkę. Wtyczka powinna teraz pojawić się w panelu administracyjnym.

Po uruchomieniu wtyczki powinieneś mieć teraz różne opcje dodawania, grupowania i zmiany kolejności punktów końcowych. Powinieneś także być w stanie dostosować projekt strony Moje konto, przypisać dostęp do punktu końcowego do określonych ról użytkowników i tak dalej. Jednak, jak już powiedzieliśmy, zakres tych funkcji zależy od wybranej wtyczki. Inne funkcje mogą obejmować:

• Wybór różnych układów strony i opcji kolorystycznych
• Tworzenie sekcji widocznych tylko dla określonych użytkowników, podczas gdy pozostają one ograniczone do innych
• Tworzenie dynamicznych układów za pomocą galerii obrazów, filmów itp.
• Umożliwienie użytkownikom przesyłania zdjęć profilowych jako awatarów na stronie ich kont
• Aktualizacja funkcjonalności formularzy rejestrowych
• W tym banery promocyjne i oferty produktów

Najlepsze praktyki dotyczące dostosowywania strony Moje konto WooCommerce

Zanim zagłębimy się w jakikolwiek projekt, zawsze dobrze jest poznać pułapki, których należy unikać. To powiedziawszy, oto kilka sprawdzonych metod, o których należy pamiętać, rozpoczynając dostosowywanie strony „Moje konto”.

• Wybierz przejrzysty układ, który umożliwia użytkownikom łatwe poruszanie się po stronie „Moje konto”. Pamiętaj, że użyteczność jest kluczowa – aż 40% użytkowników może przestać angażować się w witrynę, jeśli jej treść lub układ jest kiepski.
• Pozwól użytkownikom przesłać niestandardowy awatar. Jest to szczególnie ważne w przypadku witryn z elementem społecznościowym. W końcu zdjęcie profilowe to forma wyrażania siebie, która sugeruje, że użytkownik dba o to, jak jest postrzegany w Twojej witrynie. Im bardziej czują się jak w domu w Twojej witrynie, tym bardziej prawdopodobne jest, że zaangażują się w Twoją markę. Wskazówka dla profesjonalistów: połącz to z programami lojalnościowymi i innymi treściami społecznościowymi, aby maksymalnie zwiększyć zaangażowanie na stronie „Moje konto”.
• Zachęcaj do zaangażowania klientów i zachęcaj do ponownych zakupów. Oto kilka sposobów, aby to osiągnąć:
  • Zbieraj ich adresy e-mail do kampanii e-mail marketingowych
  • Dodaj krótką ankietę, aby dowiedzieć się o ich doświadczeniach z klientami.
  • Oferuj kody rabatowe o ograniczonym czasie trwania.
• Ułatw klientom kontakt z Tobą, jeśli mają pytania dotyczące ich zamówienia. Można to na przykład zrobić, tworząc nowy punkt końcowy strony obsługi klienta.

Gotowy, aby dostosować stronę Moje konto WooCommerce?

Korzystanie z wtyczki to najłatwiejszy sposób na rozszerzenie strony Moje konto WooCommerce, poprawiając wrażenia użytkownika i wzmacniając spójność marki.

Jednak wtyczka może zaprowadzić Cię tak daleko, w zależności od Twoich potrzeb. Na przykład niektórzy użytkownicy mogą stwierdzić, że wtyczki nie umożliwiają im osiągnięcia dokładnie takiego wyglądu i funkcjonalności, o jakich mieli na myśli dla swojej strony Moje konto WooCommerce. Jeśli Twoja firma wymaga bardziej niestandardowego podejścia, możesz potrzebować fragmentów kodu, aby w pełni dostosować stronę Moje konto WooCommerce. Można to zrobić za pomocą webhooków WooCommerce lub edytując pliki szablonów WooCommerce znajdujące się w folderze /myAccount.

Takie podejście z pewnością będzie wymagało znajomości kodowania i tworzenia kopii zapasowej witryny. Jest to konieczne, ponieważ aby wykonać ten projekt, musisz zastąpić pliki szablonów. Jeśli brzmi to zbyt onieśmielająco, możesz zajrzeć do Codeable i rozważyć zaangażowanie programisty WordPress.

Codeable eliminuje kłopoty i niepewność z bardziej złożonych projektów. Na szczęście nie musisz tracić czasu na poszukiwanie wiarygodnych programistów WordPress – Codeable zgromadził dla Ciebie sieć doświadczonych programistów. Dzięki bezpiecznemu systemowi płatności depozytowych i 28-dniowej gwarancji możesz mieć pewność, że uzyskasz pożądane rezultaty. Wszystkie opłaty są przejrzyste, więc dlaczego nie dowiedzieć się, czy dostosowanie strony Moje konto WooCommece z pomocą jednego z naszych programistów mieści się w Twoim budżecie?

Opublikuj swój projekt na Codeable za darmo już dziś, aby zacząć otrzymywać niezobowiązujące szacunki.