WooCommerce product-shortcodes: nog steeds handig en relevant

Gepubliceerd door Sander op

WooCommerce product-shortcodes worden regelmatig weggezet als iets van “vroeger”, zeker nu blocks steeds prominenter aanwezig zijn in de editor. Toch zijn ze in de praktijk nog altijd relevant. Niet uit gewoonte, maar omdat ze snelheid, controle en herbruikbaarheid bieden — eigenschappen die in e-commerce belangrijk blijven.

In deze blog leg ik uit waarom WooCommerce product-shortcodes nog steeds een logische keuze zijn, hoe je ze inzet en welke parameters je kunt gebruiken binnen de [products] shortcode.

Wat zijn WooCommerce product-shortcodes?

Een product-shortcode is een korte instructie die je in een pagina, bericht of template plaatst. WooCommerce zet deze automatisch om in een productweergave, zoals een grid of lijst.

Je kunt een shortcode aan iedere pagina of ieder widgetgebied toevoegen door simpelweg het block ‘shortcode’ te selecteren.

Woocommerce WordPress Shortcode Selectie

Dit genereert het volgende block:

Woocommerce WordPress Shortcode Block

De meest gebruikte shortcode is [products]. Daarmee bepaal je zelf welke producten worden getoond, hoe ze gesorteerd zijn en hoe ze worden gepresenteerd — zonder dat je hoeft te programmeren.

Waarom shortcodes nog steeds gebruikt worden

Blocks zijn geschikt voor standaardoplossingen, maar shortcodes blijven praktisch wanneer je:

  • exacte controle wilt over selectie en sortering
  • productcontent op meerdere plekken wilt hergebruiken
  • werkt met custom templates of page builders
  • snel aanpassingen wilt doen zonder layoutwijzigingen

Shortcodes zijn voorspelbaar en consistent. Dat maakt ze geschikt voor campagnes, landingspagina’s en commerciële content.

De [products] shortcode als basis

De [products] shortcode vormt de basis voor vrijwel alle productweergaves buiten de standaard shop- en categoriepagina’s. Met parameters kun je onder andere instellen:

  • het aantal producten
  • het aantal kolommen
  • sortering en volgorde
  • filtering op categorie, tag of specifieke producten
  • zichtbaarheid en speciale producttypes

Hierdoor is deze shortcode breed inzetbaar voor acties, themapagina’s en contentpagina’s met commerciële doelen.

Overzicht van [products] parameters

Onderstaande tabel geeft een overzicht van de meest gebruikte parameters en hun functie.

ParameterFunctie
limitAantal producten dat wordt getoond
columnsAantal kolommen in de productweergave
paginatePaginering aan of uit (true / false)
orderbySorteerveld, zoals date, title, price, popularity of rating
orderSorteervolgorde (ASC of DESC)
categoryFiltert producten op categorie
tagFiltert producten op tag
skusToont producten op basis van SKU
idsToont producten op basis van product-ID
on_saleToont alleen producten in de aanbieding
best_sellingToont best verkochte producten
top_ratedToont hoogst beoordeelde producten
visibilityFiltert op zichtbaarheid (visible, catalog, search, featured)
classVoegt een CSS-klasse toe
attributeFiltert op productattribuut
termsWaarden van het gekozen attribuut

Met deze parameters kun je vrijwel elke gewenste productselectie samenstellen.

Veelgebruikte voorbeelden

Producten in de aanbieding

[products limit="4" columns="4" on_sale="true"]

Geschikt voor actie- en campagnepagina’s.

Uitgelichte producten

[products limit="4" columns="2" visibility="featured"]

Handig voor homepages of vaste promotieblokken.

Best verkochte producten

[products limit="6" best_selling="true"]

Geeft inzicht in populaire producten.

Nieuwste producten

[products limit="8" orderby="date" order="DESC"]

Voor shops met een regelmatig wisselend aanbod.

Gerichter filteren

Filteren op categorie

[products category="Broeken,T-Shirts" columns="4"]

Toont producten uit meerdere categorieën tegelijk.

Filteren op tags

[products tag="zomer" columns="3"]

Geschikt voor tijdelijke campagnes.

Specifieke producten tonen

[products skus="SKU123,SKU456"]

of

[products ids="id123,id456"]
WooCommerce product-shortcode - Waar vind ik het product id?

Je kunt het id van een product vinden door in het overzicht over het product te hoveren.

Handig voor curated selecties of bundels.

Aanvullende product-shortcodes

Naast [products] zijn er shortcodes die beter passen bij specifieke situaties.

Gerelateerde producten

[related_products]

Toont automatisch gerelateerde producten op basis van het huidige product.

Add-to-cart knop

[add_to_cart id="99"]

Maakt directe aankoop mogelijk vanuit contentpagina’s.

Shortcodes of blocks?

Blocks zijn geschikt voor eenvoudige, visuele opzet. Shortcodes zijn praktischer wanneer je:

  • meer controle nodig hebt
  • productselecties wilt hergebruiken
  • snel wilt aanpassen zonder layoutwijzigingen

In de meeste WooCommerce-sites bestaan ze probleemloos naast elkaar.

Minder zichtbaar, nog steeds onmisbaar

WooCommerce product-shortcodes zijn geen verouderde oplossing, maar een bewuste keuze voor wie controle en flexibiliteit wil. Vooral de [products] shortcode maakt het mogelijk om producten strategisch te tonen buiten de standaard shopstructuur.

Voor marketeers en ontwikkelaars die efficiënt willen werken, blijven shortcodes een relevant en betrouwbaar onderdeel van WooCommerce.

Heb je hulp nodig met jouw e-commerce of content development? Neem gerust even contact op.