Jak dostosować strony WooCommerce

WooCommerce oferuje mnóstwo korzyści właścicielom sklepów internetowych, którzy działają na międzynarodowych rynkach e-commerce.

Na przykład, możesz użyć wtyczki WooCommerce, takiej jak Weglot przetłumaczyć cały swój sklep internetowy (w tym strony WooCommerce ) i dotrzeć do większej liczby klientów na całym świecie oraz zaspokoić potrzeby globalnej bazy klientów, podobnie jak Amazon.

W tym artykule wyjaśnimy, jak dostosować strony WooCommerce , aby uzyskać wyższe współczynniki konwersji, korzystając z różnych WooCommerce , dodatków i technik WooCommerce , w tym jak:

• Inteligentne sortowanie stron produktów za pomocą szablonu strony produktu
• Zhierarchizuj informacje o produkcie za pomocą szablonu produktu
• Upewnij się, że obrazy są dostosowane do odbiorców
• Ułatwienie klientom zmiany języka i waluty
• Ułatw dostęp do przycisku dodawania do koszyka w układzie produktu.

Inteligentne sortowanie stron produktów

Jeśli korzystasz z WooCommerce już WooCommerce jakiegoś czasu, prawdopodobnie wiesz, że Twoje produkty są domyślnie sortowane w porządku chronologicznym.

Oznacza to, że najnowsze WooCommerce pojawiają się na górze strony, a produkty dodane do sklepu jako pierwsze pojawiają się na dole strony.

Ale powinieneś również mieć możliwość dostosowania stron WooCommerce w swoim sklepie internetowym.

Jako właściciel WooCommerce , który chce wejść na nowe rynki, potrzebujesz bardziej szczegółowej kontroli nad tym, jak Twoje produkty są wyświetlane w interfejsie użytkownika.

Na przykład, możesz chcieć posortować WooCommerce na podstawie takich czynników, jak:

• Cena produktu (od wysokiej do niskiej lub od niskiej do wysokiej)
• Popularność (najlepiej sprzedające się produkty na górze)
• Ocena i recenzje produktów (najwyżej oceniane produkty lub produkty z najlepszymi recenzjami na górze)

Dobra wiadomość jest taka, że możesz użyć wtyczek WordPressa, żeby zoptymalizować wygląd i funkcje strony produktu. Na przykład darmowa wtyczka WooCommerce Product Sorting Options pomoże Ci określić, jak WooCommerce powinny być sortowane na głównej stronie sklepu.

Aby rozpocząć, zainstaluj i aktywuj wtyczkę WooCommerce Product Sorting Options na swojej stronie WordPress.

Po aktywowaniu wtyczki przejdź do sekcji Wygląd > Dostosuj > WooCommerce > Katalog produktów.

Tutaj zobaczysz kilka różnych opcji konfiguracji sortowania produktów na głównej stronie sklepu. Daje to swobodę sortowania ofert zgodnie z tym, co zapewnia najlepsze wrażenia użytkownika: według typu produktu, od najniższej do najwyższej ceny itp.

Możesz użyć menu rozwijanego „Domyślne sortowanie produktów ”, aby zdecydować, jak WooCommerce być domyślnie sortowane:

• Domyślne sortowanie
• Popularność
• Średnia ocena
• Sortuj według najnowszych
• Sortuj według ceny (rosnąco)
• Sortuj według ceny (malejąco)

Oprócz tego można również nadać nowemu domyślnemu sortowaniu etykietę.

Na przykład, jeśli zdecydujesz się na Popularność, możesz nazwać ją Sortuj według popularności. Pojawi się ona w interfejsie użytkownika witryny.

Na koniec możesz wybrać opcje sortowania, które chcesz dodać do swojego sklepu, oraz zdecydować, ile produktów ma być wyświetlanych w każdym wierszu i na każdej stronie, tworząc niestandardowy szablon strony WooCommerce .

Kliknij przycisk Publikuj , aby kontynuować.

To wszystko! Twoje WooCommerce będą teraz sortowane zgodnie z konfiguracją sortowania stron produktów. Jesteś o krok bliżej do zoptymalizowanego sklepu internetowego.

Przyjrzyjmy się innej metodzie sortowania WooCommerce . Pozwoli to określić dokładną pozycję każdego produktu poprzez utworzenie innego niestandardowego szablonu.

Przejdź do sekcji Produkty > Wszystkie produkty, najedź kursorem na pozycję i kliknij łącze Edytuj. Następnie przewiń w dół do sekcji Dane produktu i kliknij kartę Zaawansowane. W tym miejscu możesz użyć opcji Kolejność menu, aby ustawić dokładną pozycję tego elementu.

Te opcje sortowania są szczególnie przydatne w sklepach internetowych, które mają setki produktów z indywidualnymi product_meta.

Ułatwia to właścicielom sklepów internetowych prezentowanie produktów, które chcą na górze (na przykład konkretnego produktu ze względów promocyjnych lub zupełnie nowego produktu do dystrybucji).

Zwiększa to również komfort zakupów i ułatwia klientom znalezienie produktów, którymi byliby najbardziej zainteresowani.

Hierarchia informacji

WooCommerce zazwyczaj zawierają wiele informacji o każdym produkcie, w tym utworzone przez Ciebie pola niestandardowe.

Idealnie byłoby, gdybyś chciał zaprezentować te szczegóły produktu w efektywny sposób na froncie swojej witryny z wielu powodów.

Na przykład, jeśli sprzedajesz klientom na całym świecie, może to być po prostu zgodne z przepisami dotyczącymi przejrzystości informacji w każdym kraju, w którym sprzedajesz. Przepisy te mogą się znacznie różnić w zależności od kraju. Pomocne może być posiadanie motywu podrzędnego, podobnego do Divi, dla bardzo różnych witryn.

Dostosowując układ strony WooCommerce , możesz uporządkować wszystkie te informacje w atrakcyjny wizualnie sposób. Dzięki temu klienci wiedzą, że priorytetowo traktujesz przekazywanie ważnych informacji o produkcie, co świetnie wpływa na wizerunek marki i reputację.

Oto kilka kluczowych punktów, o których należy pamiętać:

• Okruszki chleba. Okruszki chleba pokazują klientom "ścieżkę" do produktu, który oglądają. Daje im to szybki dostęp do kategorii produktu i powiązanych produktów, które mogą chcieć kupić. Ponadto ułatwia im to sprawdzenie innych części witryny i poznanie marki.
• Podstawowe informacje o produkcie. Ważne jest, aby na stronach WooCommerce wyraźnie wyświetlać podstawowe informacje o produkcie, takie jak nazwa produktu i cena. Dodatkowo pomoże to w działaniach związanych z SEO i pozwoli uzyskać wyższą pozycję w wynikach wyszukiwania Google.
• Opis produktu i informacje o stanie magazynowym. Dodaj opis produktu, aby klienci mogli dowiedzieć się nieco więcej o produkcie dzięki krótkiemu snippet. Rozważ dodanie informacji o stanie magazynowym, które poinformują klientów, czy produkt jest dostępny w magazynie, niedostępny lub w zamówieniu oczekującym – bez konieczności kontaktowania się z działem obsługi klienta.
• Przycisk CTA. Informacje te zazwyczaj obejmują ilość produktu, rozmiar i wybór kolorów (jeśli jest dostępny), a także przyciski dodawania do koszyka w małym snippet. Informacje te powinny być łatwo dostępne dla klientów na stronie WooCommerce . Na przykład klienci nie powinni być zmuszeni do przewijania strony, aby dodać produkty do koszyka.
• Metadane produktu. Numer SKU produktu to metadane, które dostarczają informacji o produkcie. Różne firmy tworzą różne numery SKU dla swoich WooCommerce . Innymi słowy, numer SKU tego samego produktu w dwóch różnych sklepach będzie prawdopodobnie nieco inny, w zależności od schematu nazewnictwa stosowanego przez sklep. Na przykład sklep sprzedający koszulki tworzy wewnętrzne numery SKU, które zawierają informacje o produkcie, takie jak rozmiar, kolor, cena i informacje o producencie. Tak więc numer SKU czarnej koszulki Levi's w rozmiarze XL może brzmieć „LEV-BLK-XL”.
• Dowód społeczny. Informacje te obejmują oceny produktów, referencje i recenzje, które pomagają klientom w podjęciu świadomej decyzji o zakupie. Klienci mogą sortować produkty według ocen produktów lub czytać recenzje pozostawione przez innych klientów.
• Specyfikacje techniczne i dodatkowe informacje. Dodaj krótkie opisy, specyfikacje techniczne i inne powiązane informacje do szablonu produktu. Jest to szczególnie przydatne w przypadku sklepów sprzedających produkty technologiczne, takie jak smartfony, laptopy, telewizory i aparaty fotograficzne. Pomaga to budować zaufanie i nadaje stronom WooCommerce profesjonalny wygląd.
• Upselling. Możesz wyświetlać więcej informacji o sprzedawanych produktach, takich jak produkty powiązane (lub podobne). Na przykład możesz dodać sekcję typu„Może Ci się spodobać” na stronach WooCommerce . Ponadto możesz również wyświetlać produkty, które są zazwyczaj kupowane razem, aby wykorzystać możliwości upsellingu. Na przykład, jeśli sprzedajesz aparaty cyfrowe, zaproponowanie karty pamięci flash i torby na aparat może zachęcić klientów do zakupu większej ilości produktów.

Upewnij się, że obrazy są dostosowane do odbiorców

Czy wiesz, że na całym świecie różne kultury są przyzwyczajone do różnych stylów wizerunku produktów? Zgadza się!

Na przykład chińscy klienci oczekują stron internetowych bogatych w treści i wolą, aby zdjęcia produktów były ozdobione tekstem objaśniającym i ikonami.

Chociaż tego rodzaju obrazy mogą wydawać się zagracone dla zachodnich kupujących, prawdopodobnie pomogą ci sprzedawać szybciej i skuteczniej w całej społeczności WordPress w Chinach.

Dobrym pierwszym krokiem do dostosowania stron WooCommerce do lokalnych odbiorców jest użycie wtyczki tłumaczeniowej WordPress, takiej jak Weglot.

Pozwala to na „tłumaczenie” multimediów – w tym obrazów – co oznacza, że w WooCommerce można wyświetlać różne obrazy produktów dla różnych języków. Dzięki temu nie trzeba zajmować się plikiem PHP WooCommerce , plikiem content-single-product .php ani kodami HTML i CSS witryny WordPress.

Ułatwienie zmiany języka i waluty

Aby sprzedawać swoje produkty na rynku globalnym, musisz przetłumaczyć całą swoją witrynę WordPress ( w tym formularze płatności i strony WooCommerce ) na wiele języków.

Weglot, potężna wtyczka tłumaczeniowa dla WordPress, może pomóc w łatwym tłumaczeniu treści witryny na wiele języków docelowych przy niewielkim lub żadnym wysiłku ręcznym.

Wtyczka jest również oficjalnym WooCommerce , dzięki czemu jest kompatybilna ze wszystkimi WooCommerce i motywami WordPress, w tym Storefront i Divi.

Większość narzędzi do tłumaczenia daje ci pustą stronę, na której musisz wypełnić swoje tłumaczenia lub użyć krótkiego kodu.

Jednak Weglot generuje automatycznie przetłumaczoną wersję całej witryny internetowej w mgnieniu oka. Tłumaczenia te można ręcznie edytować za pomocą edytora listy lub visual editor konieczności ingerowania w plik content-single-product.php.

Dotyczy to również każdej nowej treści. Za każdym razem, gdy dodajesz nowe produkty do swojej witryny, Weglot wykrywa nową zawartość, a następnie generuje i wyświetla automatyczne tłumaczenie.

Ponadto jest wielojęzyczny i przyjazny dla SEO, ponieważ automatycznie dodaje tagi hreflang do każdej wersji Twojego WooCommerce . Oznacza to, że międzynarodowi użytkownicy będą mogli znaleźć Cię w lokalnych wyszukiwarkach.

Dodatkowo, Weglot ułatwia wysyłanie tłumaczeń do profesjonalnej usługi edycji stron trzecich lub zlecenie profesjonalnemu tłumaczowi dopracowania tłumaczeń - dostępne za pośrednictwem pulpitu nawigacyjnego Weglot .

Jeśli chodzi o płatności online, możesz skorzystać z bezpłatnej wtyczki, takiej jak WOOCS – Currency Switcher for WooCommerce ułatwić zmianę waluty w swoim sklepie internetowym. Pozwala ona klientom na zmianę cen produktów na różne waluty w zależności od zakładek produktów i ustalonych kursów walut w czasie rzeczywistym.

W ten sposób mogą dokonywać płatności w preferowanej przez siebie walucie. Masz również możliwość dodania niemal każdej waluty do swojego WooCommerce . Jest to szczególnie przydatne, jeśli sprzedajesz produkty klientom międzynarodowym.

Koszyk i przycisk kasy powinny być jak najbardziej dostępne.

Upewnij się, że przycisk „Dodaj do koszyka” i linki do strony płatności na stronach WooCommerce produktów WooCommerce są łatwo dostępne.

Jeśli na stronach WooCommerce produktów WooCommerce wyświetlasz wiele informacji o produktach, rozważ dodanie przycisku „Dodaj do koszyka” i linku „Do kasy” do menu nawigacyjnego oraz ustawienie menu jako przyklejonego.

W ten sposób klienci zawsze będą mogli uzyskać dostęp do koszyka i przejść do kasy - niezależnie od tego, jak daleko w dół strony przewinęli.

Poprawa dostępności koszyka i strony kasy pomoże zoptymalizować przepływ użytkowników dokonujących zakupów. Ułatwi to również klientom dodawanie produktów do koszyka i może potencjalnie pomóc w zmniejszeniu liczby porzuconych koszyków.

Podsumowanie

Wyjaśniliśmy, w jaki sposób można usprawnić proces zakupowy w sklepie internetowym i umożliwić klientom podejmowanie świadomych decyzji zakupowych poprzez dostosowanie stron WooCommerce .

Tłumaczenie sklepu e-commerce na wiele języków docelowych za pomocą wtyczki takiej jak Weglot to świetne miejsce na rozpoczęcie.

Możesz także zbadać opcje sortowania produktów, hierarchizować informacje o produktach i ułatwiać zmianę waluty, aby zwiększyć konwersje i ostatecznie zwiększyć sprzedaż.

Wypróbuj Weglot za darmo już dziś.