Alle WooCommerce Widgets op een rij
WooCommerce komt met meerdere standaard widgets waar je gebruik van kunt maken om extra informatie en opties te tonen aan de bezoekers van je webshop.
In totaal krijg je 11 nieuwe widgets wanneer je WooCommerce activeert die je in de sidebar of ander widget-gebied kunt plaatsen. Zo kun je onder andere filters toevoegen aan je webshop, een winkelmandje, productcategorieën en nog veel meer.
In dit artikel behandelen we even in het kort alle WooCommerce widgets en wat je er precies mee kunt doen.
WooCommerce gelaagde navigatie
Met de “Gelaagde navigatie” widget kun je filters weergeven die je kunt maken op de productpagina’s door eigenschappen in te voeren.
Je kunt op deze manier je bezoekers de mogelijkheid geven om naast een productcategorie bijvoorbeeld ook te kiezen op merk, type, maat of ander eigenschap (kun je zelf maken).
WooCommerce gelaagde navigatiefilters
De “Gelaagde navigatiefilters” widget van WooCommerce is een extra toevoeging op de gelaagde navigatie widget.
Waar je bij de gelaagde navigatie widget je bezoekers de mogelijkheid kunt geven om een filter te selecteren, kun je met de gelaagde navigatiefilters widget je bezoekers laten zien welke filters actief zijn.
WooCommerce hoogst beoordeelde producten
De “Hoogst beoordeelde producten” widget zegt eigenlijk al precies wat het doet. Het laat de hoogst beoordeelde producten zien.
Je kunt bij deze widget zelf aangeven hoeveel producten er getoond mogen worden en de beoordelingen worden gebaseerd op de reviews bij het product.
WooCommerce prijsfilter
Met de “WooCommerce prijsfilter” widget kun je bezoekers van je webshop de mogelijkheid geven om een prijsrange te selecteren. De prijsrange kan geselecteerd worden met behulp van een schuifbalk.
Zodra je bezoeker een bepaalde prijsrange heeft geselecteerd worden er alleen nog maar producten getoond die in deze prijsrange passen. De prijsfilter widget is dus een handige manier voor je bezoekers om binnen hun budget te zoeken.
WooCommerce productcategorieën
Wanneer je webshop meerdere productcategorieën heeft wil je de bezoeker natuurlijk wel de mogelijkheid geven om tussen deze categorieën te kiezen.
Met de “Productcategorieën” widget van WooCommerce kun je een lijst of dropdown menu van alle productcategorieën laten zien in de sidebar of ander widget-gebied.
WooCommerce producten
met de widget “WooCommerce producten” kun je producten van je webshop laten zien. Dit hoeven overigens geen willekeurige producten te zijn. Je kunt instellen of je met deze widget afgeprijsde, aanbevolen of alle producten laat zien.
Verder kun je de producten ook nog sorteren op datum van toevoeging, prijs, verkoopaantallen of gewoon willekeurig. Daarnaast kun je ook nog aangeven hoeveel producten er maximaal getoond mogen worden en kun je gratis producten verbergen of verborgen producten tonen.
WooCommerce producttags
Maak je bij veel van je producten gebruik van tags om aan te geven welke producten goed bij een bepaalde tag passen, dan kun je met de widget “Producttags” je bezoekers de mogelijkheid geven om producten van een bepaalde tag te kunnen bekijken.
WooCommerce product zoeken
WordPress heeft standaard een zoekmogelijkheid die je kunt gebruiken op je website. Het nadeel van deze zoekfunctie is dat het in meerdere onderdelen van je website zoekt (producten, berichten, pagina’s), terwijl je op je webshop juist alleen producten wilt laten zoeken.
Met de widget “Product zoeken” geef je jouw bezoekers de mogelijkheid om op je WordPress webshop uitsluitend te zoeken naar producten.
WooCommerce recent bekeken
Met de widget “Recent bekeken” kun je in de sidebar of ander widget-gebied aangeven welke producten er eerder bekeken zijn.
Je geeft met deze widget jouw bezoekers de mogelijkheid om eenvoudig terug te gaan naar een product die zij eerder bekeken hebben. Het aantal producten dat de widget maximaal mag tonen kun je zelf aangeven.
WooCommerce recente reviews
Wanneer je de reviews wilt laten zien in de sidebar kun je gebruikmaken van de “Recente reviews” widget.
Je bezoekers zien dan een overzicht met recente reviews met informatie als het aantal sterren, door wie de review gedaan is en natuurlijk om welk product het gaat. Het aantal reviews kun je zelf aangeven bij de instellingen van de widget.
WooCommerce winkelmand
Helaas laten niet alle thema’s op een goede plek een winkelmand zien met producten die een bezoeker van je website wilt kopen. Het is echter wel belangrijk dat je bezoekers altijd naar hun winkelmandje kunnen gaan en kunnen afrekenen.
Met de widget “WooCommerce Winkelmand” kun je in de sidebar of ander widget-gebied het winkelmandje van je bezoekers laten zien. Als extra optie heb je ook nog de mogelijkheid om aan te geven dat het winkelmandje niet getoond hoeft te worden wanneer er nog helemaal niets in het winkelmandje zit.
Hallo Maikel,
In mijn kleine webshop http://www.jeansselling.com werk ik in de winkel met woocommerce gelaagde navigatie voor verschillende filter opties op de primary sidebar. Nu wil ik deze ook plaatsen op de pagina’s die ik zelf gemaakt heb met een widget area, maar wanneer ik dan de widget van woocommerce gelaagde navigatie hier in plaatst, krijg ik geen vertoning op die betreffende pagina. Hoe zou ik dit kunnen oplossen? Ik wil eigenlijk op iedere pagina die ik zo maak kunnen filteren als klant.
Hoop dat jij hier een oplossing voor weet.
Groet,
Dirk-Jan Heezen
Hier is niet echt een oplossing voor. Deze widget wordt namelijk niet getoond op deze pagina’s omdat er niets te filteren is op de desbetreffende pagina. Het werkt dus alleen op de winkel/categoriepagina’s.
Verder durf ik eigenlijk niet te zeggen of er een plugin bestaat die dit wel voor je kan doen. Hier zou je dus nog even naar kunnen zoeken.
Hoi,
Ik gebruik de shortcodes om categorieën te tonen op een pagina (wil meerdere categorieën tonen). Maar als ik dit doe, kan ik niet de Woocommerce widgets tonen? (zou komen doordat de shortcodes op een niet-woowommerce template komen te staan).
Weet iemand hoe ik ervoor kan zorgen dat de widgets toch getoond worden?
Avast bedankt.
Mvg,
Paul
Is helaas niet eenvoudig mogelijk. De widgets werken alleen op de echte productpagina’s.
Hallo Maikel,
Ik ben bezig met een kleine webshop en wil daarbij de klant binnen de categorieën ‘verse vis’ en ‘diepgevroren vis’ laten filteren op bijvoorbeeld het soort vis (schol, zalm, bot, noem maar op). Dat probeer ik te doen met de widget ‘Woocommerce gelaagde navigatie’, maar op een of andere manier lukt dit niet.
Ik maak bij Product->Eigenschappen de soort vis aan (schol, zalm, bot) en kan dan bij de widget een product-eigenschap kiezen. Maar hoe koppel ik deze eigenschappen aan de specifieke producten? En hoe zorg ik ervoor dat de widget ook in de zijbalk verschijnt?
Alvast bedankt!
Met vriendelijke groet,
Hans Driezen
Het verschijnt in de zijbalk op de productcategoriepagina’s zodra er ook producten daadwerkelijk eigenschappen hebben.
Hoe je dit kunt toevoegen kun je in dit artikel lezen: http://www.wcommerce.nl/woocommerce-producteigenschappen-maken/
Kun je de site bar ook weghalen op de shop pagina?
De sidebar? Dat kan zeker. Welke thema gebruik je?
Hallo,
Ik heb een aantal pagina’s aangemaakt, zodat daar de verschillende producten worden getoond. Nu heb ik ook producteigenschappen aangemaakt en categorieën. Daarnaast heb ik producten toegevoegd, Maar die zie ik dan niet op de desbetreffende pagina. Zijn de categorieën ook te linken aan die pagina’s? Want ik wil meerdere pagina’s.
Dan heb ik nog een vraag. Ik heb een productfilter plug-in geïnstalleerd, maar ik wil bijv voor dames brillen andere filters dan voor contactlenzen. Kan ik dat ook instellen? Of moet ik dan een andere productfilter plug-in downloaden?
Ik wil graag een sidebar tonen op de winkelpagina met de categorieën. Nu toont hij visueel alleen de producten en/of categorieën. Maar ik wil ze graag als navigatie ernaast hebben. En hoe kan ik de tekst in de tab aanpassen, deze staat nu op ‘producten archief’. De snippet heb ik wel aangepast.
Ik heb hetzelfde probleem. Kom er niet achter waar ik dit kan wijzigen!
Als je Yoast SEO gebruikt biedt het volgende mogelijk een oplossing?
Dashboard menu- SEO—> Titels & Meta’s.
Tab Berichttypes het veld Titelsjabloon aanpassen door bij de kop Aangepaste berichttype archief – Producten – het woord Archieven te verwijderen.
Tab taxonomieën het veld Titelsjabloon aanpassen door het woord “Archieven” te verwijderen bij de kopjes Categorieën, Tags, Berichttype, Productcategorieën, Producttags, Product verzendklassen.
Hoi Maikel,
Kun je me vertellen hoe het komt dat wanneer ik de filters instel en alles heb goed gezet ik met zo nu en dan met een niet kloppend getal te maken krijg?
Het gaat om de webshop http://www.woodiful.nl.
Voorbeeld:
Op https://www.woodiful.nl/categorie/houten-telefoonhoesjes/ zie je in de sidebar de filter ‘Collectie’ met daaronder ‘The Talisman (1)’. De filter geeft dus aan dat er 1 product is die gekoppeld is aan ‘The Talisman’, echter bij het klikken hierop krijg je 3 producten te zien met deze eigenschap. Dit aantal van 3 is ook het aantal dat klopt. De filter in de sidebar geeft dus een onjuist aantal weer.
Hier heb ik voortdurend last van en dit gaat dus ten koste van de gebruiksvriendelijkheid. Enig idee wat dit probleem veroorzaakt en hoe ik dit op los?
Gr. Sander
Hey Sander. Als ik op je website filter op Talisman kom ik op de onderstaande pagina en worden er helemaal geen producten getoond:
https://www.woodiful.nl/categorie/houten-telefoonhoesjes/?filter_collectie=281
Hallo,
in de eerste plaats wil ik je al bedanken voor je fantastische blog, ik heb er al veel van geleerd.
Maar nu zit ik met een vraagje waar ik nergens een antwoord op kan vinden.
ik heb een vraagje betreffende de woocommerce gelaagde navigatie widget.
Ik wil graag dat de klanten op maat kunnen filteren. Dit is makkelijk in te stellen door een maatwerk attribuut toe te voegen aan de widget.
Maar als ik dit doe laat de webshop alle maten zien die ik heb gebruikt om variaties te maken, ook dus diegene die niet meer op voorraad zijn en waarvan ik de variatie heb verwijderd.
Als ik het juist wil hebben moet ik dus niet alleen de variatie verwijderen maar ook nog eens het attribuut dat daaraan gekoppeld is wat een vrij omslachtig werkje is.
Bestaat er geen manier waarop ik dit sneller kan laten gaan?