Warianty produktu WooCommerce brzmią niewinnie. Dodajesz kolor, rozmiar, może jeszcze pojemność i gotowe. Tyle że po chwili karta produktu zaczyna przypominać mały labirynt: jedna cena tu, drugi stan magazynowy tam, a klient nie wie, czy właśnie wybrał czerwony M, czy czerwony „chyba M”.
Da się to uporządkować bez czarów i grzebania na oślep. Trzeba rozdzielić cztery rzeczy: atrybuty, konkretne warianty, dane sprzedażowe oraz test z perspektywy kupującego. W tym poradniku przejdziemy przez produkt wariantowy WooCommerce od decyzji „jeden produkt czy kilka?” aż po koszyk i zamówienie. Konkretnie, bez korpomowy i bez udawania, że każdy motyw pokaże wszystko identycznie.
Wariant czy osobny produkt? Najpierw ogarnij tę decyzję
Produkt prosty pasuje do pojedynczego produktu bez wariantów. Jeśli sprzedajesz jedną wersję rzeczy i klient nie musi nic wybierać, nie ma sensu budować konstrukcji jak z klocków, kiedy wystarczy jeden klocek.
Produkt wariantowy WooCommerce służy do oferowania jednego produktu w kilku wersjach. Klasyczny przykład to koszulka dostępna w różnych kolorach i rozmiarach. Wspólna karta produktu ma wtedy sens, a poszczególne wersje mogą mieć własne ceny, SKU, zdjęcia i stany magazynowe.
Szybka reguła decyzji
Wybierz warianty, gdy klient kupuje zasadniczo ten sam produkt, tylko wybiera opcję. Wspólna oferta, podobny opis i podobny sposób prezentacji przemawiają za jednym produktem. Osobne produkty można rozważyć wtedy, gdy wersje mają różne opisy, inne zastosowania, zupełnie inną prezentację albo powinny niezależnie pojawiać się w katalogu i filtrowaniu.
To praktyczna reguła organizacyjna, nie sztywne wymaganie WooCommerce. Najważniejsze pytanie brzmi: czy klient ma oglądać jedną kartę i wybrać wersję, czy kilka niezależnych ofert?
Atrybut to jeszcze nie wariant
Tu często zaczyna się bałagan. Atrybut opisuje możliwe opcje, ale sam w sobie nie jest jeszcze wersją produktu. Atrybut składa się z nazwy oraz dostępnych wartości. „Rozmiar” może mieć wartości S, M, L i XL. „Kolor” może mieć wartości czerwony, niebieski i czarny.
Atrybuty mogą służyć do budowania wariantów, ale mogą też pomagać w filtrowaniu produktów. Dlatego warto nazwać je jasno i pilnować spójności. Jeśli raz używasz „Czerwony”, a innym razem „czerwone”, sklep zaczyna mówić dwoma głosami.
Kolor, rozmiar i konkretna kombinacja
„Kolor” i „Rozmiar” to atrybuty. „Czerwony” i „M” to wartości tych atrybutów. Dopiero „Czerwony + M” jest konkretnym wariantem, który klient może wybrać i kupić.
To ważne, bo właśnie do wariantu przypisujesz dane sprzedażowe. Samo dodanie kolorów i rozmiarów nie ustawi jeszcze właściwej ceny ani stanu dla każdej kombinacji. Atrybut mówi: „takie opcje istnieją”. Wariant mówi: „ta konkretna opcja jest dostępna w tej cenie i z tym stanem”.
Globalnie czy tylko w jednym produkcie?
Atrybut możesz utworzyć globalnie dla całego sklepu albo tylko dla jednego produktu. Globalne atrybuty przydają się, gdy te same opcje wracają w wielu miejscach. Ułatwiają późniejsze aktualizacje i ponowne wykorzystanie tych samych wartości.
Atrybut przypisany tylko do jednego produktu zostaje lokalny. To rozsądne, gdy dana opcja występuje wyłącznie w jednej ofercie. Niezależnie od wyboru pilnuj kolejności i nazewnictwa. Porządek w panelu zwykle oznacza mniej niespodzianek na stronie.
Tworzenie wariantów bez produkowania potworka
Konfigurację zacznij od dodania atrybutów i ich wartości. Następnie zaznacz, że mają być używane do wariantów. Dopiero wtedy WooCommerce może wykorzystać je do tworzenia konkretnych kombinacji.
Warianty możesz dodawać ręcznie albo wygenerować wszystkie możliwe kombinacje. Automatyczne generowanie brzmi wygodnie, ale nie oznacza, że każda kombinacja faktycznie istnieje w sprzedaży. Jeśli masz trzy kolory i cztery rozmiary, system może stworzyć zestawy, których realnie nie oferujesz. Usuń więc niepotrzebne wersje, zamiast zostawiać klientowi wybór widma.
Krok po kroku: od atrybutu do wariantu
- Dodaj atrybuty, na przykład „Kolor” i „Rozmiar”, oraz ich wartości.
- Włącz użycie tych atrybutów do wariantów.
- Wybierz ręczne dodawanie wariantów albo wygenerowanie możliwych kombinacji.
- Usuń wersje, których faktycznie nie ma w sprzedaży.
- Sprawdź kolejność opcji i zapisz dane konkretnych wariantów.
Przed większą zmianą wariantów warto wykonać kopię zapasową i, jeśli to możliwe, sprawdzić pracę na środowisku testowym. Po zmianie atrybutów istniejące kombinacje mogą wymagać ponownego zdefiniowania.
Dlaczego kolejność ma znaczenie?
Kolejność atrybutów wpływa na kolejność pól wyboru na stronie produktu. Jeśli klient najpierw powinien wybrać kolor, a dopiero potem rozmiar, ustaw to właśnie w takiej kolejności. Kolejność wartości atrybutu może z kolei wpływać na ich prezentację w sklepie.
To drobiazg, ale drobiazgi potrafią robić bałagan. Zanim zaczniesz poprawiać wygląd, ustal logiczny układ opcji. Potem sprawdź go na stronie produktu, nie tylko w panelu.
Ceny, SKU i stany magazynowe dla każdej wersji
Każdy wariant może mieć własną cenę, SKU oraz inne dane. Dlatego po utworzeniu kombinacji otwórz właściwy wariant i ustaw dane właśnie tam. Nie kończ konfiguracji na dodaniu atrybutu. Kolor nie jest jeszcze produktem do wysłania. Konkretna kombinacja, na przykład „Czerwony + M”, już nim jest.
Cena i SKU nie należą do samego koloru
Jeśli jedna wersja kosztuje inaczej niż druga, przypisz cenę do konkretnego wariantu. Tak samo postępuj z SKU. Przed zapisaniem sprawdź, czy edytujesz właściwą kombinację, a nie tylko pierwszy wariant z listy. Dobrze jest przejść po wariantach po kolei i porównać ich dane z tym, co ma widzieć klient.
Ta sama zasada dotyczy zdjęć, dostępności i pozostałych danych wariantu. Warianty produktu w sklepie nie powinny być tylko kolorowymi etykietami. Każdy ma mieć sens jako konkretna wersja oferty.
Dwa sposoby pilnowania zapasu
Stan magazynowy może być kontrolowany na poziomie konkretnego wariantu. To rozwiązanie przydatne wtedy, gdy czerwony M ma inny zapas niż niebieski L. Możesz też korzystać ze stanu produktu nadrzędnego. Wariant bez własnego zarządzania stanem może korzystać ze wspólnego zapasu, jeśli zarządzanie jest włączone na poziomie produktu nadrzędnego.
Nie mieszaj tych sposobów bez sprawdzenia, jaki efekt chcesz uzyskać. Po zmianie stanu zobacz na stronie, czy właściwa kombinacja jest dostępna. Sprawdź również wariant niedostępny oraz zachowanie zamówień oczekujących zgodnie z konfiguracją sklepu.
Zdjęcia i wybór opcji oczami klienta
Klient nie widzi panelu administracyjnego. Widzi pola wyboru atrybutów i efekt swoich kliknięć. Po wybraniu poprawnej kombinacji WooCommerce może pokazać dane przypisanego wariantu, w tym cenę, dostępność i zdjęcie.
Jeśli wariant ma własne zdjęcia, główne zdjęcie oraz galeria produktu mogą przełączyć się na obrazy tej wersji. Po wyczyszczeniu wyboru może wrócić galeria produktu nadrzędnego. To właśnie trzeba sprawdzić na faktycznej karcie produktu.
Co powinno się zmienić po wyborze?
- Wybrana cena powinna odpowiadać konkretnej kombinacji.
- Dostępność powinna zgadzać się ze stanem tego wariantu.
- Zdjęcie lub galeria powinny pokazywać wybraną wersję, jeśli przypisano jej własne obrazy.
- Po wyczyszczeniu wyboru warto sprawdzić powrót do galerii produktu nadrzędnego.
Domyślnie opcje mogą być prezentowane jako listy rozwijane. Próbki kolorów albo zdjęcia zależą od używanej konfiguracji sklepu. Motyw, edytor i rozszerzenia mogą zmieniać wygląd pól, komunikaty o niedostępności oraz zachowanie galerii. Nie zakładaj więc, że każda strona WooCommerce wygląda tak samo.
Checklista testu: kliknij wszystko, zanim zrobi to klient
Najlepszy test robisz jako klient. Nie wystarczy spojrzeć w panel i uznać, że wszystko wygląda pięknie. Wejdź na stronę produktu i przejdź przez każdą istotną kombinację, na przykład kolor plus rozmiar.
Test jednej kombinacji od początku do końca
- Wybierz wszystkie wymagane opcje.
- Sprawdź cenę, zdjęcie, SKU albo informację o dostępności.
- Dodaj wybrany wariant do koszyka.
- Sprawdź, czy w koszyku nadal widnieje właściwy kolor i rozmiar.
- Przejdź dalej i potwierdź dane wariantu w zamówieniu.
Jeśli po drodze znika wybrana opcja, cena się nie zgadza albo zdjęcie zostaje przypadkowe, wróć do danych konkretnego wariantu. Problem często nie leży w samym atrybucie, tylko w przypisaniu informacji do niewłaściwej kombinacji.
Lista przypadków, których nie warto pomijać
- Kombinacja niedostępna lub wyprzedana.
- Wariant z inną ceną niż pozostałe.
- Wariant z własnym zdjęciem.
- Próba zakupu bez wybrania wszystkich wymaganych opcji.
- Sprawdzenie wybranej wersji w koszyku i danych zamówienia.
Szczegółowe komunikaty oraz wygląd elementów mogą zależeć od motywu i rozszerzeń. Dlatego testuj realną stronę, a nie wyobrażenie o niej.
Najczęstsze błędy i szybkie poprawki
Najczęstszy błąd to pozostawienie wszystkich automatycznie wygenerowanych kombinacji, nawet tych, których sklep nie sprzedaje. Drugi: przekonanie, że sam atrybut tworzy gotowy wariant. Nie tworzy. Trzeci: ustawienie stanu na innym poziomie niż ten, który faktycznie chcesz kontrolować.
Do tego dochodzą zmiany atrybutów po utworzeniu wariantów. Po takiej edycji trzeba ponownie sprawdzić, czy kombinacje nadal są poprawnie przypisane. Nie pomijaj też testu w koszyku i danych zamówienia. Produkt może wyglądać poprawnie na karcie, a zgubić szczegóły chwilę później.
Mini-checklista przed publikacją produktu
- Atrybuty mają jasne nazwy i uporządkowane wartości.
- Istnieją tylko kombinacje, które faktycznie są w sprzedaży.
- Każdy wariant ma właściwą cenę i dostępność.
- SKU oraz zdjęcie są przypisane tam, gdzie trzeba.
- Zakup działa z perspektywy klienta, włącznie z koszykiem i zamówieniem.
Przy większych zmianach wykonaj kopię zapasową i, jeśli to możliwe, pracuj najpierw na środowisku testowym. Po zmianie atrybutów, cen albo stanów powtórz najważniejsze testy.
Najprostsza zasada jest taka: najpierw zdecyduj, czy wersje należą do jednego produktu. Potem rozdziel atrybuty od wariantów, przypisz cenę, SKU, zdjęcie i stan do właściwej kombinacji, a na końcu przejdź całą ścieżkę zakupową oczami klienta. Warianty produktu WooCommerce są wygodne, ale tylko wtedy, gdy katalog nie przypomina szuflady z kablami. Pamiętaj też, że wygląd i komunikaty mogą zależeć od motywu, edytora, wtyczek i wersji WooCommerce. Napisz do Szwagra i opowiedz, czego potrzebujesz — strony, grafiki, filmu albo tekstów.
