Strona wykorzystuje własne pliki cookies, aby działać prawidłowo. Korzysta też z plików cookies podmiotów trzecich, dostarczających narzędzia analityczne, marketingowe i multimedialne. Do informacji zbieranych w cookies podmiotów trzecich mają dostęp dostawcy tych narzędzi. Czy zgadzasz się na korzystanie z innych niż niezbędne plików cookies zgodnie z polityką prywatności?

Bezpłatna wycenaWycena

Artykuły

Jak dodać produkt z wariantami w WooCommerce? Krok po kroku

· aktualizacja

Autor: Marcin Rynkowski

Produkt z wariantami w WooCommerce dodasz w trzech krokach: zmieniasz typ produktu na „Produkt z wariantami“, w zakładce Atrybuty opisujesz cechy (rozmiar, kolor, długość) i w zakładce Warianty generujesz z nich kombinacje. Każdy wariant dostaje wtedy własną cenę, stan magazynowy i zdjęcie, a klientka wybiera wersję z jednej karty produktu.

W skrócie

  • Otwórz produkt i zmień typ z „Produkt prosty“ na „Produkt z wariantami“ w sekcji Dane produktu.
  • W zakładce Atrybuty dodaj cechy (np. rozmiar, kolor) i zaznacz „Używany do wariantów“.
  • W zakładce Warianty wygeneruj kombinacje - trzy kolory i dwa rozmiary dają sześć wariantów.
  • Każdemu wariantowi ustaw cenę - wariant bez ceny nie da się dodać do koszyka.

Czym różni się atrybut od wariantu?

Atrybut to cecha, a wariant to konkretne połączenie jej wartości - i tu zaczyna się większość zamieszania.

Atrybut to cecha. „Kolor okładki“. „Długość łańcuszka“. Sam atrybut niczego jeszcze nie sprzedaje - jest listą możliwości.

Wariant to konkretne połączenie wartości tych cech. „Kolor: granatowy, Rozmiar: A5“ to jeden wariant. Ma własną cenę, własny stan magazynowy i własne zdjęcie.

Kolejność pracy wynika z tego wprost: najpierw opisujesz atrybuty, dopiero potem WooCommerce robi z nich warianty.

Atrybut globalny czy lokalny - który wybrać?

Atrybut lokalny opisujesz w jednym produkcie, a globalny dodajesz raz dla całego sklepu i wybierasz go potem przy wielu produktach. Zasada praktyczna: jeśli cecha wróci przy kolejnym produkcie, rób ją globalnie.

Lokalnie, wewnątrz jednego produktu. Dobre, gdy cecha występuje raz i nigdzie indziej jej nie użyjesz - na przykład „Rodzaj kamienia“ przy jednym pierścionku z kolekcji.

Globalnie, dla całego sklepu, w menu Produkty → Atrybuty. Dodajesz atrybut raz, a potem wybierasz go przy każdym produkcie z listy. Ma to dwie zalety: nie literujesz „Granatowy“ drugi raz jako „granatowy“ i możesz po takim atrybucie filtrować produkty w sklepie.

Jak dodać produkt z wariantami krok po kroku?

Produkt z wariantami dodasz w trzech krokach: ustawiasz typ produktu, opisujesz atrybuty i generujesz z nich warianty.

Krok 1. Ustaw typ produktu. Otwórz produkt do edycji i zjedź do sekcji „Dane produktu“. Domyślnie stoi tam „Produkt prosty“. Zmień na „Produkt z wariantami“.

Po tej zmianie w bocznych zakładkach pojawi się „Warianty“. Jeszcze jej nie otwieraj.

Krok 2. Dodaj atrybuty. Wejdź w zakładkę Atrybuty. Wybierz atrybut globalny z listy albo dodaj własny. Wpisz wartości - przy atrybucie lokalnym oddzielasz je pionową kreską: S | M | L.

Zaznacz dwa pola:

  • „Widoczny na stronie produktu“ - cecha pokaże się w tabeli szczegółów
  • „Używany do wariantów“ - bez tego WooCommerce nie zrobi z atrybutu wariantów i zakładka Warianty zostanie pusta

Kliknij „Zapisz atrybuty“.

Krok 3. Wygeneruj warianty. Przejdź do zakładki Warianty i użyj przycisku generowania. WooCommerce zestawi ze sobą wszystkie wartości i utworzy komplet kombinacji. Trzy kolory i dwa rozmiary dadzą sześć wariantów.

Możesz też dodawać warianty pojedynczo, jeśli nie wszystkie kombinacje istnieją naprawdę - granatowy notes w A5 może być, a granatowy w A4 już nie.

Jak edytować pojedynczy wariant?

Kliknij wariant, żeby go rozwinąć. Każdy ma własny komplet pól, osobno dla tej wersji:

  • Cena - regularna i promocyjna, osobno dla tego wariantu
  • Stan magazynowy - zaznacz „Zarządzaj stanem magazynowym“ na poziomie wariantu, wtedy każda wersja ma własną liczbę sztuk
  • Zdjęcie - podmienia się na karcie produktu, gdy klientka wybierze ten wariant
  • Waga i wymiary - liczą się do kosztu wysyłki
  • SKU - własny kod, przydaje się przy liczeniu stanów

Wariant bez ceny nie jest do kupienia. WooCommerce go po prostu nie pokaże jako dostępnego, a Ty zobaczysz produkt, którego nie da się dodać do koszyka. To najczęstszy powód telefonu „sklep się zepsuł“.

Druga rzecz, która zaskakuje: gdy warianty mają różne ceny, na liście produktów pojawia się widełkowe „od 89,00 zł“. Jeśli tego nie chcesz, ceny muszą być równe.

Jak zmienić wiele wariantów naraz?

Wiele wariantów zmienisz jednym ruchem przez akcje zbiorowe nad listą wariantów - ustawiają cenę, stan magazynowy albo wymiary dla wszystkich wariantów naraz. Przy dwunastu wariantach ręczne klikanie w każdy to godzina roboty; akcją zbiorową podnosisz też ceny procentowo, bez liczenia w kalkulatorze.

Po każdej zbiorczej zmianie warto rozwinąć jeden wariant i sprawdzić, czy weszła tam, gdzie miała.

Nie chcesz ustawiać wariantów sam?

Tyle wystarczy, żeby produkty wielowariantowe działały w sklepie. Sama mechanika jest prosta - schody zaczynają się przy kilkunastu wariantach, cenach widełkowych i wariantach, które klientka widzi, ale nie może dodać do koszyka. Robię sklepy WooCommerce od projektu po wdrożenie: układam atrybuty, generuję warianty i oddaję sklep, w którym każda wersja ma cenę, stan i zdjęcie na swoim miejscu. Napisz do mnie, a powiem, co obejmie Twój projekt.