Jak dodać produkt, zdjęcia do galerii i produkt powiązany w WooCommerce

Przed otwarciem edytora zbierz dane, które wpływają na zakup, dostawę i wyszukiwanie produktu. WooCommerce pozwala utworzyć produkt z nazwą i ceną, ale stan magazynowy, warianty, opis i zdjęcia wymagają osobnych decyzji.

SKU to unikalny identyfikator produktu używany do wyszukiwania i kontroli asortymentu. Dla produktu wariantowego zaplanuj osobne SKU, cenę, stan i zdjęcie dla każdej odmiany, jeśli różnią się między sobą. Dla produktu fizycznego sprawdź wagę, wymiary i klasę wysyłkową; dla wirtualnego lub do pobrania ustaw odpowiedni typ.

Tabela odpowiada na pytanie, jakie dane przygotować przed dodaniem produktu i kiedy je uzupełnić. Nie każde pole jest potrzebne dla każdego rodzaju produktu.

WooCommerce ustawia jednostki w ustawieniach produktów, dlatego porównaj je z danymi od dostawcy i przewoźnika. Przygotuj prawa do zdjęć oraz tekst alternatywny opisujący istotną treść obrazu. Plan ujęć i kontrolę jakości omawiamy w poradniku o zdjęciach produktów do sklepu.

Nowy produkt dodasz z poziomu Produkty > Dodaj nowy w kokpicie WordPressa. Nazwa i cena wystarczą do utworzenia prostego produktu, ale przed publikacją uzupełnij informacje potrzebne klientowi i obsłudze sklepu.

1. Wpisz nazwę produktu w polu tytułu.
2. Dodaj opis główny oraz krótki opis, jeśli motyw wyświetla go osobno.
3. W panelu Dane produktu wybierz typ, na przykład Produkt prosty albo Produkt wariantowy.
4. Uzupełnij zakładki Ogólne, Magazyn, Wysyłka, Atrybuty lub Warianty zależnie od typu produktu.
5. Wybierz kategorię i dodaj tagi, jeśli sklep ich używa.
6. Ustaw obraz produktu i zdjęcia galerii w prawej kolumnie edytora.
7. Sprawdź widoczność katalogu, status publikacji i podgląd przed wyborem Opublikuj.

Produkt prosty sprzedaje jedną wersję bez wyboru wariantu. Produkt wariantowy łączy odmiany, takie jak rozmiar lub kolor, a każda wariacja może mieć własne ustawienia. Produkt wirtualny nie wymaga wysyłki, a produkt do pobrania udostępnia plik po zakupie.

Jeśli edytor nie pokazuje któregoś panelu, sprawdź preferencje edytora, ustawienia ekranu oraz rolę użytkownika WordPressa. Motyw albo rozszerzenie może zmienić dostępne panele. Typy i dane produktu opisujemy w przewodniku produkt WooCommerce: typ, warianty i lista kontroli.

Przy uruchamianiu nowego kanału sprzedaży sklep internetowy na WooCommerce z uporządkowanym katalogiem powinien uwzględniać sposób obsługi produktów, wysyłek i płatności.

Cenę, SKU i dostępność ustawisz w sekcjach Ogólne oraz Magazyn w panelu Dane produktu. Widoczność pól może różnić się zależnie od typu produktu i ustawień zarządzania stanem.

Cena regularna jest podstawową ceną sprzedaży. Cenę promocyjną wpisz, gdy produkt ma być czasowo oferowany taniej; sprawdź także harmonogram promocji, jeśli sklep korzysta z dat rozpoczęcia i zakończenia. SKU powinno być unikalne w katalogu, a identyfikatory wariacji powinny pozwalać odróżnić odmiany.

Tabela wyjaśnia, co kontrolują pola ceny i magazynu oraz jakie pomyłki wpływają na widok lub obsługę zamówienia.

Jeśli sklep ma zarządzać liczbą sztuk, włącz zarządzanie stanem i wpisz ilość. Jeśli stan jest kontrolowany poza WooCommerce, ustaw dostępność ręcznie i ustal, kto aktualizuje ją po sprzedaży. Dla produktu wariantowego sprawdź stan każdej wariacji, gdy odmiany mają różne zapasy.

Zapisz produkt i otwórz stronę sklepu w oknie prywatnym. Sprawdź, czy cena, etykieta dostępności i możliwość dodania do koszyka odpowiadają ustawieniom panelu. Przy rozbieżności skontroluj reguły podatkowe, pamięć podręczną i rozszerzenia zmieniające ceny.

Obraz produktu ustawisz w panelu Obraz produktu, a dodatkowe ujęcia dodasz w panelu Galeria produktu po prawej stronie edytora. Obraz produktu pełni funkcję głównej fotografii, natomiast galeria pokazuje pozostałe zdjęcia na karcie.

1. Wybierz Ustaw obraz produktu.
2. Wskaż plik z biblioteki mediów albo prześlij nowe zdjęcie.
3. W panelu galerii wybierz Dodaj zdjęcia galerii produktu i zaznacz dodatkowe ujęcia.
4. Zatwierdź wybór i przeciągnij miniatury, aby zmienić kolejność.
5. Zapisz produkt przez Opublikuj lub Aktualizuj.

WooCommerce zaleca obrazy o rozmiarze co najmniej 800 x 800 pikseli. Motyw i ustawienia szablonu mogą zmienić sposób wyświetlania zdjęć. Obraz produktu jest pierwszym elementem galerii na karcie, więc nie dodawaj go ponownie jako osobnego zdjęcia galerii. Sprawdź ostrość, kadr, tło i to, czy zdjęcie pokazuje cechę opisaną w tekście.

Tekst alternatywny wpisz w bibliotece mediów, opisując to, co widać i co pomaga zrozumieć produkt. Nie wypełniaj go listą słów kluczowych. Przy wariantach kolorystycznych pokaż każdy wariant na zdjęciu i sprawdź, czy wybór koloru podmienia obraz.

Jeśli galeria jest pusta albo wygląda inaczej niż w edytorze, sprawdź szablon produktu w Wygląd > Edytor lub wsparcie motywu dla galerii WooCommerce. Więcej o przygotowaniu materiału wizualnego opisujemy w poradniku zdjęcia produktów e-commerce od sesji do galerii.

Kategoria grupuje produkty w katalogu, atrybut opisuje cechę, według której klient może je porównywać lub wybierać wariant. Rozmiar, kolor i materiał zwykle są atrybutami; dział sklepu albo typ asortymentu częściej stanowi kategorię.

W edytorze produktu zaznacz kategorię w panelu Kategorie produktów. Jeśli brakuje odpowiedniej kategorii, dodaj ją przez Produkty > Kategorie i wybierz kategorię nadrzędną, gdy sklep ma strukturę wielopoziomową. Nie twórz wielu niemal identycznych kategorii, które niepotrzebnie rozdzielą produkty.

Atrybut produktu ustaw w Dane produktu > Atrybuty. Wpisz nazwę i wartości albo wybierz atrybut globalny, jeśli ta sama cecha ma być używana w wielu produktach. W produkcie wariantowym zaznacz opcję użycia atrybutu do wariantów, zapisz atrybuty, a następnie dodaj wariacje.

Tabela ułatwia wybór między kategorią, atrybutem i tagiem produktu.

Po zapisaniu sprawdź stronę kategorii, filtry i kartę produktu. Atrybut widoczny w opisie nie tworzy automatycznie wariantu; produkt wariantowy wymaga przypisania wartości do konkretnych wariacji i zapisania ich.

Upsell promuje produkt alternatywny o wyższej wartości lub lepszym dopasowaniu, a cross-sell pokazuje produkt uzupełniający. Powiązania ustawisz w Dane produktu > Produkty powiązane, wyszukując produkty w polach Up-sells i Cross-sells.

Tabela porównuje rodzaje powiązań według celu i miejsca prezentacji. Wyświetlenie zależy od motywu i układu sklepu, dlatego sprawdź efekt na karcie produktu i w koszyku.

Wybieraj produkty, które odpowiadają na potrzebę klienta i są dostępne do zakupu. Nie dodawaj przypadkowych propozycji tylko po to, aby wypełnić sekcję. Jeśli relacja ma być automatyczna dla całego katalogu albo zależeć od reguł, sprawdź, czy używana wtyczka rozszerza standardowe powiązania WooCommerce.

Zapisz produkt i przejdź przez zakup testowy. Sprawdź, czy upsell prowadzi do właściwej karty, a cross-sell pojawia się w koszyku w przewidzianym miejscu. W razie potrzeby zmień przypisania albo skontroluj ustawienia szablonu.

Produkt wariantowy utworzysz przez przypisanie atrybutów do wariantów, a następnie ustawienie ceny, dostępności i innych danych dla każdej odmiany. Ten typ wykorzystaj, gdy klient kupuje ten sam produkt w różnych rozmiarach, kolorach albo konfiguracjach.

1. Wybierz Produkt wariantowy w panelu Dane produktu.
2. W zakładce Atrybuty dodaj cechy i dostępne wartości.
3. Zaznacz użycie atrybutu do wariantów i zapisz atrybuty.
4. W zakładce Warianty dodaj wariacje ręcznie albo utwórz je na podstawie wybranych wartości.
5. Dla każdej wariacji ustaw wymagane dane, takie jak cena, SKU, stan i zdjęcie.
6. Zapisz zmiany i sprawdź wybór każdej odmiany na stronie produktu.

Nie każda kombinacja wartości musi być oferowana. Usuń warianty, których firma nie sprzedaje, i nie publikuj odmiany bez ceny, jeśli klient ma móc dodać ją do koszyka. Przy wielu kombinacjach przygotuj macierz wariantów i sprawdź, czy nazwy w selektorach są czytelne.

Testuj przypadki brzegowe: brak dostępności jednej odmiany, zmianę koloru po wyborze rozmiaru oraz wariant z innym zdjęciem. Jeśli sklep ma niestandardową kartę produktu, sprawdź ją po stronie klienta, bo motyw lub rozszerzenie może zmieniać prezentację selektorów.

Dodatkowe zasady porządkowania danych opisujemy w poradniku o konfiguracji produktów w sklepie i odbiorze karty.

Kartę produktu sprawdzisz poprawnie po zapisaniu jej i otwarciu w widoku klienta. Podgląd edytora nie zawsze pokazuje zachowanie motywu, galerii, wariantów i koszyka.

Checklista odbioru karty

• Sprawdź nazwę, opis, cenę regularną i promocyjną.
• Potwierdź kategorię, widoczność w katalogu i status publikacji.
• Otwórz obraz główny oraz każdą miniaturę galerii.
• Zmień kolejność zdjęć i sprawdź, czy pierwsze ujęcie jest właściwe.
• Wybierz każdą wariację i sprawdź cenę, SKU, stan oraz zdjęcie.
• Dodaj produkt do koszyka, zmień ilość i sprawdź podsumowanie.
• Sprawdź na telefonie, czy selektory i galeria są wygodne w obsłudze.
• Potwierdź, że upsell i cross-sell pokazują właściwe produkty.

Jeśli zdjęcie nie wyświetla się po zapisaniu, sprawdź, czy produkt ma ustawiony obraz główny, galeria zawiera dodatkowe pliki i zmiany zostały zapisane. Rozmyte miniatury mogą wynikać z ustawień rozmiaru obrazu albo jakości pliku źródłowego; motyw może też nadpisywać ustawienia wymiarów.

Przy zmianie istniejącego katalogu przetestuj import lub masową edycję na ograniczonej grupie produktów. Gdy konfiguracja produktów wymaga naprawy albo aktualizacji, pomoc techniczna WooCommerce może objąć diagnozę i korektę działania sklepu. Jeśli potrzebujesz nowego sklepu z uporządkowanymi kartami, projekt i budowa sklepu internetowego WooCommerce obejmują zaplanowanie katalogu oraz procesu zakupowego.

• Jak wyświetlić kolekcję produktów na stronie głównej sklepu WooCommerce
• Jak dodać atrybuty do wybranego produktu w WooCommerce bez zmiany całego katalogu
• Ile produktów wyświetlać na stronie sklepu WooCommerce?
• Dynamiczna wycena w WooCommerce: jak ją zaplanować i wdrożyć?