WooCommerce: Jak dostosować stronę Moje konto?

Opublikowany: 2018-03-28

Dostosowanie strony „Moje konto” WooCommerce jest jedną z najbardziej pożądanych funkcji przez projektantów i programistów.

Strona „Moje konto” w witrynie e-commerce jest absolutnie niezbędna do sprawnego działania jej operacji, powinna być dobrze zaprojektowana, aby umożliwić użytkownikom pełne wykorzystanie możliwości zarządzania kontem i – oczywiście – można ją dostosować w celu konwersji większa sprzedaż i/lub zachęcanie do zwrotu .

Strona „Moje konto” to rzeczywista strona WordPress (można ją znaleźć w sekcji „Strony”), która zawiera krótki kod WooCommerce. Taki shortcode wyświetla domyślne zakładki zarządzania kontem i ich unikalną zawartość.

Aby dostosować wygląd, styl, układ, zawartość i projekt strony „Moje konto” (i oczywiście wszystkich jej podstron, takich jak strona „Edytuj adres”), masz dwie różne możliwości. Jeśli jesteś zaznajomiony z dostosowywaniem PHP, prawie wszystko można osiągnąć za pomocą prostych fragmentów: dodaj niestandardową kartę, usuń kartę, zmień zawartość karty, posortuj karty i tak dalej. Widzieliśmy to już w Business Bloomer, ale dla przypomnienia podam link do kilku artykułów i samouczków poniżej.

Inną elegancką alternatywą jest użycie wtyczki. Czasami może to być szybki i bezbłędny sposób na osiągnięcie tego, czego potrzebujesz, bez konieczności kodowania. To zależy od Ciebie – dlatego w tym artykule przyjrzymy się obu metodom!

1. Fragmenty dostosowywania „Moje konto” WooCommerce

Jako freelancer WooCommerce uwielbiam kodować i osiągać rzeczy bez instalowania wtyczek. Ale to ja, więc możesz myśleć inaczej.

Jeśli lubisz wyzwania, haki PHP i WooCommerce pozwalają osiągnąć praktycznie wszystko na stronie „Moje konto”.

Zanim wymienię niektóre fragmenty, które uwielbiam, sugeruję, abyś zapoznał się z moim wizualnym przewodnikiem WooCommerce „Moje konto” : https://businessbloomer.com/woocommerce-visual-hook-guide-account-pages/ – to da ci wyobrażenie o tym, jak zakodowane są strony zarządzania kontem i jakich „haczyków” można użyć, aby wyświetlić dodatkowe treści.

Gdy to zrobisz, możesz rzucić okiem na te przydatne fragmenty (linki powinny być oczywiste):

  • https://businessbloomer.com/woocommerce-add-new-tab-account-page/
  • https://businessbloomer.com/woocommerce-hide-rename-account-tab/
  • https://businessbloomer.com/woocommerce-merge-account-tabs/
  • https://businessbloomer.com/woocommerce-show-extra-content-my-account-page/
  • https://businessbloomer.com/woocommerce-add-first-last-name-account-register-form/
  • https://businessbloomer.com/woocommerce-add-select-field-account-register-form/
  • https://businessbloomer.com/woocommerce-display-products-purchased-user/

Cieszyć się

2. Wtyczki dostosowywania „Moje konto” WooCommerce

Załóżmy, że Twoim celem jest oferowanie wyjątkowej obsługi klienta. W takim przypadku możesz dostosować stronę Moje konto, aby zapewnić swoim klientom informacje, których szukają, odpowiedzieć na ich pytania za pośrednictwem często zadawanych pytań lub umożliwić im pobranie przewodników użytkownika lub instrukcji.

Podczas gdy standardowa instalacja WooCommerce nie ma wielu możliwości dostosowywania ani przyjaznych dla użytkownika sposobów dodawania dodatkowych niestandardowych pól – możesz to łatwo osiągnąć za pomocą niestandardowych wtyczek strony Moje konto WooCommerce.

Nie chcesz, aby Twoi klienci przeszukiwali Twój sklep w poszukiwaniu odpowiedzi na ich pytania – tylko po to, by ich w tym czasie sfrustrować. Zamiast tego możesz uczynić stronę Moje konto kompleksowym centrum dla swoich klientów – gdzie mogą znaleźć przewodniki użytkownika i informacje o gwarancjach, przeszłych zamówieniach, a nawet nagrodach.

Oto, w jaki sposób Twój sklep zyskuje dzięki dostosowaniu strony Moje konto WooCommerce:

  • Zminimalizowane zwroty produktów: dodanie dodatkowych informacji o produkcie, przewodników instruktażowych lub podręczników pomoże klientom poczuć się pewniej, jeśli chodzi o produkty, które chcą kupić, zmniejszając prawdopodobieństwo zwrotów.
  • Zwiększona lojalność klientów: Dostosowanie strony Moje konto ułatwia im życie, udostępniając im wszystkie potrzebne informacje w łatwym do znalezienia miejscu, co eliminuje również potrzebę kontaktu z obsługą klienta. Oferuje im również miejsce, w którym można znaleźć ekskluzywne rabaty i kupony za bycie lojalnymi klientami.
  • Maksymalne utrzymanie klientów: Oferowanie dodatkowych kuponów i rabatów na stronie Moje konto może pomóc w skłonieniu klientów do powrotu i zachęceniu ich – aby od czasu do czasu sprawdzali nowe wyprzedaże i oferty.
  • Mniej skarg/zapytań klientów: 67% klientów woli samoobsługę niż telefonowanie do konkretnych przedstawicieli. Zapewnienie przewodników użytkownika i kompleksowego miejsca do przeglądania produktów i szukania odpowiedzi zmniejszy prawdopodobieństwo, że będą się z Tobą kontaktować w przypadku tych samych lub innych zapytań.

Teraz, gdy widzieliśmy, w jaki sposób dostosowywanie strony Moje konto pomaga Tobie i Twoim klientom — zobaczmy kilka wtyczek, których możesz użyć, aby przenieść obsługę klienta na wyższy poziom.

YITH – WooCommerce Dostosuj stronę mojego konta

Strona Yith WooCommerce Dostosuj moje konto zapewnia lepszą kontrolę nad tym, co wyświetlasz na stronie Moje konto i jest doskonałym sposobem na sprawienie, by strona była atrakcyjna i użyteczna dla Twoich klientów – niezależnie od motywu, którego używasz.

Najważniejsze funkcje związane z dostosowywaniem strony „Moje konto”, o których warto wspomnieć, to:

  • możesz przełączać się między trybami wyświetlania „paska bocznego” lub „karty”
  • możesz sortować, usuwać, dodawać, zmieniać nazwy i zmieniać zawartość zakładek zarządzania kontem
  • możesz pokazać określone zakładki określonym rolom użytkownika
  • możesz zmieniać kolory, etykiety, dodawać ikony

Pozwala dodać nieograniczoną liczbę menu z treściami, takimi jak instrukcje, ankiety, pliki do pobrania, kupony, wiadomości, powiadomienia i samouczki wideo.

Umożliwia również promocję produktów oraz wyświetlanie komunikatów związanych z kodami rabatowymi i ofertami promocyjnymi. Edytowanie zawartości, etykiety i domyślnej pozycji sekcji sklepu, np. Pulpitu nawigacyjnego i Zamówienia, jest również łatwe.

Najważniejsza funkcja: umożliwia tworzenie sekcji widocznych tylko dla określonych użytkowników i ograniczanie ich do określonych ról użytkowników.

Ceny: 59,99 USD/rok z rocznym wsparciem i aktualizacjami oraz 30-dniową gwarancją zwrotu pieniędzy.

IconicWP – strony konta WooCommerce

Ta wtyczka jest jedną z najbardziej płynnych wtyczek, ponieważ jest w pełni zintegrowana z WooCommerce, działa dobrze z każdym dobrze zakodowanym motywem i działa tak, jakby była to kolejna funkcjonalność WooCommerce – i jak nie zainstalowana wtyczka.

To, co jest inne i wyjątkowe w tej wtyczce, to to, że nie tylko możesz skonfigurować nieograniczoną liczbę stron na stronie Moje konto – ale każda dodana strona automatycznie wyświetla się jako łącze z zakładkami.

Jest to również wtyczka przyjazna dla shortcode, ponieważ możesz łatwo renderować linki do kart za pomocą shortcode, jeśli używasz narzędzia do tworzenia stron. Co więcej, ułatwia porządkowanie stron – a w sumie jest doskonałą przyjazną dla początkujących wtyczką ze znajomym interfejsem.

Najważniejsza cecha: jest to jedyna wtyczka, która umożliwia korzystanie z edytora Gutenberg – ułatwiając tworzenie niestandardowych i dynamicznych układów oraz dodawanie treści, takich jak galerie zdjęć lub filmy na kartach.

Ceny: Licencja na wtyczkę dla jednej witryny kosztuje 49 USD rocznie.

WooCommerce – Dostosuj moje konto do WooCommerce

Ta wtyczka umożliwia dodawanie niestandardowych punktów końcowych (zakładek) Mojego konta za pomocą dostosowywania na żywo z potężnym panelem dostosowywania.

Oprócz tworzenia nieograniczonej liczby punktów końcowych kont, ułatwia również dostosowywanie kart (dodawanie nowych lub ukrywanie domyślnych), modyfikowanie etykiet, wyświetlanie niestandardowej zawartości (tekst, formularz lub multimedia) oraz dodawanie ikon.

Możesz również zapewnić dostęp do punktu końcowego do określonych ról użytkowników, edytować czcionkę, kolor czcionki, rozmiar, obraz i kolor tła, dopełnienie, margines i obramowanie.

Najważniejsza funkcja: 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 wciętych pod zakładką nadrzędną. Możesz także dodać własny kod CSS.

Cena : 49,00 USD (rozliczanie roczne)

WooCommerce – Edytor strony mojego konta

Ta wtyczka jest kolejną solidną opcją dostosowania strony Moje konto WooCommerce poprzez dodanie wielu punktów końcowych, edycję lub usunięcie domyślnych punktów końcowych oraz sortowanie punktów końcowych poprzez przeciąganie i upuszczanie.

Edytor WYSIWYG pozwala dodawać strony produktów, kategorie, linki zewnętrzne lub wewnętrzne lub treści. Możesz także ograniczyć role użytkowników. Ponadto masz również możliwość wyświetlania punktów końcowych u góry, po lewej lub prawej stronie stylu kart i używania dowolnych wbudowanych ikon do wyświetlania z punktami końcowymi.

Najważniejsza funkcja: możesz wybrać dowolny typ punktu końcowego – pojedynczy, strona, link i grupa oraz wybrać spośród czterech różnych kolorów i opcji układu.

Cena : 49,00 USD (rozliczanie roczne)

Codecanyon – Niestandardowe strony mojego konta WooCommerce

Ta przyjazna dla budżetu wtyczka pozwala stworzyć prostą, przejrzystą i wygodną stronę Moje konto i dostosować ją.

Oprócz możliwości tworzenia niestandardowych zakładek Moje konto – pozwala zmieniać nazwy, kolejność i wyłączać zakładki za pomocą intuicyjnego interfejsu. Co ciekawe, oferuje wiele opcji stylizacji, takich jak trzy różne układy, modyfikowanie koloru tła i niestandardowy tekst – aby całkowicie zmienić stronę Moje konto WooCommerce.

Możesz także ograniczyć określone role użytkowników, używać skrótów i dodawać niestandardowe metadane użytkownika – których WooCommerce nie obsługuje.

Najważniejsza cecha: Fascynujące w tej wtyczce jest to, że obsługuje ona ponad 11 rodzajów treści – w tym link, edytor, funkcję, pokaż koszyk, pokaż moje konto i formularz kontaktowy 7.

Ceny: Licencja Zwykła kosztuje 34 USD.

Codecanyon – wtyczka do strony Moje konto WooCommerce, edytuj i dostosuj stronę konta

Ta niedroga wtyczka pozwala dostosować stronę Moje konto, dodawać niestandardowe karty, przejąć pełną kontrolę nad ich zawartością i spersonalizować ogólne wrażenia.

Umożliwia łatwe dodawanie stron lub punktów końcowych, dostosowywanie ich zawartości i grupowanie punktów końcowych w celu ulepszenia układu strony i lepszej organizacji.

Co więcej, jest wyposażony w przyjazny dla użytkownika edytor WYSIWYG, który obsługuje HTML – a wszystko w sumie jest bezproblemową wtyczką do dostosowywania strony Moje konto w Twoim sklepie.

Najważniejsza cecha: Ta wtyczka pozwala przyciągnąć uwagę klienta do określonych stron, takich jak „Nowe produkty”, dołączając linki do zakładek lub punktów końcowych.

Ceny: Licencja Zwykła kosztuje 29 USD.

Codecanyon – SS WooCommerce Moje konto Ajax Tabs

Ta prosta i lekka konstrukcja jest doskonałym rozwiązaniem dla sklepów o dużym ruchu na stronie i minimalizacji ogólnego obciążenia serwera.

Zapewnia trzy unikalne style kart – domyślny, klasyczny i płaski, a także pozwala dodawać nieograniczoną liczbę kart, usuwać karty, zmieniać ich kolejność za pomocą przeciągania i upuszczania oraz dodawać niestandardową zawartość.

Wyjątkową cechą tej wtyczki jest to, że konwertuje zakładki strony Moje konto na zakładki Ajax - umożliwiając klientom nawigację po linkach do zakładek i ich zawartości na tej samej stronie. W związku z tym eliminuje potrzebę odświeżania strony za każdym razem, gdy klient musi wyświetlić zawartość karty.

Dodatkowo obsługuje HTML, niestandardowe skróty, JavaScript i zawartość suwaka.

Najważniejsza funkcja: obsługuje pionową orientację karty i zapewnia lepszą obsługę klienta – umożliwiając im przeglądanie zawartości karty bez odświeżania strony lub opóźnień.

Ceny: Licencja Zwykła kosztuje 29 USD.

Pheoniixx Designs – niestandardowe moje konto dla WooCommerce

Ta bogata w funkcje wtyczka obsługuje sieć wielostanowiskową i zapewnia wiele opcji dostosowywania strony Moje konta do określonych wymagań.

Możesz tworzyć nieograniczone opcje menu i wybierać między dwoma stylami menu lub opcjami układu – paskiem bocznym i kartą. Ponadto umożliwia klientom przesyłanie zdjęć profilowych.

Co więcej, otrzymujesz szeroką gamę opcji stylizacji, aby spersonalizować tekst pozycji menu, kolor pozycji menu, wypełnienie między menu i margines między ikoną a tekstem. Możesz także łatwo dodać niestandardowy adres URL do menu i edytować ikonę, etykietę i zawartość w każdej opcji menu.

Najważniejsza funkcja: obsługuje skróty i pozwala ograniczyć opcje menu na stronie Moje konto w oparciu o role użytkownika, takie jak – Klient, Współtwórca lub Administrator.

Ceny: licencja jednostanowiskowa kosztuje 35,18 USD z rocznym wsparciem, dożywotnimi aktualizacjami i bez opłaty za odnowienie.

Wniosek

Dostosowanie strony Moje konto WooCommerce to doskonały sposób na poprawę obsługi klienta i interakcji z Twoim sklepem. Dodanie wszystkich niezbędnych szczegółów, przewodników, często zadawanych pytań i informacji o produkcie na jednej stronie zapobiega frustracji klientów, konieczności odpowiadania na zapytania, zmniejsza liczbę zwrotów i zwiększa lojalność.

Możesz utworzyć dowolną liczbę stron i zakładek – bez uczenia się niczego nowego. Każda z wymienionych powyżej wtyczek ma unikalne cechy, mocne i słabe strony. Przeanalizuj więc swoje wymagania i wybierz odpowiednią wtyczkę do swojego sklepu, aby dostarczyć jedno-miejscowe rozwiązanie dla wszystkich potrzeb Twojego klienta.