Twoje produkty są wyjątkowe – strony produktowe, które je prezentują, również powinny być. Domyślny szablon strony produktu WooCommerce jest świetnie dopasowany do wielu sklepów internetowych, ale możesz chcieć czegoś, co odzwierciedla indywidualny styl i korzyści Twoich produktów.

Nie musisz być programistą, aby odcisnąć swoje własne piętno na stronach produktów dzięki kilku rozszerzeniom WooCommerce (i jednej podstawowej funkcji WooCommerce).

Product Add-Ons

Rozszerzenie Product Add-Ons dodaje więcej pól do stron produktów, aby kupujący mogli dostosować swoje zakupy. Rozmieść opcje za pomocą pól tekstowych, pól wyboru lub rozwijanych i dodaj warianty z przykładowymi obrazami – uwzględnij je dla poszczególnych produktów lub dla całego katalogu.

Doskonałe dla: sklepów eCommerce, które oferują dodatkowe opcje, takie jak pakowanie prezentów i monogramy.

• Jeśli jesteś sklepem odzieżowym, który oferuje hafty, pozwól klientom wpisać tekst, który chcą wyhaftować, zanim dokonają zakupu, abyś nie musiał kontaktować się z nimi po dokonaniu zakupu.
• Jeśli sprzedajesz poduszki, zaoferuj opcje dotyczące tkaniny, rozmiaru lub stylu.
• Jeśli sprzedajesz biżuterię, pozwól klientom wybrać cytat, który chcieliby wygrawerować na danym elemencie.
• Jeśli oferujesz produkty nadające się na prezent, uwzględnij opcje pakowania prezentu lub podziękowania.
• Jeżeli sprzedajesz elektronikę, pozwól kupującym na zakup gwarancji chroniącej ich przedmiot.
• Jeżeli jesteś organizacją non-profit, pozwól ludziom, którzy Cię wspierają, uwzględnić darowiznę przy zakupie towaru.

Wybierz opłatę za każdy dodatek lub zaoferuj personalizację za darmo. To elastyczny sposób, aby dać kupującym opcje, których potrzebują.

Dowiedz się więcej o Dodatkach do produktów.

Wzorce i zdjęcia wariantów

Jeśli Twój produkt ma warianty kolorów lub wzorów, kupujący chcą je zobaczyć w akcji. Rozszerzenie Variation Swatches and Photos wyświetla odmiany – style, rozmiary, wzory, kolory itp. – z obrazem lub próbką koloru, aby dać klientom lepsze wyobrażenie o tym, co dokładnie kupują i poprawić wygląd stron produktu.

Doskonałe dla: sklepy eCommerce ze zmiennymi produktami.

• Jeśli sprzedajesz koszulki, wyświetl opcje kolorów.
• Jeśli sprzedajesz okulary, pokaż wszystkie opcje oprawek.
• Jeżeli sprzedajesz biżuterię, podkreśl wisiorki, które klienci mogą wybrać.
• Jeżeli sprzedajesz deskorolki, dołącz obrazy wzorów, które oferujesz.

Dowiedz się więcej o Variation Swatches i Photos i zobacz je w akcji.

WooCommerce 360º Image

Z WooCommerce 360º Image, możesz dodać dynamiczny, niestandardowy obrót obrazu 360º do stron produktów, aby kupujący mogli skupić się na szczegółach produktu. Dodaj grupę obrazów do galerii produktów, a wyróżniony obraz zostanie zastąpiony pięknym obrazem 360º, który klienci mogą obracać, aby zobaczyć wszystkie aspekty produktu. Jest również w pełni responsywny, więc kupujący na urządzeniach mobilnych mają to samo wspaniałe doświadczenie.

Doskonałe dla: sklepów eCommerce, które chcą dać klientom doświadczenie podobne do fizycznego trzymania produktu.

• Jeśli sprzedajesz meble, klienci mogą zrozumieć ich styl pod każdym kątem.
• Jeśli sprzedajesz części samochodowe, klienci mogą zbadać szczegóły zbliżenia, które mają dla nich znaczenie.
• Jeśli sprzedajesz zegarki, klienci mogą powiększyć każdy niuans, grawerunek i funkcję.

Dowiedz się więcej o WooCommerce 360º Image.

Product Video for WooCommerce

Wideo to potężny sposób na zaprezentowanie produktów w akcji. Użyj rozszerzenia Product Video for WooCommerce, aby dodać filmy do swojej galerii obrazów produktów lub zastąpić wyróżnione obrazy filmami wideo. Prześlij filmy do swojej biblioteki multimediów WordPress lub osadzaj je z usług innych firm, takich jak Vimeo lub YouTube.

Doskonałe dla: sklepy eCommerce z produktami, które są najlepiej pokazane w akcji

• Jeśli sprzedajesz elektronarzędzia, zademonstruj rozmiar narzędzia i jak działa.
• Jeśli sprzedajesz ubrania, pokaż, jak przedmiot pasuje do różnych typów ciała i par z innymi kawałkami.
• Jeśli sprzedajesz zabawki, dołącz klipy dzieci bawiących się swoimi produktami i referencje od szczęśliwych rodziców.

Dowiedz się więcej o Product Video for WooCommerce.

Size Chart for WooCommerce

Jeśli sprzedajesz produkty, które występują w różnych rozmiarach, wykres pomaga klientom zrozumieć, który z nich kupić i zmniejsza liczbę zwrotów. Rozszerzenie Size Chart for WooCommerce dodaje wykresy rozmiarów do stron produktów – prześlij własne lub utwórz je w swoim pulpicie nawigacyjnym. Możesz zdecydować się na wyświetlanie wykresów w szczegółach produktu lub jako wyskakujące okienko.

Doskonałe dla: sklepów eCommerce, które sprzedają produkty w wielu rozmiarach

Przykłady:

• Jeśli sprzedajesz koszulki, dodaj tabelę rozmiarów z pomiarami ramion, klatki piersiowej i wysokości.
• Jeśli sprzedajesz meble, dodaj tabelę rozmiarów z pomiarami długości, wysokości i głębokości.
• Jeśli sprzedajesz naklejki, dodaj tabelę rozmiarów z pomiarami wysokości i szerokości.

Dowiedz się więcej o Size Chart for WooCommerce.

Rekomendacje produktów

Upsells i cross-sells to skuteczne sposoby na zwiększenie rozmiarów koszyka klientów i ogólnej sprzedaży. Użyj Rekomendacji Produktów, aby pokazać klientom więcej tego, co ich interesuje. Dodaj polecane produkty na podstawie tego, co jest popularne, co jest nowe, co jest na wyprzedaży, co uzupełnia wygląd i wiele innych. Lub wyświetl je na podstawie tego, co klient ma już w koszyku.

Doskonałe dla: sklepów eCommerce z więcej niż jednym produktem

• Jeśli sprzedajesz buty, poleć skarpetki lub sznurówki.
• Jeśli sprzedajesz kolczyki, poleć bransoletki i naszyjniki z tej samej kolekcji.
• Jeśli sprzedajesz zabawki, poleć puzzle podobne do tych, które klient ma w koszyku.
• Jeśli sprzedajesz rośliny, poleć inne popularne odmiany lub dodatki do gleby.

Dowiedz się więcej o polecaniu produktów.

Proste zmiany CSS, nie wymagające rozszerzenia

CSS jest językiem kodowania, który kontroluje wygląd twojej strony, od czcionek i kolorów do rozmiarów przycisków i tła. Jeśli masz podstawową wiedzę CSS, przejdź do Wygląd → Dostosuj → Dodatkowy CSS w pulpicie nawigacyjnym i wprowadź następujące zmiany:

Zmień rozmiar czcionki tytułów produktów

Użyj poniższego kodu, aby zmienić rozmiar tytułów produktów na 36px. Zamień „36” na dowolną liczbę, którą chcesz.

.woocommerce div.product .product_title {font-size: 36px;}

Zmień kolor tytułów produktów

Kod heksadecymalny jest sześciocyfrowym kodem, który reprezentuje określony kolor online. Użyj poniższego kodu, aby zmienić kolor tytułu produktu na kod heksadecymalny #FF5733. Zamień kod heksadecymalny na dowolny; możesz użyć selektora kolorów HTML, aby uzyskać kod dla dowolnego koloru, który chcesz.

.woocommerce div.product .product_title {color: #FF5733;}

Pogrub etykiety odmian

Użyj poniższego kodu, aby wyświetlić tytuły odmian pogrubionym tekstem.

.woocommerce div.product form.cart .variations label { font-weight: bold;}

Pogrubienie etykiet odmian

Użyj poniższego kodu, aby pogrubić etykiety odmian.

.woocommerce div.product form.cart .variations label { font-style: italic;}

Zmień kolory przycisku Kup Teraz:

Użyj tego kodu, aby zmienić kolor tła przycisku Kup Teraz. Ponownie, użyj selektora kolorów HTML, aby uzyskać kod heksadecymalny dla koloru, którego chcesz użyć.

.woocommerce div.product .button { background: #000000;}

Zacznij dostosowywać swoje strony produktów

WooCommerce jest wszystkim o elastyczności i możliwości dostosowania, dlatego zapewnia wszystkie narzędzia, których potrzebujesz do edycji projektu i funkcjonalności stron produktów. Dodając pola, filmy, tabele rozmiarów i inne, Twoje strony mogą być tak unikalne, jak produkty, które zawierają.

Zobacz naszą pełną bibliotekę rozszerzeń, aby uzyskać jeszcze więcej opcji.

.