Een variabel product toevoegen in WooCommerce

 In Webshops, WooCommerce

Een variabel product toevoegen in je WooCommerce webshop is super handig, wanneer je producten verkoopt waarbij je klanten bepaalde opties kunnen kiezen voordat ze gaan bestellen. Maar hoe werkt dat nou? Hieronder leggen we het in 7 duidelijke stappen uit.

Wat is een variabel product?

Dikke kans dat je dat al weet, maar zo niet dan leggen we het natuurlijk graag even aan je uit.

Een variabel product is een product met variabelen. Een product waarbij diverse product opties mogelijk zijn.

Denk hierbij bijvoorbeeld aan kleding, waarbij je uit verschillende maten en kleuren kan kiezen. Maar het kan ook zeker gelden voor fietsen, elektronica, auto’s, accessoires en veel meer productsoorten.

Waarom een variabel product toevoegen in WooCommerce?

  • Een variabel product geeft overzicht en duidelijkheid. Je webshop bezoeker ziet direct dat het product meerdere opties heeft en kan zijn favoriet direct aangeven en vervolgens bestellen. Dit zorgt voor een grotere conversie.
  • Het product hoeft maar 1 keer ingevoerd te worden, wat veel tijd scheelt.
  • Wanneer je je producten maar 1 keer hoeft in te voeren loop je geen risico op dubbele teksten op je website. Dubbele teksten (duplicate content) zijn funest voor je SEO.

Hoe werkt het toevoegen van een product met product opties in WooCommerce?

In de basis voer je producten in als een simpel product, dat is de standaard instelling in WooCommerce. Een simpel product is een product zonder keuze opties. Gewoon het product zoals het er staat.

Een variabel product, dat is andere koek.

We leggen je uit hoe het toevoegen van een variabel product werkt.

Stap 1: de product eigenschappen

Ga naar Producten > Eigenschappen. Daar maak je de producteigenschappen aan die je bezoeker moet kiezen (bijvoorbeeld kleur en maat).

een variabel product toevoegen

Stap 2: de variabelen toevoegen

Wanneer je de eigenschappen aangemaakt hebt, moeten ook de beschikbare variabelen aangegeven worden. Dat zijn de eigenlijke keuze opties die een klant heeft je bezoeker heeft, zoals groen, blauw, rood, S, M of L. Deze variabelen geef je in door aan de rechterkant op “voorwaarden instellen” te drukken

een variabel product toevoegen in WooCommerce

een product met opties toevoegen in WooCommerce

Het resultaat ervan is dat je je product opties terug ziet bij je variabelen:

een product met variaties toevoegen in WooCommerce

Stap 3: product toevoegen

Daarna ga je naar Producten > Product toevoegen.

Je voert een titel in, een korte omschrijving, lange omschrijving, kiest een uitgelichte afbeelding en categorie. Dat is de basis, zo voer je alle producten in.

Stap 4: product type kiezen

Bij productopties kies je in het veld producttype voor Variabel product.

Een product met variabelen toevoegen in WooCommerce Dit veranderd de layout van de velden daaronder:

Een product met diverse opties toevoegen in WooCommerce

Stap 5: product opties

Nu ga je de specifieke product opties toevoegen aan je product. Ga hiervoor naar het tabblad eigenschappen en kies hier een van de eigenschappen die je eerder aangemaakt hebt (dus bijvoorbeeld kleur en maat).

een variabel product toevoegen in WooCommerce

Kies of je de eigenschap wilt weergeven op de productpagina (meestal wel) en of je de eigenschap ook wilt gebruiken voor variaties (ook hier is dat meestal wel van toepassing, anders kunnen je bezoekers de optie niet kiezen). Druk daarna op de button Eigenschappen opslaan.

variabel product toevoegen in WooCommerce

Als je alle opties ingegeven hebt, ziet het er (ongeveer, afhankelijk van jouw specifieke variabelen) als volgt uit:

Een product met variabelen toevoegen in WooCommerce webshop

Stap 6: de variaties instellen

Nu je al je product opties ingegeven hebt, ga je door naar het tabblad variaties.

een variabel product toevoegen in een woocommerce webshop

Daar kies je de optie “Variaties voor alle eigenschappen toevoegen“. Op deze manier worden alle mogelijke opties (en dat kunnen er soms nogal wat zijn) automatisch toegevoegd, in batches van maximaal 50 per keer. Heb je in totaal meer dan 50 product opties (het aantal variabelen van optie 1 X het aantal variabelen van optie 2), dan kies je de hierboven genoemde optie nogmaals, net zo lang totdat alle variaties zijn weergegeven (dat geeft WooCommerce zelf aan).

Het resultaat in het geval van dit voorbeeld is dat we 9 variaties hebben (3 kleuren X 3 maten). Het resultaat ziet er dan zo uit:

Een variabel product toevoegen in WooCommerce

Stap 7: product eigenschappen toevoegen per variatie

Als laatste moet je nu voor iedere variatie de product eigenschappen zoals prijs (en eventueel aanbiedingsprijs per variabele), productafbeelding en eventueel de voorraad ingeven. Om dit te kunnen doen ga je op de regel van een variatie staan en klik je deze open.

Een prijs toevoegen aan een variable product in WooCommerce

Nu kan je de prijs ingeven, de specifieke product afbeelding uploaden, de voorraad ingeven en meer andere product specifieke eigenschappen toevoegen.

Let op: dit moet je voor iedere product variatie (dus voor iedere regel bij je variaties) ingeven. Doe je dit niet, dan zal WooCommerce niet goed werken.

Het resultaat van een variabel product in je WooCommerce webshop

Als resultaat in je webshop zie je nu een product waarbij je bezoeker een aantal opties moet kiezen, voordat het product in het mandje geplaatst kan worden:

Een product met product opties toevoegen in een woocommerce webshop

Wanneer je bezoeker bij beide opties een keuze gemaakt heeft, veranderd ook de afbeelding (mits je iedere variatie een afbeelding hebt mee gegeven):

Een variabel product in een woocommerce webshop

Op deze manier kan je heel overzichtelijk je bezoeker laten weten dat er meerdere opties zijn voor het product, waarbij er ook nog eens gemakkelijk te zien is welke opties er zijn.

Een visuele upgrade voor je product met product opties

Wil je het allemaal wat netter stylen en de opties visueel maken voor je bezoeker? Dan raden we je de Variation Swatches and Photos plugin aan. Deze hebben we ook gebruikt bij de webshop van Pixels en Stiksels.

De opties die je je bezoekers biedt zijn dan wat duidelijker en gemakkelijker te kiezen:

 

Product opties van variabel product kiezen via variation swatches and photos plugin

Door het gebruiksgemak binnen je webshop te vergroten, verhoog je de conversie van je webshop.

Heb je vragen over een variabel product toevoegen in WooCommerce? Laat het ons weten in de comments hieronder, we beantwoorden je vraag heel snel.

Deze artikelen vind je misschien ook interessant
Showing 2 comments
  • sabine van der toorn
    Beantwoorden

    Hallo!
    Wat als je 4 dropdowns hebt met 13 kleuren( en dan dus 13 tot de macht 4 variaties krijgt)? het lijkt er op dat hij dit niet aan kan..

    • Madoo
      Beantwoorden

      Hoi Sabine,

      Dan zou je 4 X 13 = 52 variaties moeten krijgen. Met het automatisch genereren van de diverse product variaties doet WooCommerce er 50 tegelijk. Je kan vervolgens de berekening nog een keer doen, dan maakt hij de rest van de calculaties. Dit kan je herhalen tot het systeem helemaal klaar is.

      Wij hebben tot wel 10.000 variaties aangemaakt, dus WooCommerce zelf kan vrij veel aan.

      Laat je even weten of het is gelukt?

      Groetjes,
      Amanda

Laat een bericht achter

conversie van je webshop verhogen