WooCommerce – Stel product varianten in: Variabele producten, categorieën & Co.

Vorige week legde ik de basis uit van WordPress en WooCommerce in combinatie. Hiermee kunt u gemakkelijk en ongecompliceerd uw eigen online winkel opzetten. Deel 2: Productbeheer en variaties.

WooCommerce – variabele producten

We hebben reeds een kijkje genomen in het Dashboard > WooCommerce en een paar instellingen gemaakt m.b.t. landen, talen, belastingtarieven en betaalmethodes. Nu willen we een stap verder gaan en producten maken!

WooCommerce Anleitung - Einfache & variable Produkte

Het maken van producten is relatief eenvoudig. In principe werkt het zoals elke post of pagina die u aanmaakt in WordPress. Vergelijkbaar met trefwoorden of categorieën in pagina’s, creëert u ook specifieke producten met specifieke kenmerken. Eerst zullen we echter de productcategorieën bekijken:

Categorieën maken

De categorieën zijn zeer nuttig en snel uitgelegd: broeken, T-shirts, jassen, enz. Opdat u uw klanten geen ongesorteerde online winkel zou presenteren, definiëren wij eerst categorieën. In het voorbeeld (screenshot), zijn dit shorts en sokken.

WooCommerce Anleitung - Einfache & variable Produkte

Eenvoudige producten

WooCommerce Anleitung - Einfache & variable Produkte

Aan het begin moeten gewoonlijk de volgende punten worden ingevuld:

  • Naam van het product
  • Beschrijving van het product
  • Productcategorieën
  • Trefwoorden van het product
  • Artikel afbeelding

In de tweede stap komen we pas bij de productgegevens. In het tabblad “Algemeen” stelt u het artikelnummer en de prijs in. Als u alles al hebt ingesteld in ‘Deel 1: …’, is informatie zoals de BTW-klasse al ingesteld.

WooCommerce Anleitung - Einfache & variable Produkte

Natuurlijk kunt u verdere details definiëren in “voorraad” of “verzending”. Deze zijn echter zeer individueel, afhankelijk van het bedrijf, de goederendoorvoer en het bedrijfsmodel. Later kunnen artikelen worden toegevoegd onder “gekoppelde producten”, die dan extra worden aanbevolen onder het product. Nadat alle gegevens zijn ingevoerd, kunnen we ons product ‘opslaan’ (rechtsboven). Een “Preview” is ook al mogelijk.

TIP! Als u een aankoopnota voor uw klanten aan individuele producten wilt toevoegen, vindt u een klein tekstveld in het tabblad ‘uitgebreid’.

Productvarianten

Nu wordt het spannend! Eén enkel product kan volstaan, maar de meesten onder u zullen een selectie nodig hebben! In het voorbeeld (screenshot) ziet u onze boxershorts. Wij willen ze aanbieden in drie maten en drie kleuren. Daarom maken wij van een “eenvoudig product” een “variabel product”.

WooCommerce Anleitung - Einfache & variable Produkte

Kies variabel product

Zodra u “Varibale product” hebt gekozen, verandert het uiterlijk een beetje. Zo verdwijnt bijvoorbeeld het invoerveld voor de prijs! Maar dat is niet erg, want je hebt nu variabele, dat wil zeggen verschillende producten.

WooCommerce Anleitung - Einfache & variable Produkte

Dit is het punt waar veel mensen afhaken, want hier begint de kunst van het content management. Gelukkig hebben we met WordPress + WooCommerce een prachtig open source systeem dat alles bijna als bij toverslag laat gebeuren.

Maak variaties

Eerst bepalen we de “eigenschappen” die ons variabel product moet hebben. Klik daartoe eenmaal op het tabblad “Eigenschappen”. Er staat geen informatie in het nieuwe veld, dus u drukt op ‘Toevoegen’. Nu bepaal jij wat we gaan onderscheiden. In het voorbeeld is dat maat (S, M en L). De individuele waarden voor grootte staan aan de rechterkant van het veld (screenshot). Het is belangrijk dat de variabelen gescheiden worden door de lange verticale lijn | (Ctrl + Alt + <> toets). Ook heel belangrijk, zoals in de schermafbeelding, vink de vakjes “Zichtbaar op productpagina” en “Gebruikt voor variaties” aan.

Bevestig uw invoer met “Eigenschappen opslaan”.

WooCommerce Anleitung - Einfache & variable ProdukteWooCommerce Anleitung - Einfache & variable Produkte

Set variaties

Nu de producteigenschappen zijn aangemaakt, kunnen we de variaties instellen. Ga hiervoor naar het tabblad “Variaties” en koppel de variaties aan elkaar. Om dit te doen, hoeft u alleen maar op “Link alle variaties” te drukken. Een pop-up zal openen, bevestig dit (dit zal alle variaties linken). Daarna verschijnt de bevestiging dat alles is toegevoegd.

WooCommerce Anleitung - Einfache & variable Produkte

Individuele variatines bewerken

Nu heeft WordPress + WooCommerce automatisch alle variaties voor u aangemaakt (volgende screenshot). De laatste stap bestaat erin deze variaties afzonderlijk te beschrijven. Dit is belangrijk voor uw winkel, zodat u later kunt zeggen dat er nog tien blauwe hemden zijn, maar slechts twee rode.

WooCommerce Anleitung - Einfache & variable Produkte

U hebt nu een artikel dat in drie varianten verkrijgbaar is (in het voorbeeld: maat S, M en L). Voor elke afzonderlijke variatie kunnen (moeten) wij nu afzonderlijke voorraadniveaus, prijzen (verplicht vanwege de variatie) of ook gewichts- of meetgegevens opgeven. Natuurlijk ook afzonderlijke productafbeeldingen (bv. als de kleur verschilt). In deze blogpost beperken we ons tot het artikelnummer en de prijs (screenshot).

WooCommerce Anleitung - Einfache & variable Produkte

Alles klaar? Alles gegeched? Dan kunt u ofwel uw product preview bekijken of uw product direct publiceren. Natuurlijk hebt u de mogelijkheid om nog meer variaties te maken. U kunt een product maken en het individueel ontwerpen volgens grootte, kleur, enz.

WooCommerce Anleitung - Einfache & variable Produkte