Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak dostosować strony produktów WooCommerce (metoda bez kodu)

Twoje strony produktów WooCommerce wykonują ciężką pracę, jeśli chodzi o zamianę odwiedzających w klientów.

Ale jeśli używasz domyślnego układu, Twoje strony mogą wyglądać identycznie jak tysiące innych sklepów, co utrudnia Twoim produktom błyszczenie.

Dobra wiadomość? Nie musisz zatrudniać programisty ani uczyć się kodowania, aby tworzyć strony produktów, które naprawdę reprezentują Twoją markę.

Po przetestowaniu różnych kreatorów stron w naszym środowisku demonstracyjnym stwierdziliśmy, że SeedProd robi to łatwo za pomocą swojego wizualnego edytora.

W tym przewodniku przeprowadzimy Cię przez proces tworzenia niestandardowych stron produktów WooCommerce, które wyglądają profesjonalnie i lepiej konwertują, a wszystko to bez dotykania ani jednej linii kodu.

Jak dostosować strony produktów WooCommerce (metoda bez kodu)

Co sprawia, że strona produktu WooCommerce jest świetna? 🤔

Dobrze zaprojektowana strona produktu opiera się na kluczowych zasadach, które kierują odwiedzających do dokonania zakupu. Przyjrzyjmy się, co jest naprawdę ważne podczas dostosowywania stron w WooCommerce.

Po pierwsze, czyste obrazy produktów są Twoją podstawą. Klienci nie mogą dotknąć ani poczuć Twoich produktów, dlatego wysokiej jakości wizualizacje muszą wykonać ciężką pracę. Niezbędne są wiele kątów i możliwości powiększenia.

Twój opis produktu powinien odpowiadać na pytania, zanim się pojawią. Skup się najpierw na korzyściach, potem na cechach i zawsze pisz językiem, który rozumieją Twoi klienci.

Strategiczne rozmieszczenie kluczowych elementów ma większe znaczenie, niż myślisz. Twój przycisk „Dodaj do koszyka”, cena i informacje o wysyłce powinny być natychmiast widoczne bez przewijania.

Dowód społeczny to Twój cichy sprzedawca. Recenzje klientów, oceny i referencje budują zaufanie i zachęcają niezdecydowanych kupujących do działania.

Co najważniejsze, każdy element powinien kierować odwiedzających do Twojego głównego celu: dokonania zakupu. Oznacza to usuwanie rozpraszaczy i tworzenie jasnej ścieżki do kasy. Możesz nawet zasugerować produkty często kupowane razem, aby zachęcić do większej liczby zakupów.

Oto świetny przykład firmy Nutribullet, sklepu internetowego opartego na WooCommerce. Ta marka posiada galerię zdjęć produktów, która pokazuje, jak dany przedmiot może być używany w rzeczywistych scenariuszach, a wszystkie ważne informacje o produkcie są dostępne na górze strony.

Sklep internetowy Nutribullet

Z tym, spójrzmy, jak możesz dostosować swoje strony produktów WooCommerce bez kodu. Możesz użyć tych szybkich linków, aby nawigować po tym przewodniku:

Krok 1: Zainstaluj i aktywuj wtyczkę SeedProd

Chociaż WordPress oferuje kilka sposobów edycji stron produktów WooCommerce, SeedProd okazał się najskuteczniejszym rozwiązaniem dla właścicieli sklepów. Oto dlaczego.

W przeciwieństwie do wbudowanego edytora stron WordPress, ten plugin WooCommerce daje Ci pełną kontrolę nad wyglądem strony produktu. Otrzymujesz zaawansowane funkcje specyficzne dla e-commerce, których domyślny edytor po prostu nie oferuje.

Wiele kreatorów stron metodą przeciągnij i upuść przytłacza użytkowników skomplikowanymi funkcjami i mylącymi interfejsami. SeedProd podchodzi do tego inaczej. Jego czysty, intuicyjny interfejs pomaga tworzyć strony bez konieczności nauki.

Kreator motywów SeedProd

SeedProd wyróżnia się również narzędziami skoncentrowanymi na WooCommerce. Uzyskujesz dostęp do ponad 300 gotowych szablonów i specjalistycznych bloków e-commerce, które są od razu gotowe do użycia.

Kreator metodą przeciągnij i upuść pozwala dostosować każdy element Twojego sklepu bez tworzenia niestandardowego kodu. Niezależnie od tego, czy jesteś początkującym, czy profesjonalistą, możesz stworzyć profesjonalnie wyglądające strony WooCommerce w kilka minut, a nie godzin.

SeedProd jest idealny, jeśli dopiero zaczynasz swój sklep internetowy lub jesteś gotów zmienić motywy, aby uzyskać lepsze wyniki. Chociaż zastąpi on Twój obecny motyw, transformacja jest tego warta, jeśli chcesz mieć pełną kontrolę nad wyglądem swojego sklepu.

W tym samouczku użyjemy płatnej wersji SeedProd. Pomimo tego, że jest płatna, możesz użyć naszego ekskluzywnego kodu kuponu SeedProd, aby zaoszczędzić jeszcze więcej na zakupie. Ponadto kluczowe funkcje potrzebne do dostosowania stron produktów są dostępne tylko w wersji premium.

Aby szczegółowo zapoznać się ze wszystkimi funkcjami i przykładami z życia wziętymi, zapoznaj się z naszą obszerną recenzją SeedProd.

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki SeedProd. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat instalacji wtyczki WordPress.

Po aktywacji przejdź do SeedProd » Settings i wprowadź swój klucz licencyjny.

Dodawanie klucza licencyjnego SeedProd do Twojej strony WordPress

Te informacje znajdziesz na swoim koncie na stronie SeedProd. Po wprowadzeniu klucza licencyjnego kliknij przycisk „Verify Key”.

Krok 2: Wybierz zestaw szablonów WooCommerce

Po wykonaniu tej czynności nadszedł czas, aby wybrać zestaw szablonów WooCommerce, którego użyjesz do swojego sklepu internetowego. Po prostu przejdź do SeedProd » Budowniczy motywów, a następnie kliknij przycisk „Zestawy szablonów motywów”.

Instalowanie zestawu szablonów WooCommerce za pomocą SeedProd

Ponieważ tworzymy niestandardowy motyw WooCommerce, kliknij zakładkę „WooCommerce”, aby zobaczyć wszystkie różne zestawy eCommerce.

Aby wyświetlić podgląd projektu, najedź na niego kursorem myszy, a następnie kliknij lupę.

Podgląd zestawu witryny WooCommerce

Otwiera to zestaw szablonów w nowej karcie.

To jest podgląd na żywo, dzięki czemu możesz zobaczyć inne projekty w zestawie, klikając na linki, menu nawigacyjne, przyciski i inne interaktywne treści.

Przykład szablonu WooCommerce, stworzonego za pomocą SeedProd

Ponieważ tworzysz niestandardową stronę produktu WooCommerce, koniecznie sprawdź układ strony produktu. Zobacz, czy może ona stanowić dobrą bazę, którą możesz później dostosować.

Gdy znajdziesz zestaw szablonów, którego chcesz użyć, najedź na niego kursorem, a następnie kliknij zaznaczenie, gdy się pojawi. W tym przewodniku używamy motywu WooCommerce Starter Theme, ale możesz użyć dowolnego szablonu.

Szablon startowy WooCommerce firmy SeedProd

SeedProd zaimportuje cały zestaw do Twojej strony WordPress, dzięki czemu możesz użyć zestawu do stworzenia niestandardowego archiwum produktów, strony sklepu, indeksu bloga i nie tylko.

Aby zobaczyć wszystkie te szablony, przejdź do SeedProd » Budowniczy motywów.

Tworzenie niestandardowej strony produktu za pomocą SeedProd

Krok 3: Dostosuj szablon strony produktu WooCommerce

Po zainstalowaniu szablonu jesteś gotowy do personalizacji strony produktu WooCommerce.

Aby rozpocząć, najedź kursorem na predefiniowany szablon strony produktu, a następnie kliknij link „Edytuj projekt”, gdy się pojawi.

Dostosowywanie strony produktu za pomocą SeedProd

Spowoduje to otwarcie szablonu w edytorze przeciągnij i upuść SeedProd, z podglądem szablonu WooCommerce po prawej stronie i ustawieniami bloków po lewej.

SeedProd pokaże przykład, jak będzie wyglądać strona produktu, używając treści z jednego z Twoich produktów WooCommerce.

Kreator stron metodą przeciągnij i upuść SeedProd

Wszystkie szablony WooCommerce są wyposażone we wbudowane bloki, które są podstawowym elementem wszystkich projektów SeedProd.

Aby dostosować blok, po prostu kliknij, aby go zaznaczyć w podglądzie strony, a następnie wprowadź wszelkie zmiany w menu po lewej stronie.

Kreator motywów SeedProd

Na przykład, szablon zawiera wbudowany blok Wyróżniony produkt, który można dostosować na kilka sposobów.

Na początek możesz zmienić rozmiar i wyrównanie bloku, korzystając z ustawień w menu po lewej stronie.

Blok „Główne zdjęcie produktu” w WooCommerce

Więcej ustawień znajdziesz w zakładce „Zaawansowane”. Tutaj możesz sprawić, że obraz naprawdę się wyróżni, dodając ramkę lub cień, dodając animację CSS i nie tylko.

W miarę wprowadzania zmian podgląd na żywo będzie się automatycznie aktualizował, dzięki czemu możesz wypróbować różne ustawienia, aby zobaczyć, co najlepiej wygląda w Twoim sklepie internetowym.

Dostosowywanie bloków WooCommerce za pomocą SeedProd

Szablon WooCommerce ma również przycisk wezwania do działania Dodaj do koszyka. Pozwala to kupującym na zakup Twoich produktów, więc będziesz chciał, aby przycisk się wyróżniał.

Na początek możesz zastąpić „Dodaj do koszyka” własnym niestandardowym tekstem, takim jak Kup teraz lub Zdobądź je już dziś. Aby dokonać tej zmiany, po prostu wybierz przycisk „Dodaj do koszyka”, a następnie wpisz nowy tekst w polu „Tekst przycisku”.

Przycisk „Dodaj do koszyka” w sklepie internetowym

Możesz również dodać ikonę czcionki do przycisku, aby pomóc odwiedzającym zrozumieć, co ten przycisk robi na pierwszy rzut oka.

SeedProd zawiera wbudowaną bibliotekę ponad 1400 ikon Font Awesome, których możesz używać na stronach swoich produktów. W menu po lewej stronie kliknij, aby rozwinąć sekcję „Ikony”.

Możesz teraz wybrać, czy chcesz wyświetlić ikonę przed tekstem przycisku, czy po nim.

Biblioteka ikon Font Awesome w SeedProd

Po prostu dokonaj wyboru, a następnie kliknij przycisk „Wybierz ikonę”.

Zobaczysz teraz wszystkie różne ikony Font Awesome, których możesz użyć. Kiedy znajdziesz ikonę, która Ci się podoba, kliknij ją.

Wbudowana biblioteka Font Awesome w SeedProd

Gdy będziesz zadowolony z treści przycisku, możesz zmienić jego wygląd, klikając zakładkę „Szablony”. Znajdziesz tu różne szablony przycisków, których możesz użyć.

Aby użyć któregokolwiek z tych projektów, po prostu kliknij na ten, który chcesz.

Dodawanie szablonów do przycisku Dodaj do koszyka

Po wybraniu szablonu możesz dopracować wygląd przycisku, klikając na zakładkę „Zaawansowane”. Tutaj możesz zmienić odstęp między przyciskiem a polem ilości, zwiększyć promień zaokrąglenia, aby utworzyć zaokrąglone rogi, i wiele więcej.

Inną opcją jest otwarcie listy rozwijanej „Styl przycisku” i wybranie nowego stylu z listy.

Dodawanie stylu przycisku do strony produktu WooCommerce

Większość ustawień jest samoexplanatoryczna, więc warto je przejrzeć, aby zobaczyć, jakie różne rodzaje efektów można stworzyć.

Inną ważną sekcją jest blok Zakładki danych produktu. Pokazuje on kupującym szczegółowe informacje, takie jak tagi produktów, atrybuty i kategorie.

Mając to na uwadze, warto kliknąć, aby wybrać blok, a następnie zobaczyć, jakie zmiany można wprowadzić w menu po lewej stronie. Na przykład, możesz zmienić kolor tła, kolor tekstu, zwiększyć odstępy i nie tylko.

Zakładki danych produktu w sklepie eCommerce

Aby usunąć domyślne bloki, po prostu najedź kursorem myszy na dany blok.

Następnie kliknij ikonę kosza, gdy się pojawi.

Usuwanie bloków w WooCommerce

Możesz również przesuwać bloki na stronie, używając ruchu przeciągnij i upuść w edytorze.

Krok 4: Zoptymalizuj swoją stronę produktu WooCommerce

Wbudowane bloki szablonu to świetny początek, ale aby zapewnić najlepsze rezultaty na stronach produktów, musisz je zoptymalizować.

SeedProd oferuje wiele bloków WooCommerce, których możesz użyć do stworzenia wysoce konwertującego rynku online lub sklepu. Aby Ci pomóc, oto kilka rzeczy, które możesz chcieć zrobić ze swoją stroną produktu WooCommerce. Do pomocy, oto kilka rzeczy, które możesz chcieć zrobić ze swoją stroną produktu WooCommerce.

Użyj SeedProd AI do pisania opisów produktów

Dobry opis produktu może być różnicą między sprzedażą w WooCommerce a straconą szansą. Jednak pisanie unikalnych, angażujących opisów dla wielu produktów może być czasochłonne.

Właśnie tutaj narzędzia AI, takie jak generator treści AI SeedProd, mogą być niezwykle pomocne. Oferują one punkt wyjścia, który można następnie dopracować, aby idealnie pasował do głosu Twojej marki i specyfiki produktu.

Aby skorzystać z SeedProd AI, kliknij blok „Krótki opis” w dowolnym miejscu szablonu strony produktu. Następnie kliknij „Edytuj za pomocą AI” na panelu po lewej stronie.

Edycja opisu produktu w SeedProd za pomocą AI

Teraz po prostu wpisz polecenie, aby powiedzieć sztucznej inteligencji, co ma wygenerować.

Możesz wstawić szczegółowe informacje o swoim produkcie (np. z czego jest wykonany), aby treść dokładnie opisywała, jaki jest dany przedmiot. Następnie kliknij przycisk „Wygeneruj tekst”.

Wstawianie podpowiedzi do narzędzia AI SeedProd

Po zakończeniu zobaczysz pełną wygenerowaną treść. Tutaj możesz pozostawić ją tak, jak jest, uprościć język lub sprawić, by tekst był prostszy lub dłuższy.

Możesz również zmienić ton tekstu, a nawet przetłumaczyć tekst na wiele języków, jeśli prowadzisz wielojęzyczny sklep internetowy.

Gdy będziesz zadowolony z wyglądu tekstu, kliknij „Wstaw”.

Poprawianie tekstu wygenerowanego przez AI SeedProd i jego wstawianie

Więcej informacji na temat korzystania z narzędzia AI można znaleźć w naszym przewodniku jak wykorzystać AI do wzmocnienia marketingu.

Pokaż powiązane produkty WooCommerce

Możesz uzyskać więcej sprzedaży i zwiększyć średnią wartość zamówienia, pokazując powiązane produkty na stronach swoich produktów. Mogą to być produkty, które klienci często kupują razem lub przedmioty, które się uzupełniają.

Na przykład, jeśli klient kupi laptopa, może być również zainteresowany torbą na laptopa.

SeedProd zawiera gotowy blok „Powiązane produkty”. Jednak aby w pełni wykorzystać możliwości tego bloku, musisz skonfigurować powiązane produkty we wtyczce WooCommerce, tak jak widać to na poniższym obrazku.

Dodawanie powiązanych produktów w WooCommerce

Instrukcje krok po kroku znajdziesz w naszym przewodniku jak dodać rekomendacje produktów WooCommerce.

Po wykonaniu tej czynności po prostu znajdź blok Produkty powiązane w edytorze SeedProd, a następnie przeciągnij go do swojego układu.

Sekcja powiązanych produktów w sklepie internetowym

Domyślnie blok wyświetla jeden powiązany produkt w jednej kolumnie.

Możesz wyświetlić więcej produktów, wpisując nowe liczby w polach „Kolumny” i „Posty na stronę” lub klikając przyciski strzałek.

Wyświetlanie powiązanych produktów na niestandardowym projekcie strony WooCommerce

Jeśli wyświetlasz wiele produktów, możesz zmienić sposób ich rozmieszczenia, używając pola „Sortuj według”. Na przykład możesz najpierw pokazać produkty z najwyższymi ocenami, ponieważ klienci wydają się najbardziej lubić te produkty.

Możesz również otworzyć menu rozwijane „Kolejność” i wybrać, czy wyświetlać powiązane elementy w kolejności rosnącej (ASC), czy malejącej (DESC).

Jak zmienić kolejność powiązanych produktów w niestandardowym sklepie WooCommerce

Dodaj ocenę gwiazdkową

Wyświetlanie oceny gwiazdkowej dla każdego produktu może pomóc uspokoić kupujących, że Twoje produkty są dobrej jakości. W związku z tym możesz przeciągnąć blok Oceny Gwiazdkowej na swój projekt.

Dodawanie ocen gwiazdkowych do niestandardowej strony produktu

Aby uzyskać najlepsze rezultaty, zalecamy wyświetlanie ocen gwiazdkowych w górnej części ekranu, gdzie są łatwe do zauważenia przez klientów. Może to pomóc kupującym w szybszym podejmowaniu decyzji o zakupie, ponieważ od razu widzą, czy inni kupujący polecają dany produkt.

Wykorzystaj FOMO, pokazując stan magazynowy produktu

FOMO, czyli „strach przed przegapieniem”, zachęca klientów do natychmiastowego działania.

Jeśli sprzedajesz przedmioty z limitowanej edycji lub regularnie masz niewielką ilość zapasów, możesz chcieć pokazać liczbę pozostałych produktów. Może to przekonać kupujących do zakupu teraz, zamiast czekać i ryzykować wyprzedanie produktu.

Aby wyświetlić te informacje, przeciągnij blok Stan magazynowy produktu na swój projekt.

Pokazywanie stanu magazynowego produktu na stronie e-commerce

Domyślnie blok wyświetla liczbę pozostałych sztuk, a następnie „w magazynie”. Możesz chcieć dodać własne komunikaty do tego domyślnego tekstu.

Aby to zrobić, po prostu wpisz tekst w małym edytorze tekstu w menu po lewej stronie. Jeśli dodasz jakiś tekst, uważaj, aby nie edytować znacznika ‘[sp_product_stock]’, ponieważ pozwala on SeedProd na wyświetlanie całkowitej liczby pozostałych produktów.

Dodawanie własnych komunikatów do sklepu internetowego

Zastąp obraz wyróżniający produktem

Obraz wyróżniający produktu pozwala kupującym zobaczyć, co kupują w sklepie internetowym.

Czasami jednak możesz chcieć zastąpić pojedynczy obraz wyróżniający galerią produktów. Na przykład możesz pokazać ten sam produkt pod różnymi kątami. Niektóre sklepy używają nawet interaktywnych obrazów 360 stopni, dzięki czemu klienci mogą szczegółowo zapoznać się z produktem.

Jeśli dodałeś galerię do swoich produktów WooCommerce, logiczne jest zastąpienie domyślnego bloku Głównego Obrazu Produktu blokiem galerii.

Aby to zrobić, po prostu najedź kursorem na blok Wyróżniony Produkt, a następnie kliknij ikonę kosza, gdy się pojawi.

Zastępowanie głównego obrazu produktu

Następnie możesz znaleźć blok obrazu Product Gallery w menu po lewej stronie i przeciągnąć go na układ strony.

Zalecamy umieszczenie tego bloku w górnej części strony, aby odwiedzający mogli od razu zobaczyć, co kupują.

Galeria obrazów produktów WooCommerce

Kupujący mogą powiększyć obraz, najeżdżając myszką na galerię produktów.

Domyślnie ikona powiększenia pojawia się w prawym górnym rogu bieżącego głównego obrazu, ale można to zmienić za pomocą suwaków „Pozycja na górze” i „Pozycja po prawej”.

Dostosowywanie ikony 'powiększenia' obrazu produktu

Możesz również powiększyć lub zmniejszyć ikonę lupy za pomocą suwaka „Rozmiar czcionki” lub zmienić jej kolor ikony i kolor tła.

Możliwe jest również dodanie obramowań wokół różnych obrazów za pomocą ustawień obramowania „Image Border” i „Thumbnails”.

Dodawanie ramek do zdjęć produktów za pomocą SeedProd

Wskazówka Pro: Rozważ osadzenie filmu z produktem WooCommerce, aby dać odwiedzającym bardziej szczegółowy wgląd w korzyści i cechy Twojego przedmiotu.

Zrób szum w mediach społecznościowych dzięki przyciskom udostępniania

Jeśli klient udostępni Twój produkt w mediach społecznościowych, może to przyciągnąć więcej osób do Twojego sklepu internetowego. Mając to na uwadze, dobrym pomysłem jest dodanie przycisków udostępniania w mediach społecznościowych do stron Twoich produktów.

SeedProd posiada blok udostępniania w mediach społecznościowych, który obsługuje Facebooka, Twittera, LinkedIn i Pinterest. Po prostu przeciągnij i upuść ten blok na swoją stronę, a automatycznie doda przyciski udostępniania na Facebooku i Twitterze.

Dodawanie ikon udostępniania w mediach społecznościowych za pomocą SeedProd

Aby dodać więcej sieci społecznościowych, po prostu kliknij przycisk „Dodaj nowy udostępnij”.

Następnie możesz wybrać witrynę mediów społecznościowych z menu rozwijanego.

Dodawanie ikon udostępniania w mediach społecznościowych dla Facebooka, Twittera i innych

Po dodaniu wszystkich sieci, których chcesz użyć, możesz zmienić rozmiar przycisków udostępniania za pomocą listy rozwijanej „Size”.

Większe przyciski udostępniania w mediach społecznościowych będą bardziej widoczne, chociaż mogą odwracać uwagę od innych treści strony, w tym od przycisku Dodaj do koszyka.

Zmiana rozmiaru ikon sieci społecznościowych w WordPress

Pokaż referencje klientów i opinie o firmie

WooCommerce pozwala klientom recenzować Twoje poszczególne produkty, ale możesz również pokazywać opinie klientów. Mogą to być cytaty z Twoich najlepszych recenzji, komentarze dotyczące Twojej doskonałej obsługi klienta lub inne treści, które chcesz wyróżnić.

Blok opinii SeedProd pozwala tworzyć obracające się opinie, co jest świetnym sposobem na pokazanie dużej ilości informacji w małej przestrzeni.

Tworzenie obracającego się świadectwa klienta

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat jak dodawać obracające się opinie w WordPress.

Wyróżnij ostatnio przeglądane produkty w WooCommerce

Sekcja „ostatnio przeglądane” zachęca klientów do ponownego odwiedzenia produktów, które niedawno widzieli, ale nie dodali do koszyka. Pomaga to klientom porównywać produkty i znaleźć odpowiedni dla nich przedmiot.

Daje im to również szansę na zmianę zdania i zakup produktu, który ostatnio odwiedzili, ale nie dodali do swojego koszyka.

Biorąc to pod uwagę, możesz chcieć dodać blok „Ostatnie produkty” SeedProd do swojego projektu.

Blok „Ostatnie produkty” w SeedProd

Po dodaniu bloku możesz zmienić liczbę kolumn za pomocą ustawień w menu po lewej stronie.

Jeśli chcesz wyświetlić wiele różnych produktów, możesz dodać paginację, aktywując przełącznik „Paginacja”.

Dodawanie paginacji do Twojego sklepu internetowego

Jeśli włączysz „Pagination”, uzyskasz dostęp do dodatkowych ustawień.

Aby zacząć, możesz wyświetlić całkowitą liczbę wyników na górze bloku Ostatnie produkty, włączając przełącznik „Pokaż liczbę elementów”.

Wyświetlanie liczby przedmiotów w sekcji „ostatnio oglądane produkty”

Możesz również włączyć suwak „Sortuj według”, ponieważ pozwala to odwiedzającym na przeglądanie najnowszych produktów.

Jak widać na poniższym obrazku, dodaje to rozwijaną listę „Domyślne sortowanie” do obszaru.

Dodawanie filtrowania i sortowania do sklepu internetowego

Pokaż swoje najpopularniejsze produkty WooCommerce

Możesz chcieć wyświetlać najlepiej sprzedające się lub najwyżej oceniane produkty na stronach swoich produktów. Ponieważ te produkty już dobrze się sprzedają, pokazywanie ich większej liczbie osób może być łatwym sposobem na zwiększenie sprzedaży.

Inną opcją jest wyświetlanie produktów, które są obecnie w promocji. Może to zmotywować kupujących do zakupu tych przedmiotów teraz, aby uzyskać najlepszą ofertę.

SeedProd ma kilka bloków, które mogą automatycznie pobierać te produkty. Jeśli chcesz wyświetlić swoje najlepiej sprzedające się produkty, dodaj blok „Best Selling Products” do swojego projektu.

Wyróżnianie najlepiej sprzedających się produktów

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat sposobów wyświetlania popularnych produktów na stronach produktów WooCommerce.

Jeśli chcesz wyświetlić produkty z najwyższą oceną gwiazdkową, możesz przeciągnąć blok „Najlepiej oceniane produkty” na stronę.

Wyróżnianie najlepiej ocenianych produktów WooCommerce

Na koniec istnieje blok „Produkty na wyprzedaży”, który pokazuje wszystkie produkty, które są obecnie w promocji.

Niezależnie od tego, jaki blok dodasz, kliknij, aby go zaznaczyć, a następnie spójrz na ustawienia w menu po lewej stronie. Wszystkie te ustawienia są proste, więc warto je przejrzeć, aby zobaczyć, jakie różne efekty można uzyskać.

Wyświetlanie produktów przecenionych i promocyjnych

Krok 5: Opublikuj swoją niestandardową stronę produktu WooCommerce

Gdy będziesz zadowolony z wyglądu strony produktu, czas zapisać zmiany. Po prostu kliknij strzałkę w dół obok „Zapisz”, a następnie wybierz opcję „Opublikuj”.

Publikowanie niestandardowej strony produktu WooCommerce

Niestandardowa strona produktu nie pojawi się w Twoim sklepie internetowym, dopóki nie aktywujesz całego niestandardowego motywu WooCommerce. Daje Ci to możliwość przejrzenia innych projektów w Twoim zestawie motywów, a następnie wprowadzenia wszelkich zmian za pomocą kreatora metodą przeciągnij i upuść w SeedProd.

Na przykład, zazwyczaj będziesz chciał edytować szablony nagłówka i stopki, aby zawierały własne menu nawigacyjne, niestandardowe logo Twojego sklepu i inne treści.

Aby edytować dowolny inny szablon, przejdź do SeedProd » Theme Builder. Następnie najedź kursorem na szablon, który chcesz dostosować.

Następnie możesz kliknąć link „Edytuj projekt”, gdy się pojawi.

Edycja szablonu nagłówka

Teraz po prostu zmień projekt, dodając więcej bloków, a następnie dostosowując je za pomocą ustawień w menu po lewej stronie.

Po prostu powtarzaj te kroki, aż będziesz zadowolony z konfiguracji wszystkich szablonów.

Kiedy będziesz gotowy, aby opublikować niestandardowy motyw WooCommerce, przejdź do SeedProd » Theme Builder. Następnie możesz kliknąć przełącznik ‘Enable SeedProd Theme’, aby wyświetlił się napis ‘Yes.’

Publikowanie niestandardowego motywu WooCommerce za pomocą SeedProd

Teraz, jeśli odwiedzisz swój sklep internetowy, zobaczysz niestandardową stronę produktu WooCommerce na żywo.

Bonus: Profesjonalne wskazówki, jak zwiększyć sprzedaż w WooCommerce

Chcesz przenieść swój sklep WooCommerce na wyższy poziom? Oto kilka strategii zatwierdzonych przez ekspertów, aby zwiększyć sprzedaż i zaangażowanie:

  • Organizuj angażujące konkursy WooCommerce – Zwiększ lojalność i zaangażowanie klientów, tworząc konkurs. Dowiedz się, jak skonfigurować i zarządzać skutecznymi konkursami, które sprawią, że klienci będą wracać.
  • Opanuj sztukę upsellingu – Zwiększ średnią wartość zamówienia i współczynniki konwersji, strategicznie oferując produkty dodatkowe. Nasz przewodnik pokazuje, jak wdrożyć techniki upsellingu w WooCommerce.
  • Zaplanuj kupony, aby zaoszczędzić czas – Automatyzuj swoje promocje, planując kupony w WooCommerce. Ta oszczędzająca czas technika zapewnia, że Twoje oferty będą dostępne dokładnie wtedy, gdy tego chcesz.
  • Usprawnij proces płatności za pomocą przycisków ekspresowych – Zmniejsz liczbę porzuconych koszyków, dodając przyciski ekspresowych płatności. Pokażemy Ci, jak zaimplementować tę funkcję dla płynniejszego doświadczenia zakupowego.
  • Twórz nieodparte oferty BOGO – Dowiedz się, jak skonfigurować oferty kup jeden, drugi za darmo w WooCommerce, aby zachęcić klientów i zwiększyć sprzedaż.
  • Wykorzystaj powiadomienia o wyprzedażach na żywo – Stwórz poczucie pilności i dowód społeczny dzięki powiadomieniom o wyprzedażach na żywo. Nasz poradnik przeprowadzi Cię przez proces konfiguracji tego dla Twojego sklepu WooCommerce.
  • Odzyskaj porzucone koszyki – Nie pozwól, aby potencjalne sprzedaże umknęły. Poznaj skuteczne sposoby na odzyskanie porzuconych koszyków i przekształcenie ich w sprzedaż.
  • Wdróż automatyzacje WooCommerce – Odkryj potężne automatyzacje WooCommerce, które mogą pomóc zwiększyć Twoją sprzedaż i usprawnić operacje.

Samouczek wideo

Subskrybuj WPBeginner

Często zadawane pytania

Oto kilka pytań, które nasi czytelnicy często zadają na temat dostosowywania stron produktów w WooCommerce:

Czy mogę zoptymalizować moje strony produktów pod kątem konwersji za pomocą SeedProd?

Tak, absolutnie! SeedProd posiada wbudowane narzędzia marketingowe, które pomogą Ci zamienić odwiedzających w klientów.

Dzięki kreatorowi metodą przeciągnij i upuść możesz łatwo dodawać elementy skoncentrowane na konwersji, takie jak:

  • Odliczanie, aby stworzyć poczucie pilności przy wyprzedażach błyskawicznych lub ofertach ograniczonych czasowo.
  • Dowód społecznościowy przy użyciu bloków z opiniami lub recenzjami, aby budować zaufanie.
  • Formularze zapisu na e-mail, aby rozwijać listę subskrybentów bezpośrednio ze stron produktów.
  • Przyciągające wzrok banery lub bloki z wezwaniem do działania, aby podkreślić zniżki lub specjalne promocje.

Wszystkie te elementy można stylizować, aby pasowały do identyfikacji wizualnej Twojego sklepu, zapewniając profesjonalny wygląd stron produktów i zwiększając sprzedaż.

Czy dostosowania SeedProd ulegną awarii po aktualizacjach WooCommerce?

Nie, nie będą. SeedProd tworzy niezależne szablony przy użyciu własnych bloków, dzięki czemu Twoje niestandardowe projekty stron produktów pozostają nienaruszone – nawet po aktualizacjach WooCommerce lub motywu.

Nigdy nie modyfikujesz plików rdzenia WooCommerce, co sprawia, że zmiany są stabilne i odporne na aktualizacje.

Niemniej jednak, zawsze warto aktualizować SeedProd i WooCommerce do najnowszych wersji, aby zapewnić pełną kompatybilność i dostęp do nowych funkcji.

Jakie elementy WooCommerce mogę dodać za pomocą SeedProd?

SeedProd oferuje szeroką gamę dedykowanych bloków WooCommerce do tworzenia niestandardowych stron produktów bez żadnego kodowania. Możesz łatwo dodać:

  • Tytuł produktu, zdjęcie i galeria, aby zaprezentować swoje przedmioty.
  • Cena produktu i przycisk „Dodaj do koszyka”, aby ułatwić zakupy.
  • Opis produktu i Krótki opis dla jasnych szczegółów produktu.
  • Recenzje i oceny produktów, aby podkreślić dowód społeczny.
  • Powiązane produkty i Upselle, aby zachęcić do dodatkowych zakupów.

Oprócz bloków WooCommerce, możesz ulepszyć swoje strony za pomocą narzędzi marketingowych SeedProd, aby zwiększyć konwersje, zachowując jednocześnie atrakcyjność wizualną strony.

Mamy nadzieję, że ten artykuł pomógł Ci dostosować stronę produktu w WooCommerce bez kodowania. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia wyskakującego okienka WooCommerce w celu zwiększenia sprzedaży lub naszym wyborem najlepszych wtyczek WooCommerce dla Twojego sklepu.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

9 CommentsLeave a Reply

  1. Trochę się męczyłem z dostosowywaniem WooCommerce, ponieważ nie jestem projektantem. Chciałem, aby mój sklep był stylizowany tak samo jak strona internetowa. Zbudowałem stronę internetową za pomocą SeedProd, więc z pomocą tego artykułu zacząłem również dostosowywać strony produktów. Muszę przyznać, że SeedProd i ten tutorial znacznie ułatwiły mi pracę. Wreszcie, dzięki temu zbliżam się do rezultatu, który sobie wyobrażałem. SeedProd naprawdę ułatwił mi pracę.

  2. Miałem trudności z wyróżnieniem moich stron produktów WooCommerce, ale ten post dał mi pewność, aby zacząć dostosowywać. Wyniki są niesamowite, a moi klienci uwielbiają nowy wygląd. Dzięki WPBeginner!

  3. Dziękuję za post.
    Ale czy będę mógł to zrobić z Seedpro i darmową wersją Woocommerce? czy powinienem najpierw zaktualizować, zanim będę mógł to zrobić?

    • Używamy subskrypcji Pro SeedProd, aby osiągnąć to, co pokazujemy w tym samouczku.

      Admin

  4. Mam już zainstalowany WPforms na mojej stronie z moim sklepem WooCommerce. Czy będę mógł to zrobić za jego pomocą, czy powinienem zamiast tego przełączyć się na Seedprod?

    • WPForms służy do tworzenia formularzy na Twojej stronie, do zmiany wyglądu strony potrzebujesz wtyczki takiej jak SeedProd.

      Admin

  5. Wspaniały i wnikliwy tutorial. Zgaduję, że jest to stosunkowo łatwiejsze dla sklepów z jednym lub kilkoma produktami. Jeśli masz ponad sto produktów, czy jest sposób, aby uczynić to globalnym szablonem i zastosować go automatycznie do wszystkich produktów bez konieczności budowania ich jeden po drugim? Z góry dziękuję.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.