Home › Kennisbank › WooCommerce
Hoe maak ik een WooCommerce-productpagina aantrekkelijker?
Direct antwoord
Open het product in het WordPress-dashboard via Producten > Alle producten en verbeter vijf dingen: een duidelijke producttitel, scherpe foto’s vanuit meerdere hoeken, een beschrijving die de voordelen noemt, zichtbare beoordelingen en een opvallende knop In winkelwagen. Controleer het resultaat daarna op je telefoon.
Wat heb je nodig?
- Een inlog voor het WordPress-dashboard van je webshop, met de rol Beheerder of Winkelmanager
- Scherpe productfoto’s in dezelfde stijl, liefst vanuit meerdere hoeken en in gebruik
- De belangrijkste voordelen van het product en de vragen die klanten erover stellen
- Een telefoon om de productpagina na het aanpassen te bekijken
Stappenplan9 stappen
Waarom is de productpagina zo belangrijk?
De productpagina is de plek waar een bezoeker beslist of hij bestelt. Een goede productpagina haalt twijfel weg, wekt vertrouwen en maakt de keuze makkelijk.
Drie dingen bepalen het resultaat: vertrouwen, een consistente stijl en een pagina die op een telefoon net zo goed werkt als op een computer. Te veel informatie werkt juist tegen je. De bezoeker stelt zijn beslissing dan uit.
Stappenplan 9 stappen
Stap 1: Open het product
Ga naar jouwdomein.nl/wp-admin en log in. Vervang jouwdomein.nl door je eigen domeinnaam. Klik in het menu links op Producten > Alle producten en klik op de naam van het product dat je wilt verbeteren.
Stap 2: Maak de producttitel duidelijk
Controleer de titel in het veld bovenaan de pagina. Noem het soort product en het belangrijkste kenmerk, in woorden waarop klanten zoeken. Bijvoorbeeld Leren damesportemonnee met RFID-bescherming in plaats van PM-2041 zwart.
Haal interne codes, artikelnummers en overbodige toevoegingen uit de titel. Die horen in het veld SKU op het tabblad Voorraad.
Stap 3: Vervang of voeg productfoto’s toe
Klik rechts in het vak Productafbeelding op Productafbeelding instellen, of op de huidige foto om die te vervangen. Kies een scherpe hoofdfoto. Klik daarna in het vak Productgalerij op Productafbeeldingen galerij toevoegen en voeg foto’s toe vanuit meerdere hoeken en van het product in gebruik.
Gebruik voor alle foto’s dezelfde achtergrond en belichting. WooCommerce vergroot een foto als de bezoeker er met de muis overheen beweegt en opent de galerij in een groot venster, als je thema dat ondersteunt. Een 360-gradenweergave vraagt een extra plugin. Lees hoe je productafbeeldingen en galerijen instelt.
Stap 4: Herschrijf de korte beschrijving
Scrol naar het vak Korte productbeschrijving. Deze tekst staat in de meeste thema’s direct naast de foto, dus de bezoeker leest hem als eerste. Zet hier in drie tot vijf korte regels de belangrijkste voordelen voor de klant, bijvoorbeeld als opsomming.
Stap 5: Werk de uitgebreide beschrijving uit
Scrol naar het grote tekstvak onder de titel. Schrijf hier de volledige uitleg: voor wie het product is, wat het oplost en hoe je het gebruikt. Beantwoord de veelgestelde vragen over het product in deze tekst.
Specificaties zoals maat, materiaal of gewicht zet je op het tabblad Attributen in het vak Productgegevens. Vink daar Toon op de productpagina aan. Ze verschijnen dan in een overzichtelijke tabel.
Stap 6: Sla het product op
Klik rechts in het vak Publiceren op Updaten. In oudere versies heet deze knop Bijwerken.
Stap 7: Zet beoordelingen aan
Ga naar WooCommerce > Instellingen > Producten. Zet het vinkje aan bij Productbeoordelingen inschakelen en bij Sterrenbeoordeling inschakelen voor beoordelingen. Wil je alleen beoordelingen van echte kopers, zet dan ook Er kunnen alleen beoordelingen worden gegeven door ‘gecontroleerde eigenaren’ aan. Klik op Wijzigingen opslaan.
Beoordelingen en sterren van andere klanten zijn het sterkste bewijs dat je product goed is. Foto’s van klanten voeg je toe met een plugin voor beoordelingen. Lees hoe je productbeoordelingen instelt.
Stap 8: Maak de knop In winkelwagen opvallend
De knop In winkelwagen moet direct opvallen: een kleur die contrasteert met de rest van de pagina, en zichtbaar zonder scrollen. Waar je de kleur aanpast, hangt af van je thema:
- Bij een klassiek thema ga je naar Weergave > Customizer en zoek je de instellingen voor kleuren of knoppen van je thema.
- Bij een blokthema ga je naar Weergave > Editor en pas je de knoppen aan onder Stijlen.
- Bij een paginabouwer zoals Elementor pas je de knop aan in de template van de productpagina.
Haal afleiding rond de knop weg. Zet geen banners, pop-ups of lange teksten tussen de prijs en de knop.
Stap 9: Controleer de pagina op je telefoon
Open de productpagina op je telefoon. Controleer of de foto’s scherp zijn, of de korte beschrijving leesbaar is en of de knop In winkelwagen in beeld staat zonder lang te scrollen. Veel bezoekers van een webshop gebruiken alleen hun telefoon.
Controleer of het gelukt is
Open de productpagina in je webshop op een computer en op je telefoon. Je ziet de nieuwe titel, de foto’s in de galerij, de korte beschrijving naast de foto en de beoordelingen onder het product. De knop In winkelwagen is zonder scrollen zichtbaar.
Leg het product in de winkelwagen om te controleren of de prijs en de voorraad kloppen. Test ook de laadtijd met PageSpeed Insights: grote foto’s maken een productpagina snel traag.
Hoe schrijf ik een productbeschrijving die verkoopt?
- Noem de voordelen voor de klant, niet alleen de specificaties. Niet
500 gram, maarlicht genoeg om de hele dag te dragen. - Combineer een korte opsomming met een paar zinnen uitleg. Zo leest de haastige bezoeker de kernpunten en de twijfelende bezoeker de details.
- Beantwoord de vragen die klanten stellen direct op de pagina: maten, materiaal, levertijd, garantie en retourneren.
- Schrijf in de woorden van je klant, niet in de taal van je leverancier. Lees ook hoe je productbeschrijvingen beter vindbaar maakt.
Mag ik urgentie en schaarste gebruiken?
Ja, als het klopt. Een tijdelijke aanbieding met een echte einddatum of een melding dat er nog maar enkele exemplaren op voorraad zijn, helpt bezoekers beslissen.
Verzin nooit een tekort of een aflopende actie. Bezoekers merken dat en je verliest het vertrouwen dat je met de rest van de pagina hebt opgebouwd. In WooCommerce stel je een echte aanbieding in met Actieprijs en Periode instellen op het tabblad Algemeen van het vak Productgegevens. De echte voorraad toon je met de instelling Voorraad weergave format onder WooCommerce > Instellingen > Producten, onderdeel Voorraad.
Werkt het niet?
De foto’s zijn wazig of worden afgesneden
Upload foto’s van minstens 1000 pixels breed, allemaal in dezelfde verhouding. Hoe WooCommerce foto’s bijsnijdt, stel je bij een klassiek thema in via Weergave > Customizer, onderdeel WooCommerce, bij de instellingen voor productafbeeldingen. Bij een paginabouwer bepaalt de template van de productpagina het formaat.
De zoomfunctie of de galerij werkt niet
Je thema moet de galerijfuncties van WooCommerce ondersteunen. Gebruik je een paginabouwer, dan bepaalt de template van de productpagina welke galerij wordt getoond. Dien een ticket in via de helpdesk van ViVortis als de galerij niet werkt.
De beoordelingen staan niet op de productpagina
Controleer of Productbeoordelingen inschakelen aanstaat onder WooCommerce > Instellingen > Producten. Open daarna het product en controleer in het vak Productgegevens op het tabblad Geavanceerd of Beoordelingen inschakelen is aangevinkt.
De korte beschrijving staat niet naast de foto
Waar de korte beschrijving staat, bepaalt je thema of de template van je paginabouwer. Bekijk een ander product om te zien of het daar wel goed staat. Is het bij alle producten zo, dan moet de template worden aangepast.
De productpagina laadt traag
Verklein en comprimeer je foto’s voordat je ze uploadt en gebruik WebP of JPG. Lees hoe je je WordPress-website sneller maakt.
Veelgestelde vragen
Hoeveel foto’s heeft een product nodig?
Drie tot zes is meestal genoeg: een duidelijke hoofdfoto, een detailfoto, een foto van het product in gebruik en een foto die de maat of verhouding laat zien.
Mag ik de tekst van mijn leverancier gebruiken?
Liever niet. Dezelfde tekst staat dan ook op andere webshops. Schrijf een eigen tekst in de taal van je klant. Dat overtuigt beter en helpt je vindbaarheid.
Kan ik een video toevoegen aan de productpagina?
Ja. Plak de link van een YouTube-video in de uitgebreide beschrijving, dan sluit WordPress de video in. Lees hoe je een YouTube-video insluit. Een video in de galerij zelf vraagt een extra plugin.
Hoe toon ik dat er nog maar een paar exemplaren op voorraad zijn?
Zet voorraadbeheer aan voor het product en kies onder WooCommerce > Instellingen > Producten, onderdeel Voorraad, bij Voorraad weergave format de optie die de voorraad alleen toont als die laag is. Lees hoe je voorraadbeheer instelt.
Kan ik de tekst van de knop In winkelwagen veranderen?
De standaardtekst van WooCommerce is In winkelwagen. Een andere tekst kan via je thema, je paginabouwer of een kleine aanpassing in de code. Houd de tekst kort en duidelijk.
Hoe weet ik of mijn aanpassingen werken?
Vergelijk het aantal bestellingen voor en na de aanpassing in WooCommerce > Statistieken. Pas één ding per keer aan, zodat je weet wat het verschil maakte.
Hulp nodig?
Schakel de helpdesk van ViVortis in als:
- de galerij, de zoomfunctie of de beoordelingen niet op je productpagina verschijnen
- je de knop In winkelwagen niet kunt aanpassen in je thema of paginabouwer
- je productpagina’s traag laden nadat je de foto’s hebt verkleind
- je wilt dat ViVortis de opbouw van je productpagina’s beoordeelt
Dien een ticket in via de helpdesk van ViVortis en voeg waar mogelijk een screenshot toe.
Lukt het niet?
Dien een ticket in met een screenshot van wat je ziet. De helpdesk reageert meestal binnen één werkdag.