Home / WooCommerce / WooCommerce widgets en de mogelijkheden

WooCommerce widgets en de mogelijkheden

WooCommerce widgets

Wanneer je WooCommerce installeert krijg je er meteen allerlei widgets bij die je direct kunt gebruiken.

Zo heb je onder andere de mogelijkheid om producten, reviews en productcategorieën weer te geven, een winkelwagen in de sidebar te plaatsen en nog veel meer.

In totaal krijg je de beschikking over 12 standaard WooCommerce widgets. In dit artikel vertel ik je alle mogelijkheden die je met deze widgets hebt.

WooCommerce filter op gemiddelde waardering

WooCommerce filter op gemiddelde waarderingWanneer je op jouw WooCommerce-webshop diverse reviews hebt gekregen van je bezoekers, kan de widget “Filter op gemiddelde waardering” een goede toevoeging zijn.

Zodra je deze filter actief hebt staan op je webshop, krijgen je bezoekers de mogelijkheden om de resultaten te verfijnen gebaseerd op de klantbeoordelingen.

Wel moet ik erbij zeggen dat wanneer een klant bijvoorbeeld voor 1-ster kiest, alle producten met 1 ster en hoger getoond worden. Het is dus niet zo dat alleen de 1-ster product getoond worden, maar alle producten die 1 of meerdere sterren hebben.

WooCommerce gelaagde navigatie

WooCommerce gelaagde navigatieWanneer je gebruik maakt van de producteigenschappen in WooCommerce, dan is de “Gelaagde navigatie” widget ook zeker een aanwinst voor je webshop.

Zodra je eigenschappen aan producten hebt gekoppeld, kun je met behulp van deze widget filters maken, waardoor bezoekers de productresultaten kunnen verfijnen.

Verkoop je bijvoorbeeld t-shirts in verschillende kleuren, dan kun je bezoekers de mogelijkheid geven om op kleur te filteren. Producteigenschappen kun je zelf maken, dus je kunt het zo gek en mooi maken als je zelf wilt.

WooCommerce gelaagde navigatiefilters

WooCommerce gelaagde navigatiefiltersAls je de widget gelaagde navigatie en filter op gemiddelde waardering gebruikt, dan is het ook aan te raden om de WooCommerce widget “Gelaagde navigatiefilters” te gebruiken. Het is namelijk een zeer waardevolle toevoeging.

Met de gelaagde navigatiefilters widget kun je aan jouw bezoekers tonen welke filters er geselecteerd zijn. Daarnaast krijgen je bezoekers met behulp van deze widget ook direct de mogelijkheid om de filter weer te verwijderen.

WooCommerce hoogst beoordeelde producten

WooCommerce hoogst beoordeelde productenWil je de producten met de beste klantbeoordelingen laten zien, dan zit je met de “Hoogst beoordeelde producten” widget helemaal goed.

Veel hoef je niet in te stellen bij deze widget omdat de klanten al het werk hebben gedaan en je producten beoordeeld hebben.

Het enige wat je kunt instellen is hoeveel producten je wilt tonen in deze widget.

WooCommerce prijsfilter

WooCommerce prijsfilterHet is voor bezoekers altijd fijn om te kunnen zoeken tussen een bepaalde prijsrange, zodat het netjes in het budget past wat gespendeerd kan worden. Het kan dus zeker geen kwaad om de WooCommerce widget “Prijsfilter” te activeren op je webshop.

Wanneer je de prijsfilter actief hebt staan kunnen bezoekers van je webshop zelf selecteren tussen welke prijsklasse gezocht mag worden en dat is natuurlijk wel zo prettig voor je bezoekers.

WooCommerce productcategorieën

WooCommerce productcategorieënHeb je een webshop met veel producten, dan kun je het overzichtelijk maken door productcategorieën toe te voegen en je producten hieraan te koppelen.

Eenmaal de productcategorieën toegevoegd, wil je deze categorieën natuurlijk wel aan je bezoekers laten zien. Met de “Productcategorieën” widget kun je dit eenvoudig realiseren in de sidebar van je webshop.

Je kunt bij deze widget onder andere instellen of je de productcategorieën wilt sorteren op naam of categorie-volgorde, als dropdown-menu wilt tonen, of je het aantal producten binnen de categorie wilt laten zien en of je lege productcategorieën wilt verbergen.

WooCommerce producten

WooCommerce productenWil je in de sidebar of een ander widget-gebied producten, aanbevolen producten of afgeprijsde producten tonen, dan kun je de widget “WooCommerce producten” gebruiken.

Je kunt in deze widget onder andere instellen hoeveel producten je wilt tonen, wat voor soort producten (alle, aanbevolen of afgeprijsd), op wat voor manier je het wilt sorteren (datum, prijs, willekeurig of verkoopaantallen), of je gratis producten wilt verbergen of dat je verborgen producten wilt tonen.

WooCommerce producttags

WoooCommerce widget producttagsWanneer je fanatiek producttags toevoegt aan de producten van je webshop, dan wil je misschien de bezoekers ook de mogelijkheid geven om via de tags op zoek te gaan naar producten.

De widget “Producttags” kun je hiervoor gebruiken. Er zijn geen instellingen bij deze widget, het enige wat je kunt doen is het toevoegen aan een widget-gebied en vervolgens worden de tags getoond.

WooCommerce product zoeken

WooCommerce product zoekenIn WordPress zit een zoekfunctionaliteit waar je op elke website gebruik van kunt maken. Deze zoekfunctionaliteit zoekt alleen ook in berichten en pagina’s, waardoor het niet heel geschikt is voor een webshop.

In een webshop wil je natuurlijk dat bezoekers alleen producten kunnen vinden. Met de standaard WooCommerce widget “Product zoeken” zorg je ervoor dat je bezoekers alleen producten kunnen zoeken en vinden. Ideaal om te gebruiken dus.

WooCommerce recent bekeken

WooCommerce recent bekekenJe bent vast al weleens een keer op een webshop geweest waar je kon zien wat je allemaal recentelijk bekeken had. In WooCommerce kun je dit ook aan je bezoekers laten zien met behulp van de widget “Recent bekeken”.

Veel valt er verder niet in te stellen bij deze widget. Het enige wat je kunt aangeven is hoeveel recent bekeken producten van de bezoeker je in deze widget wilt laten zien.

WooCommerce recente beoordelingen

WooCommerce recente beoordelingenWil je graag klantbeoordelingen laten zien aan je bezoekers, dan is de WooCommerce widget “Recente beoordelingen” zeker een aanwinst voor je webshop. Wanneer je deze widget in de sidebar of een ander widget-gebied plaatst, krijgen je bezoekers een handig overzicht van klantbeoordelingen die recent zijn geplaatst.

In het overzicht kun je zien om welk product het gaat, hoeveel sterren het product heeft gekregen en door wie de beoordeling is geplaatst.

Je kunt overigens bij deze widget alleen instellen hoeveel klantbeoordelingen er mogen worden getoond. De klanten doen verder het werk voor je.

WooCommerce Winkelmand

WooCommerce winkelmandEen winkelmand is iets waar elke bezoeker die iets wilt aanschaffen op een gegeven moment wel naar op zoek is. Als bezoeker zijnde wil je tenslotte bekijken wat er allemaal in je winkelmand zit, zodat je eventueel nog iets eruit kunt gooien voordat je verder gaat met afrekenen.

Gek genoeg wordt de winkelmand niet standaard bij alle WooCommerce thema’s getoond. De widget “Winkelmand” is daarom een uitkomst voor velen om alsnog het winkelmandje zichtbaar te maken voor de bezoekers.

Zodra je de winkelmand widget activeert in een widget-gebied zoals je sidebar, kunnen je bezoekers direct bekijken welke producten er allemaal in de winkelmand zitten en eventueel wijzigingen aanbrengen.

De enige optie die je hebt om in te stellen bij deze widget, is of je de widget wilt verbergen als het leeg is en dit is natuurlijk helemaal geen slecht idee.

Help, mijn WooCommerce widgets zijn niet zichtbaar

Het kan weleens voorkomen dat een WooCommerce widget op een bepaalde pagina niet getoond wordt. Met name de navigatiefilter widgets zijn niet zichtbaar op alle pagina’s van je webshop.

De reden waarom een WooCommerce widget niet werkt is vaak omdat je dan niet op een pagina van WooCommerce kijkt. Zo wordt de navigatiefilter alleen op de shop en productcategorie-pagina’s getoond. Op de andere pagina’s is namelijk niks te filteren, dus zal je deze widgets ook niet zien.

Sommige thema’s geven je de mogelijkheid om een aangepaste homepage te maken voor je WooCommerce webshop. Wanneer WooCommerce echter niet ziet dat het om een WooCommerce pagina gaat, kan het dus ook zijn dat je niet alle widgets ziet. Je kunt dit probleem dan het best bij de maker van het thema aankaarten.


WordPress Hulp Nodig? Join Het WP Lab

Het WordPress Lab Mockup

Heb je vragen aan de hand van dit artikel of wil je verder op weg geholpen worden met je website?

Sluit je aan bij Het WordPress lab, een community voor WordPress-liefhebbers waarin ik antwoord geef op jouw WordPress vragen en je toegang krijgt tot al mijn WordPress cursussen.

«
»

28 reacties op “WooCommerce widgets en de mogelijkheden”

  1. Yvonne avatar

    Hi Michael hoe kan ik de kleur paars van de prijsfilter veranderen in een andere kleur? Zo wordt ook de Woocommerce boodschap met een paarse achtergrond getoond. Ook deze kleur wil ik veranderen. Met welke CSS doe ik dit? Ik hoor het graag.
    Dank je wel.
    MvG, Yvonne

    1. Maikel van de Weerd avatar

      De precieze code is regelmatig afhankelijk van het thema, dus kan ik niet direct zo zeggen.

  2. Luuk avatar

    Hi! Bedankt voor alle uitleg die je geeft.
    Echter heb ik een vraag over de widget “Zoek in producten”, kan ik dit veranderen in alleen een vergrootglas knop, waarbij die uitrekt zodra je erop klikt?
    Standaard in de header kan ik een zoek pictogram zetten die dit heeft, maar hierbij wordt er niet alleen gezocht in producten en wordt er dus meer weergegeven.
    Mijn vraag is dus of ik de widget “Zoek in producten” visueel kan veranderen in een vergrootglas?

    Alvast bedankt!

    1. Maikel van de Weerd avatar

      Standaard kun je dit niet zomaar aanpassen. Hiervoor zal je de code voor in moeten duiken.

      1. Luuk avatar

        Weet jij toevallig een code? Ik ben nogal nieuw en kan zo niet snel iets vinden op internet dat werkt.
        Alvast bedankt.

        1. Maikel van de Weerd avatar

          Deze heb ik ook niet zomaar op de plank liggen.

  3. Natasja avatar

    Hoi Maikel,
    ten eerste ben ik blij met je website en uitleg, al veel aan gehad. Nu loop ik echter toch tegen een vraag aan die ik niet kan vinden. Ik heb een webshop en toon een aantal product-categorieën in het menu boven. Dus die wil ik niet in de product-categorieën (widget) aan de zijkant nog een keer hebben staan. Is er een mogelijkheid om die te verbergen? Misschien met een bepaalde plug-in?
    Hoor het graag 🙂
    Groetjes Natasja

    1. Maikel van de Weerd avatar

      Nee, dat kan niet met de standaard widget. Je zou het natuurlijk gewoon met in een tekstwidget kunnen zetten onder elkaar met allemaal links, dan heb je alle invloed.

      1. Carla avatar

        Maar kan het dan in een dropdown? Ik heb hetzelfde probleem, dat ik twee categorieën wil verbergen in de product categorie widget. Ik dacht ook al aan de oplossing van een rijtje met links maken, maar dat neemt veel ruimte in t.o.v. een dropdown.

        1. Maikel van de Weerd avatar

          Als je weet hoe je met HTML een dropdown kunt maken wel.

  4. Kevin avatar
    Kevin

    Beste Maikel,

    Allereerst bedankt voor al je nuttige informatie! Ik heb een vraagje met betrekking tot de shopzijbalk. Hierin heb ik mijn productcategorieën onder elkaar staan en daaronder nog filters. Echter, het wordt daarmee een heel lange rij van opties. Is het ook mogelijk om een ‘klik voor meer’ of een ‘lees verder’ in te voegen in de shop zijbalk? Als klanten de bovenste 5 categorieën zien en voor meer even moeten klikken op een ‘ klik voor meer’ optie, wordt het een stuk overzichtelijker.

    Groet,
    Kevin

    1. Maikel van de Weerd avatar

      Standaard kan dit niet in WooCommerce. Wellicht met een van de vele WooCommerce product filter plugins die beschikbaar zijn. Heb het zelf nooit nodig gehad, dus heb dit verder niet uitgezocht.

  5. Rens avatar

    Hallo Maikel,
    Ben erg blij met je heldere uitleg, toch kom ik ergens niet uit en dat is het volgende.
    Ik heb een sidebar aan de linkerkant, daarin had ik als productcategorie Speciaalbier staan. Maar alle andere categorieën stonden daar ook tussen zoals Borrelplanken, Bittergarnituur enz enz. Nu heb ik extra productcategorieën toegevoegd, alleen staat er nu in elke widget dezelfde producten. Hoe kan ik dit oplossen?

    Alvast mijn dank

    1. Maikel van de Weerd avatar

      Ik heb eerlijk gezegd even geen idee wat je precies bedoelt.

  6. Patricia avatar
    Patricia

    Hoi Maikel, ik ben super blij met jouw uitleg hier op Webtalis.nl. Ik heb een webshop met als thema StoreFront, nu loop ik tegen het volgende aan; ik zou graag op een tablet of mobiel 2 kolommen van producten willen laten zien zodat het niet zoals nu, een ellenlange kolom wordt van producten. Is dit te realiseren? En als ik via mijn mobiel naar het winkelmandje ga om te kijken wat er in staat, zou ik graag een knop ‘verder winkelen’ willen creëren zodat klanten verder kunnen shoppen als ze nog producten willen toevoegen.
    Vriendelijke groet, Patricia

    1. Maikel van de Weerd avatar

      Voor de kolommen zal je CSS code moeten gebruiken om het aan te passen. Voor een knop verder winkelen moet je ook weer de code induiken. Het is of de winkelwagen template ombouwen of een extra function toevoegen.

  7. Anne avatar
    Anne

    Beste Maikel,
    Duidelijk artikel!
    Ik zie bij jouw uitleg bij de winkelmand widget, de knoppen ‘bekijk winkelmand’ en ‘afrekenen’ onder elkaar staan. Bij mij komen die naast elkaar te staan en als ik dan de zijbalk wat smaller maak, dan gaat hij ‘bekijk winkelmand’ afbreken zodat de tekst past, eerst op twee regels maar later zelfs het woord ‘winkelmand’ afbreken en over drie regels verdelen. Ik zou graag, net als in jouw voorbeeld, die knoppen onder elkaar zien omdat op deze manier de zijbalk verhoudingsgewijs nogal breed moet blijven terwijl dat voor de overige dingen die erin staan totaal niet noodzakelijk is. Is er een mogelijkheid dit voor elkaar te krijgen?
    Hartelijke groet,
    Anne

    1. Maikel van de Weerd avatar

      Er is geen instelling voor, maar met CSS kun je dit wel bereiken ja.

  8. Carl avatar

    Beste,
    Voor een klant maak ik momenteel een webshop. Ik krijg alleen geen volgorde in mijn productcategorieën, ik had gevonden dat ik ze gewoon moet verslepen in de categorieën zelf, maar tevergeefs.
    Enig idee hoe ik dit kan klaarkrijgen?
    Dank.
    Carl

    1. Maikel van de Weerd avatar

      Hoor je inderdaad in de categorie zelf te kunnen sorteren. Het kan ook met een plugin als ReOrder Posts within Categories.

  9. nick peters avatar

    Wat zijn aanbevolen producten? Of beter gezegd hoe plaats ik producten in die categorie?

    1. Maikel van de Weerd avatar

      Aanbevolen producten zijn de producten die je hebt uitgelicht in het productoverzicht. Om een product aanbevolen te maken, kun je naar naar WooCommerce -> Producten en op het sterretje in het overzicht klikken.

  10. Joyce Funcke avatar

    Hi! Bedankt voor alle informatie die je geeft. Hoe kan ik de productcategorien in de widget/zijbalk in de mobiele versie bovenaan de pagina/producten plaatsen in plaats van eronder?

    Ik zou de widget vervolgens bij de losse producten ook nog willen. Zodat mensen eventueel direct naar een andere categorie kunnen.

    Alvast bedankt!
    Joyce

    P.s. Het gaat me om de producten onder materialen (mandala dot painting)

    1. Maikel van de Weerd avatar

      Dit zal niet zonder code kunnen, tenzij het thema hier een optie voor het heeft. Je kunt het met CSS aanpassen door de volgorde aan te passen. Zie CSS order property.

  11. Nieske avatar
    Nieske

    Hi. Is het in de widget met categorieën ook mogelijk om bepaalde categorieën uit te schakelen? (bijv. kerst, sinterklaas, moederdag, pasen etc wil ik alleen tonen wanneer het de juiste tijd van het jaar is.) Geen probleem om dat handmatig te moeten instellen

    1. Maikel van de Weerd avatar

      Nee, dit is niet mogelijk met de standaard categorieën widget van WordPress.

  12. dennis avatar

    Dank je wel voor je heldere uitleg!!

    Ik heb een vraag over het zoekveld.
    Ik heb een producteigenschap aangemaakt “artikelnummer” en die eigenschap zet ik ook bij het artikel. Het komt ook netjes in beeld bij een apart tabblad “extra informatie”. Echter als ik via het zoekveld zoek en het artikelnummer intyp wordt het product niet gevonden. Klopt dat of moet ik nog iets instellen om het artikel ook te vinden als je zoekt op een eigenschap.

    1. Maikel van de Weerd avatar

      Volgens mij wordt er echt alleen gezocht op de productnaam. De zoekfunctie kan helaas dus nog wel wat beter. Volgens mij kun je daarom beter niet de widget van WooCommerce gebruiken, maar beter de standaard zoekfunctie van WordPress. Deze zal het vermoedelijk nog wel vinden. Het nadeel is dat je dan ook op normale pagina’s en berichten kunt zoeken, in plaats van alleen in producten.