Wat zijn WooCommerce-blokken? Hoe u ze effectief kunt gebruiken in 2023

Er zijn veel componenten waaruit een succesvolle eCommerce-winkel bestaat, van productcatalogi en klantrecensies tot gebruiksvriendelijke zoek- en filterfuncties. Hoewel je met WooCommerce-blokken al deze functies (en meer) kunt toevoegen, kan het lastig lijken om die elementen samen te voegen.

Gelukkig zijn WooCommerce-blokken ontworpen om WordPress-gebruikers te helpen gemakkelijk online winkels te creëren. Bovendien stellen ze je in staat om je producten effectiever te promoten en meer verkopen te stimuleren, en dat allemaal zonder WooCommerce-shortcodes te gebruiken, zoals je in het verleden wel zou moeten doen.

In dit bericht gaan we dieper in op WooCommerce-blokken en hoe u deze kunt openen in WordPress. Vervolgens onderzoeken we zes blokken die u aan uw winkel kunt toevoegen om uw conversieratio te verhogen. Laten we beginnen!

Wat zijn WooCommerce-blokken? Een korte introductie

WooCommerce is een van de meest populaire eCommerce-tools voor WordPress. Met dit gratis open-sourceplatform kun je een online winkel bouwen zonder er veel tijd of geld in te investeren.

Bovendien wordt WooCommerce geleverd met een breed scala aan blokken waartoe u toegang hebt in de native WordPress Block Editor (AKA Gutenberg). Met deze blokken kunt u enkele of al uw producten weergeven, productfilters weergeven, een zoekvak voor producten toevoegen en meer.

Bovendien vervangen deze blokken veel van de WooCommerce-shortcodes die u in het verleden moest gebruiken, wat u een eenvoudigere, meer visuele ervaring geeft bij het werken in de editor.

U kunt deze WooCommerce-blokken op dezelfde manier gebruiken als elk ander blok.

Open de pagina of het bericht waaraan je wilt werken, klik op het plusteken (+) en zoek naar het gewenste blok:

U kunt ook een volledige lijst met beschikbare WooCommerce-blokken bekijken door op de plusknop (+) in de linkerbovenhoek van uw scherm te klikken. Onder de Blokken tabblad, scrol omlaag naar de WooCommerce sectie:

Houd er rekening mee dat u, om toegang te krijgen tot WooCommerce-blokken, eerst WooCommerce op uw site moet installeren en activeren. Als u nog steeds de klassieke editor gebruikt, moet u in plaats daarvan overschakelen naar de blokeditor.

Beste WooCommerce-blokken (en hoe ze te gebruiken)

Zodra je WooCommerce hebt geïnstalleerd en je producten hebt geüpload, kun je beginnen met het toevoegen van nieuwe features en functies aan je winkel. Laten we eens kijken naar zes handige WooCommerce-blokken en hoe u ze effectief kunt gebruiken op uw WordPress-site.

1. De Alle producten blok
2. De Hoogst gewaardeerde producten blok
3. De Filter producten op prijs blok
4. De product zoeken blok
5. De Alle recensies blok
6. De Het uitgelichte product blok

1. De Alle producten blok

De Alle producten blok is een van de meest essentiële elementen voor elke winkel. Hiermee kunt u al uw producten in een net raster weergeven:

Standaard geeft het blok de naam, prijs en sterbeoordeling voor elk product weer, evenals een call-to-action (CTA) -knop. Het wordt ook geleverd met paginerings- en sorteeropties, waardoor het voor gebruikers gemakkelijker wordt om door uw productcatalogus te bladeren.

Zoals met de meeste WooCommerce-blokken, kunt u de Alle producten functie die aan uw behoeften voldoet. Als u op het blok klikt, krijgt u een selectie van instellingen in het paneel aan de rechterkant:

Daar kunt u de lay-out van uw raster bewerken. U kunt bijvoorbeeld het aantal rijen en kolommen per pagina wijzigen. Je hebt ook de mogelijkheid om het sorteermenu te verbergen of een andere standaardoptie te kiezen voor het bestellen van producten.

Bovendien kunt u de items binnen het raster bewerken. Selecteer hiervoor het blok en klik op het potloodpictogram in de werkbalk:

Binnen het voorbeeld kunt u individuele elementen bewerken, zoals de afbeelding, productnaam en CTA-knop:

U kunt deze items herschikken met behulp van de pijlen omhoog en omlaag in hun individuele werkbalken. U kunt ook elementen verwijderen of andere productblokken toevoegen, zoals Productoverzicht of Productbeoordeling. Bovendien worden deze wijzigingen toegepast op elk product in uw raster, zodat u niet elk product afzonderlijk hoeft te bewerken.

We raden u aan om productdetails tot een minimum te beperken, om te voorkomen dat kopers worden overspoeld met te veel informatie. Evenzo wilt u misschien slechts een paar items per pagina weergeven.

Het is ook het beste om een Voeg toe aan winkelkar knop. Op deze manier kunnen gebruikers die geïnteresseerd zijn in een bepaald product dit eenvoudig aan hun bestellingen toevoegen zonder de pagina te hoeven verlaten.

2. De Hoogst gewaardeerde producten blok

Het ontvangen van positieve beoordelingen van klanten kan zeer lonend zijn. Sterker nog, u kunt die beoordelingen gebruiken om uw omzet te verhogen.

De Hoogst gewaardeerde producten blok laat je de producten met het hoogste aantal positieve beoordelingen zien:

Beoordelingen spelen een cruciale rol in het succes van uw winkel. Ze dienen als bewijs voor nieuwe bezoekers dat uw producten van hoge kwaliteit zijn, waardoor u meer conversies kunt genereren.

Daarom raden we u aan om de Hoogst gewaardeerde producten blok op een prominente plaats op uw website. U kunt het bijvoorbeeld toevoegen aan uw startpagina of de zijbalk van uw productpagina’s.

Als het gaat om het aanpassen van de Hoogst gewaardeerde producten blokkeren, heb je verschillende opties. U kunt bijvoorbeeld het aantal producten dat u wilt tonen aanpassen:

U kunt ook bepaalde details over de producten verbergen, zoals hun prijzen. Bovendien kunt u ervoor kiezen om alleen de best beoordeelde artikelen in een bepaalde categorie weer te geven, zoals kleding.

Als u nog niet veel beoordelingen heeft om te laten zien, wilt u misschien de Best verkopende producten in plaats daarvan blokkeren. Hiermee worden de meest populaire items op uw site weergegeven op basis van het aantal gemaakte verkopen.

Een ander soortgelijk kenmerk is de nieuwste producten blok. Zoals de naam al doet vermoeden, kunt u hiermee uw meest recente toevoegingen promoten.

3. De Filter producten op prijs blok

Filterfunctionaliteit maakt het voor gebruikers gemakkelijker om te vinden waarnaar ze op zoek zijn. Dit kan met name handig zijn wanneer een klant een vast budget heeft.

De Filter producten op prijs blok laat gebruikers een minimum- en maximumprijs definiëren met behulp van een eenvoudige schuifregelaar:

Dit blok werkt samen met de Alle producten blok dat we eerder hebben genoemd. Zodra een gebruiker een specifieke prijsklasse heeft ingesteld, zal WooCommerce de productlijst automatisch bijwerken om alleen de items weer te geven die binnen dat budget vallen:

De Filter producten op prijs blok is eenvoudig te gebruiken. U kunt het uw gebruikers echter nog gemakkelijker maken door hen specifieke bedragen te laten invoeren. Om dit te doen, selecteert u het blok en navigeert u naar het instellingenpaneel. Onder Prijsbereikselecteer de Bewerkbaar optie:

Naast het filteren van producten op prijs, wilt u misschien ook kopers in staat stellen naar artikelen te zoeken op basis van productkenmerken zoals maat en kleur. Hiervoor kunt u de Filter producten op kenmerk blok samen met de Alle producten blok:

Een andere handige functie is de Actieve filters blok. Wanneer u dit aan uw pagina toevoegt, kunnen gebruikers een lijst met hun huidige filters zien.

4. De product zoeken blok

Een krachtige manier om de gebruikerservaring (UX) van uw site te verbeteren, is door zoekfunctionaliteit toe te voegen. Hierdoor kunnen gebruikers snel zoeken naar specifieke items die ze in gedachten hebben, in plaats van door uw catalogus te moeten bladeren totdat ze vinden wat ze zoeken.

Gelukkig biedt WooCommerce een product zoeken blok:

U kunt de zoekbalk overal op uw site plaatsen waar u maar wilt. We raden u echter aan om het recht boven uw productrasters te plaatsen, waar gebruikers het gemakkelijk kunnen zien:

De product zoeken blok biedt niet veel aanpassingsmogelijkheden. U heeft echter wel de mogelijkheid om het zoekveldlabel te verbergen, zodat alleen de zoekbalk zichtbaar is.

5. De Alle recensies blok

Zoals we eerder vermeldden, kan het weergeven van beoordelingen bezoekers die voor het eerst komen aanmoedigen om uw producten te proberen. Een recent onderzoek toonde zelfs aan dat bijna alle shoppers klantbeoordelingen raadplegen voordat ze een aankoop doen [1].

Zoals de naam al doet vermoeden, de Alle recensies block laat je al je klantfeedback op één plek presenteren:

U krijgt ook enige controle over de lay-out en inhoud van uw beoordelingen. U kunt bijvoorbeeld bepaalde informatie verbergen, zoals de namen van de reviewers en reviewgegevens.

U kunt ook foto’s van recensenten vervangen door productafbeeldingen en het aantal recensies selecteren dat u tegelijkertijd wilt weergeven. Ondertussen kunnen gebruikers beoordelingen ordenen op datum van publicatie, hoogste beoordeling en laagste beoordeling.

Er zijn verschillende manieren waarop u uw beoordelingen kunt weergeven. U kunt ze bijvoorbeeld op uw startpagina plaatsen om hun zichtbaarheid te vergroten of ze opnieuw toevoegen op uw Over-pagina.

Misschien wil je ook wel combineren Alle recensies blok met twee andere gerelateerde functies: Recensies per product en Recensies per categorie. Met deze blokken kunt u klantbeoordelingen en recensies voor bepaalde artikelen en categorieën weergeven.

6. De Het uitgelichte product blok

Als u interesse wilt wekken voor een bepaald item, kan de Het uitgelichte product blok kan zeer effectief zijn. U kunt elk gewenst product markeren, op elke pagina of post op uw site.

Bovendien kunt u er meerdere maken Het uitgelichte product blokken voor verschillende items. Wanneer u dit blok aan uw pagina toevoegt, wordt u gevraagd een product te selecteren:

U kunt vervolgens de lay-out van uw uitgelichte product aanpassen:

U kunt bijvoorbeeld de productomschrijving en prijs verbergen en een andere overlay-kleur kiezen. Er is ook een focuspuntkiezer, waarmee u de positie van het hoofdobject in uw afbeelding kunt verschuiven.

Bovendien kunt u de CTA-knop binnen het blok bewerken. Het enige dat u hoeft te doen, is erop klikken en u krijgt een selectie van opties. U kunt bijvoorbeeld de link bijwerken en de kleur en typografie van de knop aanpassen:

Wat uw voorkeuren ook zijn, het is belangrijk om ervoor te zorgen dat essentiële elementen zoals de productnaam en CTA duidelijk zichtbaar zijn. Zorg er ook voor dat de knop naar de juiste pagina linkt.

Voor een betere zichtbaarheid raden we aan uitgelichte producten op uw startpagina of een speciale winkelpagina te presenteren. Je zou dit blok echter ook kunnen gebruiken in blogposts om de aandacht te vestigen op bepaalde producten.

Misschien wil je ook eens kijken naar de Uitgelichte categorie blok. Deze functie kan erg handig zijn als u de verkoop in bepaalde productcategorieën probeert te verhogen.

Ga vandaag nog aan de slag met WooCommerce-blokken

In dit bericht hebben we gekeken naar enkele van de meest essentiële WooCommerce-blokken. Bijvoorbeeld de Alle producten Met block kunt u uw volledige productcatalogus weergeven in een professioneel raster. Ondertussen functies zoals Hoogst gewaardeerde producten en Alle recensies kan u helpen meer verkopen te genereren.