In WooCommerce zijn producteigenschappen voor allerlei verschillende doeleinde te gebruiken.
Zo kun je eigenschappen maken om te gebruiken voor de gelaagde navigatie widget, variabele producten of om op de productpagina te tonen.
Het is een onderwerp dat gek genoeg niet vaak beschreven wordt, maar in dit artikel zal ik alles wat met producteigenschappen te maken heeft uitgebreid behandelen.
Video: Producteigenschappen maken
In onderstaande video kun je over mijn schouder meekijken hoe je producteigenschappen in WooCommerce kunt maken. Verder laat ik je ook zien waar je de producteigenschappen allemaal voor kunt gebruiken.
Heb je liever de uitleg in tekst en afbeeldingen of wil je net wat meer informatie? Lees hieronder verder om echt alles te weten te komen over de producteigenschappen in WooCommerce.
Wat zijn producteigenschappen in WooCommerce?
Producteigenschappen in WooCommerce zijn eigenschappen die technische informatie toevoegen aan een product, waardoor bezoekers van je webshop bepaalde dingen eenvoudiger kunnen vinden of selecteren.
Eigenschappen werken altijd in combinatie met termen. Wanneer je bijvoorbeeld op een bepaalde manier verschillende kleuren en maten van een T-shirt wilt weergeven, dan zijn “Kleur” en “Maat” de eigenschap en zijn de kleuren en maten de termen.
WooCommerce eigenschappen in navigatiefilter
Ik zal even een voorbeeld geven om het eenvoudiger te maken. Stel je verkoopt op je WooCommerce webshop T-shirts. Een zwart T-shirt wil je in de navigatiefilter onder de kleur zwart hebben.
Kleur is in dit geval de eigenschap en aan deze eigenschap kun je termen als zwart, blauw, groen, etc. toevoegen. Door vervolgens de eigenschap en term aan een product toe te voegen, zorg je ervoor dat het in de gelaagde navigatiefilter getoond wordt.
De eigenschappen en termen zie je dan als volgt in de gelaagde navigatiefilter widget.
WooCommerce eigenschappen voor variabel product
Een ander voorbeeld. Wanneer je een bepaald type T-shirt in verschillende maten hebt, dan is het handig om in WooCommerce een variabel product te maken voor dit T-shirt.
Je kunt dan een eigenschap “Maat” maken en bij termen de verschillende maten invoeren. Vervolgens voeg je de eigenschap en termen toe aan het variabele product, zodat je klanten de mogelijkheid geeft te kiezen tussen de verschillende maten.
Dit ziet er dan als volgt uit op de productpagina:
WooCommerce eigenschappen tonen op de productpagina
Tot slot kun je dankzij eigenschappen ook extra informatie bij een product zetten. Zo kun je bijvoorbeeld bij T-shirt het merk toevoegen als extra informatie.
Wanneer je computers verkoopt zou je de producteigenschappen kunnen gebruiken om de productspecificatie te maken. Het is een kwestie van de eigenschappen en termen toevoegen aan het product en deze laten tonen. Het zal er ongeveer als volgt uit komen te zien.
Producteigenschappen maken in WooCommerce
Eigenschappen aanmaken in WooCommerce gaat net zo eenvoudig als het aanmaken van een categorie in WordPress. Om een eigenschap te maken moet je naar “Producten -> Eigenschappen” gaan. Je krijgt dan het volgende te zien wat je kunt invullen:
Voor het gemak zal ik nog even uitleg geven bij alles wat je kunt invullen, aanvinken of selecteren.
Naam hoef ik eigenlijk niet veel over te vertellen. Vul de naam van een eigenschap in die erbij past. In mijn voorbeelden eerder in dit artikel was het kleur, maat en merk.
Afkorting is iets waar ik zelf weinig aandacht aan besteed. Ik vul hier altijd hetzelfde in als de naam, maar eventueel zou je het dus kunnen afkorten.
Archieven activeren is handig wanneer je ervoor wilt zorgen dat er archiefpagina’s aangemaakt worden voor de termen. Je kunt het zien als categoriepagina’s voor eigenschappen.
Type is misschien wel belangrijker dan je denkt. Je kunt hier aangeven of je de termen van te voren moet invullen (selecteer) of dat je deze ook gewoon kunt invullen bij een product zelf (tekst). Kies wat je het prettigst vindt werken.
Standaard sorteervolgorde zegt eigenlijk ook meteen genoeg. Je kunt hiermee de volgorde aangeven die voor de termen gehanteerd wordt op de website. Je hebt de mogelijkheid om te kiezen voor een aangepaste volgorde, op naam of op term ID.
Hoe je termen aan eigenschappen kunt toevoegen
Eenmaal eigenschappen gemaakt zal je termen moeten toevoegen. Wanneer je bij type voor “Selecteren” hebt gekozen moet je dit vooraf invullen. Heb je gekozen voor “Tekst”, dan kun je het bij het desbetreffende product toevoegen.
Om termen voor eigenschappen vooraf in te voeren kun je naast de eigenschap op het tandwieltje klikken.
Je komt dan op een pagina uit waar je termen kunt toevoegen net zoals je een normale categorie zou toevoegen aan je website. Je kunt een naam, slug en beschrijving toevoegen.
Zoals je ziet is het echt niet zo moeilijk om de termen toe te voegen. Het is gewoon een kwestie van alle termen toevoegen die je nodig denkt te hebben voor je webshop.
Eigenschappen aan producten toevoegen in WooCommerce
Nu we alle eigenschappen en termen hebben gemaakt is het zaak om deze gegevens aan producten te koppelen, zodat we er ook echt iets mee kunnen doen.
Om een eigenschap in WooCommerce aan een product te koppelen gaan we naar de bewerkpagina van een product toe en vervolgens naar de box “Productgegevens”.
Wil je eigenschappen gebruiken voor een variabel product, dan kun je bovenaan voor variabel product kiezen. Wil je de eigenschappen voor de navigatiefilter of extra informatie gebruiken, dan kun je het producttype gebruiken die je wilt.
Nu we een producttype hebben gekozen kunnen we naar het tabblad “Eigenschappen” gaan.
Je kunt hier een Custom producteigenschap toevoegen, maar om bij de aangemaakte producteigenschappen te komen kun je op het dropdown menu klikken. Selecteer hier de eigenschap die je wilt gebruiken en klik op “Toevoegen”.
Nadat je de eigenschappen hebt toegevoegd die je wilt gebruiken voor het product, zal je bij “Waarde(n)” ook nog de termen moeten toevoegen.
Wanneer je bij het aanmaken van de eigenschap voor “Selecteer” hebt gekozen is het mogelijk om de termen te selecteren. Door op “Alles selecteren” te klikken worden alle termen van de eigenschap toegevoegd. Heb je gekozen voor tekst, dan zal je de termen handmatig moeten invoeren.
Klik wanneer je klaar bent op “Eigenschappen opslaan” en werk het product bij. Je kunt nu door naar het volgende product om hetzelfde te doen. Zodra je alle producten hebt ingevuld ben je helemaal gereed om gebruik te maken van de mogelijkheden.
WooCommerce eigenschappen gebruiken op de website
Nu je alles hebt ingevuld wil je het natuurlijk gebruiken. Ik zal nog even beschrijven wat je kunt doen om de eigenschappen op de verschillende manieren zichtbaar te krijgen op de website.
Gelaagde navigatie widget
Voor de gelaagde navigatie widget heb je alles al gedaan door bovenstaande stappen te volgen. Het enige wat je verder nog hoeft te doen is naar “Weergave -> Widgets” gaan en de gelaagde navigatie widget in een widget-gebied te plaatsen.
Je kunt bij deze widget bij “Eigenschap” aangeven welke eigenschap je wilt tonen tonen in deze widget, bij “Weergavetype” hoe je het wilt weergeven (lijst of dropdown menu) en bij “Zoektype” kun je aangeven of bezoekers van je website meerdere termen kunnen aanvinken of dat er maar 1 term gekozen kan worden in de filter.
Eigenschap gebruiken voor variabel product
Wil je eigenschappen gebruiken voor variabele producten, dan moet je erop letten dat het product als “Variabel product” ingesteld staat in de productgegevens box.
Wanneer dit goed ingesteld staat krijg je bij het tabblad “Eigenschappen” de mogelijkheid om een vinkje te zetten bij “gebruik voor variaties”.
Wanneer je dit aanvinkt kun je bij variaties de variabele producten maken.
Eigenschap tonen als extra informatie
Wil je de eigenschappen tonen op de productpagina als extra informatie? Je moet dan tijdens het toevoegen van de eigenschappen en termen erop letten dat er een vinkje staat bij “toon op de productpagina”.
Tot zover alle mogelijkheden die je hebt met de producteigenschappen in WooCommerce. Ik hoop dat alles duidelijk voor je is en dat je nu weet hoe je met de producteigenschappen moet omgaan.
