Een Variabel Product toevoegen in WooCommerce

Leestijd: 3 minuten

Een variabel product toevoegen, hoe doe ik dat?

Hier leggen we je uit hoe je een variabel product toevoegt aan jouw WooCommerce-webshop. Een variabel product is een product met variaties, oftewel een product waarbij de bezoeker nog één of meerdere opties kan selecteren. Een T-shirt dat in verschillende kleuren en maten beschikbaar is bijvoorbeeld. In deze handleiding zullen we een T-shirt toevoegen dat beschikbaar is in de maten S, M en L en in de kleuren Rood, Zwart en Blauw.

Een variabel product

Volg, om het proces te starten, allereerst de volgende stappen:

  1. Log in in de back-end van je webshop.
  2. Navigeer via het linkermenu naar Producten > Nieuw toevoegen.
    inloggen wordpress
    nieuw product toevoegen woocommerce

    Je bent nu op de juiste plek om een nieuw product toe te voegen. Hier kun je alle nodige informatie invullen. Lees onze handleiding over het toevoegen van simpele producten om te lezen welke informatie je allemaal in kunt/moet vullen.

    Hier gaan we dan alleen in op het toevoegen van eigenschappen en variaties, wat allemaal in het blok Productgegevens gebeurt.

    Omzetten naar een variabel product

    Scrol eerst naar het blok Productgegevens (onder de omschrijving van het product) en selecteer daar het producttype ‘Variabel product’ (door op ‘Simpel product’ te klikken).

    simpel product omzetten variabel product woocommerce

    Eigenschappen toevoegen

    Ga nu naar het tabblad ‘Eigenschappen’. Hier kun je een globale eigenschap die je al eerder hebt aangemaakt (lees hier hoe dat moet) selecteren of een Custom producteigenschap toevoegen. Voor de duidelijkheid gaan we hieronder ons voorbeeld van het T-shirt uitwerken met zowel globale eigenschappen als met custom eigenschappen.

    custom eigenschappen product

    Met globale eigenschappen

    Omdat we de globale eigenschappen ‘Kleur’ en ‘Maat’ al eerder aan hebben gemaakt, kunnen we deze allebei (één voor één) selecteren en toevoegen. De eigenschappen komen er nu onder te staan. Vink ‘Gebruik voor variaties’ aan en ‘Toon op de productpagina’ uit (optioneel). Klik in de witte balk (‘Selecteer termen’) om de termen te selecteren die op dit product van toepassing zijn. Bij ‘Kleur’ selecteren we dus ‘Rood’, ‘Zwart’ en ‘Blauw’, terwijl we bij ‘Maat’ de maten ‘S’, ‘M’ en ‘L’ selecteren. Klik vervolgens op Eigenschappen opslaan.

    globale eigenschappen woocommerce

    Met custom eigenschappen

    Custom eigenschappen werken op eenzelfde manier, maar zijn alleen geldig voor het product waar je ze in aanmaakt. Selecteer ‘Custom producteigenschap’ en klik op ‘Toevoegen’. Geef de eigenschap een naam (in dit geval ‘Kleur’) en vink ‘Gebruik voor variaties’ aan en ‘Toon op de productpagina’ uit (optioneel). Vul bij waarden de mogelijke waarden in en scheid ze met een verticale streep (‘|’). Wat we hier dus uiteindelijk invullen is: ‘Rood | Zwart | Blauw’. Maak ook een custom producteigenschap aan voor de Maat en klik vervolgens op Eigenschappen opslaan.

    custom eigenschappen product

    Variaties aanmaken

    Nu kun je naar het tabblad ‘Variaties’ gaan. Selecteer ‘Variatie toevoegen’ en klik op ‘Ga’. Je hebt nu een variatie aangemaakt. Selecteer welke waarden op deze variatie van toepassing zijn, bijvoorbeeld ‘Rood’ bij de kleur en ‘S’ bij de maat. Ga met de muis over de variatie en klik op het kleine zwarte pijltje (naast ‘Verwijderen’) om de variatie te openen. Nu kun je voor deze unieke variatie allerlei gegevens invoeren, zoals een artikelnummer, een reguliere prijs, een actieprijs, een voorraadstatus en zelfs een eigen productafbeelding (die tevoorschijn komt als mensen deze variatie selecteren). Maak ook de andere variaties op deze manier aan. Klik wanneer je klaar bent onderaan op ‘Wijzigingen opslaan’.

    variaties wordpress product

    Automatisch variaties aanmaken

    Het aanmaken van variaties kan ook een stukje sneller. Je kunt namelijk ook ‘Variaties voor alle eigenschappen toevoegen’ selecteren en op ‘Ga’ klikken. WooCommerce gaat dan kijken welke variaties allemaal mogelijk zijn met de eigenschappen die je hebt ingevuld en maakt ze vervolgens automatisch aan (max. 50 per keer). Dus voor de drie kleuren en drie maten die we hebben ingevoerd, maakt WooCommerce via deze optie automatisch 9 variaties aan (3×3). Vervolgens kun je ze allemaal langslopen en de nodige gegevens invoeren. Klik wanneer je klaar bent onderaan op ‘Wijzigingen opslaan’.

    Variaties waarbij de opties geen invloed hebben op prijs of artikelnummer

    Hebben de opties die jouw klanten kiezen geen effect op het artikelnummer of de prijs van jouw variaties? Oftewel: kunnen ze bijvoorbeeld Rood, Blauw of Zwart kiezen en S, M en L en is de prijs dan altijd gelijk en is er geen specifiek artikelnummer voor de variaties? Dan hoef je bij het aanmaken van de variaties maar 1 variatie aan te maken. Je zet beide opties dan op ‘Iedere [NAAM EIGENSCHAP]…’.

    Publiceren

    Als je alle informatie hebt ingevuld, kun je je product gaan publiceren! Dat doe je door naar het blokje Publiceren (helemaal rechts bovenin) te gaan. Hier kun je ook eerst nog eventueel een voorbeeld bekijken of je kunt het product opslaan als concept. Verder kun je nog wat andere dingen instellen, zoals een publicatiedatum of de zichtbaarheid. Bekijk alle opties eens rustig en klik, wanneer je er klaar voor bent, op de blauwe knop ‘Publiceren’.

    Tip! Bij de ‘Publiceren’-knop zie je ook de optie ‘Kopiëren naar een nieuw concept’ staan. Heb je producten die veel op elkaar lijken? Dan kun je hiervan gebruik maken en met slechts een paar aanpassingen je tweede product al online zetten!

    Gefeliciteerd! Jouw product staat online!

    voorbeeldproduct