...

Dodawanie i edycja produktów w sklepie na WordPress Woocommerce

dodawanie produktów sklepie na woocommerce

Dodawanie produktów w sklepie na WordPress Woocommerce

W naszej serii poświęconej budowie sklepu internetowego na Woocommerce czas na dodanie najważniejszych rzeczy w Twoim sklepie internetowym – Twoich produktów.

Aby to zrobić przejdź do zakładki „Produkty-dodaj nowy”:

Dodawanie produktów w sklepie na woocommerce

Gdy to zrobisz otworzy Ci się obszar dodawania produktu, gdzie uzupełniamy wszystkie pola. Zanim to zrobimy zobacz jak wygląda poniżej standardowa strona produktu. Zaznaczyłem na poniższej grafice wszystkie elementy, które są widoczne na stronie produktu, abyś podczas dodawania swojego produktu wiedział co i w którym miejscu pojawi się na stronie produktu. Widoczność niektórych jak np. widok kategorii można dezaktywować. Ale o tym później:

Strona produktu w sklepie na WordPress Woocommerce

strona produktu w sklepie na woocommerce

Mój Kurs WordPress + Woocommerce

Pierwsza darmowa lekcja!

Nie masz jeszcze strony www lub sklepu internetowego?! Zapraszam Cię na jazdę próbną . Pierwsza darmowa lekcja mojego kursu WordPress.

Zostaw poniżej swój najlepszy adres email, a ja od razu wyślę Ci dostęp do pierwsze lekcji.

To najwyżej oceniany kurs WordPress w Polsce.

Elementy na stronie produktu w sklepie na Woocommerce

  1. Kategoria produktu
  2. Tytuł produktu
  3. Cena
  4. Krótki opis
  5. Przycisk „Dodaj do koszyka”
  6. Tzw. „Meta
  7. Opis produktu
  8. Obrazek wyróżniający

A teraz dodajmy nasz pierwszy produkt, gdzie uzupełnimy powyższe pola w następujących miejscach:

dodawanie i edycja produktu w sklepie na woocommerce

Uwagi. Jeśli w Twoim sklepie będą rozbudowane kategorie oraz podkategorie (a nawet podkategorie – podkategorii na razie nie musisz uzupełniać pola z kategorią, Później pokażę Ci jak tworzyć „drzewo” kategorii.

Obraz wyróżniający produktu.

Pkt. 8 to dodanie obrazka wyróżniającego produktu – pamiętaj aby był on w kwadracie w rozmiarze min 900×900 px. Oczywiście zdjęcie produktu (jak i każde zdjęcie na stronie internetowej) należy przed dodaniem skompresować, by nie było zbyt ciężkie. W tym celu polecam Ci świetne darmowe narzędzie online do optymalizacji grafik na stronę www.easy-resize.com Na grafice poniżej zaznaczyłem przykładowe ustawienia dla zdjęcia wyróżniającego produktu:

Optymalizacja zdjęć / grafik na stronie

optymalizacja i kompresja zdjęć na stronie

Oprócz obrazka wyróżniającego możesz również dodać więcej zdjęć Twojego produktu tworząc galerię produktu. Aby dodać galerię dodaj zdjęcia pod obrazkiem wyróżniającym:

galeria produktu w sklepie na woocommerce

Tworzenie produktu z wariantami

Domyślnie jeśli dodajemy produkt w sklepie na Woocommerce ustawiony jest on jako produkt prosty. A co w sytuacji gdy prowadzimy sprzedaż produktów w wariantach, np. buty w różnych rozmiarach? Już tłumaczę należy stworzyć produkt z wariantami.

             W pierwszym kroku, aby to zrobić należy w edycji produktu ustawić opcję właśnie „Produkt z wariantami”:

produkt z wariantami

Atrybuty w sklepie na Woocommerce

            Następnie należy utworzyć warianty;  przechodzimy do zakładki „Atrybuty” w danych produktu i klikamy „Dodaj”. Następnie wprowadzamy nazwę wariantu np. Rozmiar i wpisujemy dostępne warianty dzieląc je znakiem ”|”. Przed zapisaniem atrybutu koniecznie należy zaznaczyć opcję „Dla wariantów”:

atrybuty w sklepie na woocommerce

Oczywiście dla produktu możemy dodać kilka atrybutów np. rozmiar, kolor itp.

W kolejnym kroku tworzenia produktu z wariantami przechodzimy do zakładki „Warianty” i wybieramy opcje „Utwórz warianty z wszystkich atrybutów” i klikamy przycisk „Idź”:

            Następnie potwierdzamy komunikat:

tworzenie wariantów w sklepie na woocommerce

Tworzenie wariantów z atrybutów

Warianty zostały utworzone, teraz należy każdy z wariantów edytować: dodać zdjęcie wyróżniające dla każdego wariantu (nie wymagane) cenę, czy stan magazynowy. Aby wejść w edycję danego wariantu kliknij w # numer wariantu i dodaj informacje o produkcie. Jak wspomniałem możesz zarządzać stanem magazynowym, w tym celu zaznacz opcję „Zarządzać stanem magazynowym”:

edycja wariantów w sklepie na woocommerce

Na stronie produktu dostępne warianty pojawią się w formie rozwijanej listy jak na grafice:

strona produktu woocommerce

Tworzenie produktu cyfrowego / wirtualnego – WordPress Woocommerce

W swoim sklepie internetowym na Woocommerce oprócz produktów fizycznych możesz także sprzedawać produkty cyfrowe np. ebooki do pobrania lub produkty wirtualne np. konsultacje. I też pokażę Ci jak to zrobić, a jest to banalnie proste.

Produkt wirtualny do pobrania. Chcąc utworzyć produkt np. ebooka do pobrania z automatyczną wysyłką na email klienta od razu po zakupie, należy utworzyć „Produkt prosty” i zaznaczyć 2 checkboxy: „wirtualny” oraz „Do pobrania”. W miejscu „Plik do pobrania” klikamy przycisk „Dodaj plik”, aby dodać do biblioteki mediów nasz ebook np. w formacie PDF.

produkt wirtualny / do pobrania w sklepie na woocommerce

            W edycji danych produktu należy jeszcze zaznaczyć jedną opcję; aby nasz produkt cyfrowy sprzedawany był jako 1 szt. W tym celu wejdź w zakładkę „Magazyn” i zaznacz „Włącz, aby umożliwić zakup tylko jednej sztuki w jednym zamówieniu”:

Strona naszego produktu cyfrowego wygląda tak samo jak fizycznego, z tą różnicą, że nie widać ilości produktu:

produkt cyfrowy w sklepie na woocommerce

Produkt wirtualny np. konsultacja. Jeśli chcesz sprzedawać swoje usługi np. płatne konsultacje, to oczywiście możesz również to zrobić w sklepie na Woocommerce. Wystarczy dodać „Prosty produkt” i zaznaczyć tylko opcję „Wirtualny”:

jak sprzedać ebooka na woocommerce

Mój Kurs WordPress

Chcesz nauczyć się Tworzyć strony www samodzielnie? Już jest mój autorski kurs tworzenie stron na WordPress. Prawie 11 godzin praktycznej wiedzy z zakresu tworzenia stron www. Kurs przeznaczony zarówno dla osób początkujących jak i tych, którzy chcą tworzyć strony zawodowo.

Prezent na do widzenia

Ebook: TOP 10 Wtyczek WordPress

Wpisz poniżej swój adres Email:

Udostępnij na Facebook
Udostęnij na Twitter
Udostępnij na Linkedin

Leave a Comment

Twój adres e-mail nie zostanie opublikowany.

Przewiń do góry