Hoe licht ik producten uit op een pagina?

Wat heb je nodig?

• Een webshop met WooCommerce en minstens een paar gepubliceerde producten.
• Een pagina met een sectie en een kolom. Weet je niet hoe? Lees eerst een sectie toevoegen en in kolommen indelen.

Stap 1: Voeg het blok Producten uitlichten toe

1. Open de pagina en klik in de kolom waar de producten moeten komen.
2. Klik op de + en zoek op Producten uitlichten. Je vindt het ook in de categorie Webshop blokken.
3. Klik het blok aan. Rechts verschijnen de instellingen, met twee tabbladen: Instellingen en Product pagina’s.

Stap 2: Kies welke producten je toont

Bij Producten sorteren op kies je wat het blok laat zien:

• Nieuwste producten eerst: altijd je laatst toegevoegde producten. Handig voor de homepage, want hij vult zichzelf.
• Producten in aanbieding in random volgorde: alleen producten met een actieprijs, elke keer in een andere volgorde.
• Geselecteerde producten in de onderstaande lijst in geselecteerde volgorde: jij kiest de producten bij Producten om uit te lichten, en ze verschijnen in de volgorde van je selectie.
• Random volgorde: een willekeurige greep uit je producten.

Laat je Producten om uit te lichten leeg, dan toont het blok automatisch de nieuwste producten.

Met Meta filters kun je de keuze verder beperken, bijvoorbeeld tot producten met een bepaald kenmerk. Die filters maak je eerst aan onder Algemene opties → Meta filters (zie het productfilter instellen).

Stap 3: Stel het aantal en het aantal per rij in

• Maximale aantal producten om te tonen: hoeveel producten er maximaal verschijnen. Laat je het leeg, dan zijn het er 4.
• Producten per rij: 1, 2, 3 of 4 naast elkaar. Kies je 4 per rij en toon je 6 producten, dan komen er 4 op de eerste rij en 2 op de tweede.

Klik op Opslaan en bekijk de pagina.

Als slider

Heb je meer producten dan er op één rij passen, dan is een slider vaak mooier. Zet Slider weergave inschakelen aan. Er verschijnt dan een groep Slider instellingen, met onder meer het aantal producten per slide, automatisch afspelen en pijltjes. Je kunt in een slider ook een halve kaart laten zien (bijvoorbeeld 2,5 per rij), zodat bezoekers zien dat er meer is. Alle slider-opties staan in een slider instellen.

Op productpagina’s: cross-sells en upsells

Gebruik je het blok onder je productpagina’s, bijvoorbeeld in een builder onder elk product? Dan kan het blok zelf de juiste producten kiezen. Ga naar het tabblad Product pagina’s en kies bij Automatische selectie van cross of upsells:

• Geen, handmatige selectie voor uitlichten: het blok werkt zoals hierboven.
• Cross-sells: de producten die je bij dat product als cross-sell hebt ingesteld (aanvullende producten).
• Up-sells: de up-sells van dat product (duurdere of betere varianten).

Cross-sells en up-sells stel je per product in bij WooCommerce: Productgegevens → Gerelateerde producten.

Lukt het niet?

• Je ziet “Er zijn op dit moment geen producten beschikbaar.” Het blok vindt geen producten die passen. Kies je aanbiedingen, controleer dan of er producten met een actieprijs zijn. Gebruik je een meta filter, haal die dan even weg om te testen.
• Je ziet andere producten dan je koos. Staat Producten sorteren op op Geselecteerde producten …? Alleen dan gebruikt het blok jouw selectie.
• Er komen maar 4 producten. Vul Maximale aantal producten om te tonen in. Leeg betekent 4.
• Een product ontbreekt. Controleer of het product gepubliceerd is en zichtbaar in de catalogus.

Kom je er niet uit? Neem contact met ons op, bel 06 35 66 47 73 of mail naar info@lefcreative.nl.