Hoe een variabel product toe te voegen in WooCommerce
In mijn vorig artikel ‘Hoe een product toevoegen in Woocommerce‘ heb ik uitgelegd hoe je op een makkelijke manier een product zelf toevoegt in je Woocommerce webshop. In dat artikel heb ik uitgelegd hoe je een simpel product toevoegt. Echter heb je heel vaak te maken met variabele producten. Dit zijn producten waar de bezoeker een keuze dient te maken bij zijn product. Dit kan de kleur, de maat… zijn.
Hieronder volgen stapsgewijze instructies die u kunt volgen om te beginnen met het maken van variabele producten in uw WooCommerce webshop.
Stap 1 – Voeg product eigenschappen toe
Om een WooCommerce-variabel product in te stellen, moeten we eerst eigenschappen definiëren.
- Ga naar Producten > Eigenschappen
- Voer in de sectie ‘Nieuw eigenschap toevoegen‘ aan de linkerkant de naam van uw attribuut in het veld ‘Naam’ in (bijv. ‘Kleur’)
- Klik op ‘Attribuut toevoegen‘

Uw nieuwe kenmerk wordt nu weergegeven in de tabel aan de rechterkant.
- Klik op ‘Voorwaarden instellen’ in de kolom ‘Termen’ van uw kenmerk
- Voer in het formulier ‘Nieuwe kleur toevoegen‘ aan de linkerkant de naam van uw eerste term in (bijv. ‘Rood’)
- Klik op‘ Nieuwe kleur toevoegen ‘
- Blijf herhalen voor elke term totdat je klaar bent

Nu heb je de eigenschappen toegevoegd in je webshop. We kunnen nu ons variabel product gaan toevoegen.
Stap 2 – Selecteer uw producttype en maak uw product
Ik ga je hier specifiek uitleggen hoe je het variabel product moet instellen. De algemene instellingen voor het toevoegen van een product ga ik in dit artikelen niet meer herhalen. Dit kan je lezen in mijn artikel ‘Hoe een product toevoegen in Woocommerce‘.
Als u een WooCommerce-variabel product wilt toevoegen, moet u eerst het producttype instellen op ‘Variabel product’:
- Ga naar Producten > Nieuw toevoegen
- Scrol omlaag naar de pagina naar de sectie ‘Productgegevens‘
- Selecteer Variabel product in de vervolgkeuzelijst productgegevens
Stap 3 – Voeg attributen toe aan uw product
Uw WooCommerce variabele product is ingesteld en is nu klaar voor u om te beginnen met het toevoegen van de eigenschappen die we eerder hebben ingesteld.
Laten we eerst de kenmerken die we eerder hebben ingesteld, aan uw product toevoegen.
- Klik op het tabblad ‘Eigenschappen‘ in de sectie ‘Productgegevens‘.
- Als u eigenschappen toevoegt:
- Selecteer in de vervolgkeuzelijst ‘Aangepast productkenmerk’ een van de kenmerknamen die u hebt gemaakt en klik op ‘Toevoegen’. In mijn voorbeeld Kleur
- Klik op het menu ‘Waarde(s)’ en selecteer eventuele kenmerkwaarden die u wilt weergeven als opties voor het product (u kunt er meer dan één selecteren). Zo kunt u productvariaties toevoegen.

3. Zorg ervoor dat ‘Gebruikt voor variaties’ is aangevinkt voor elk aangepast kenmerk dat u als vervolgkeuzelijst op de productpagina wilt opnemen.
4. Klik vervolgens op ‘Kenmerken opslaan’.
Stap 4 – Voeg WooCommerce-variaties toe aan uw product
Het is belangrijk om ervoor te zorgen dat uw productvariaties allemaal een prijs hebben en ‘op voorraad’ zijn. Zo niet, dan worden ze niet weergegeven op de productpagina voor uw klanten.
Laten we eens kijken hoe u productvariaties maakt, nu u de eigenschappen hebt toegevoegd.
- Klik in de sectie ‘Productgegevens’ op het tabblad ‘Variaties’ aan de linkerkant.
- Selecteer in de vervolgkeuzelijst ‘Variatie toevoegen voor alle eigenschappen’ en klik op ‘Ga’.
- nu ga je 2x een popup krijgen. Hier kan je 2x ‘OK’ nemen
- Wanneer uw variatie is gemaakt, krijg je een lijst met alle variaties.
- Klik op de rij om de variatiedetails uit te vouwen. (kijk naar onderstaand afbeelding dit is duidelijk waar je moet klikken)
- Zorg ervoor dat u een ‘Normale prijs’ hebt ingevoerd voor de variatie.
- Zorg ervoor dat de variatie is ingesteld op ‘Op voorraad‘.
- Klik op ‘Wijzigingen opslaan‘.
- Dit doe je voor elke variatie
Vanaf dit punt werk je verder zoals je dat bij een simpel product ook doet.
Zo nu weten jullie hoe je een variabel product toevoegt aan je webshop.