Producten weergeven op een pagina met shortcodes #

In Autorespond kun je je webshopproducten op elke gewenste pagina tonen zonder dat je Elementor Pro nodig hebt. Dit werkt via een shortcode die je in een Shortcode-blok op een pagina plakt. Zo kun je je productcatalogus instellen als homepage, op een landingspagina zetten of alleen producten uit een specifieke categorie tonen.

Basisshortcode voor alle producten #

De eenvoudigste manier om producten te tonen is met deze shortcode:

[products limit="12" columns="3" orderby="date" order="DESC"]

Dit toont de twaalf meest recent toegevoegde producten in drie kolommen. Pas limit aan voor meer of minder producten en columns voor het aantal kolommen naast elkaar.

Filteren op productcategorie #

Wil je alleen producten uit een specifieke categorie tonen, dan voeg je de parameter category toe met de slug van de categorie. De slug is de URL-vriendelijke naam die je zelf instelt bij de categorie.

Voorbeeld voor één categorie:

[products limit="12" columns="3" orderby="date" order="DESC" category="boeken"]

Meerdere categorieën combineer je met een komma:

[products limit="12" columns="3" orderby="date" order="DESC" category="boeken,e-books"]

Slug van een categorie opzoeken #

Ga naar Shop → Productcategorieën en klik op de categorie die je wilt gebruiken. Het veld Slug bevat de waarde die je in de shortcode gebruikt. Als je de slug nog niet hebt ingesteld, vult het systeem automatisch een slug in op basis van de categorienaam.

Alleen uitgelichte producten tonen #

Producten die je hebt gemarkeerd als ‘uitgelicht’ in de productinstellingen kun je apart tonen met een eigen shortcode:

[products limit="12" columns="3" visibility="featured"]

Een product instellen als uitgelicht doe je via Shop → Producten. Open een product en kijk bij de productafbeelding naar het ster-icoon — klik daarop om het product als uitgelicht te markeren.

Sorteervolgorde aanpassen #

Met de parameters orderby en order bepaal je de volgorde waarin producten worden getoond.

• orderby=”date” order=”DESC” — nieuwste producten eerst
• orderby=”date” order=”ASC” — oudste producten eerst
• orderby=”title” order=”ASC” — alfabetisch op naam
• orderby=”price” order=”ASC” — laagste prijs eerst
• orderby=”price” order=”DESC” — hoogste prijs eerst
• orderby=”popularity” — meest verkochte producten eerst
• orderby=”rating” — hoogst beoordeelde producten eerst

Shortcode op een pagina plaatsen #

1. Ga naar Website → Pagina’s en open de pagina waar je de producten wilt tonen, of maak een nieuwe pagina aan.
2. Voeg een Shortcode-blok toe in de editor.
3. Plak de shortcode in het blok.
4. Sla de pagina op en bekijk het resultaat.
5. Werkt de weergave nog niet direct? Leeg dan de cache via Beheer → Cache toolbox.

Productpagina instellen als homepage #

Wil je dat de producten direct zichtbaar zijn op je homepage, dan heb je twee opties.

Optie 1 — Shortcode op de bestaande homepage: Open je huidige homepage via Website → Pagina’s en voeg de shortcode toe aan de pagina. De URL van je homepage blijft gelijk.

Optie 2 — De standaard winkelpagina als homepage instellen: Ga naar Website → Website Instellingen en open het paneel Homepage instellingen. Kies hier voor een statische pagina en selecteer je winkelpagina als homepage. De pagina is dan bereikbaar via zowel je domeinnaam als de eigen URL van de pagina.

Winkel-URL aanpassen #

De URL van je winkelpagina stel je in via Shop → Shop Instellingen, tab Producten. In het veld Winkelpagina kies je welke pagina als winkelpagina wordt gebruikt. De URL van die pagina bepaalt de adresbalk — wil je /boeken in plaats van /shop, maak dan een pagina aan met de slug boeken en selecteer die hier.