Een productpagina heeft één taak. Een bezoeker omzetten in een koper. Elk element op de pagina helpt daarbij of staat het in de weg.
Op productpagina's vallen koopbeslissingen. De homepage haalt bezoekers binnen. Categoriepagina's brengen ze naar het juiste onderdeel. Maar op de productpagina besluiten ze te kopen of te vertrekken. Een shop kan overal sterke branding en een strak ontwerp hebben en toch verkopen mislopen op productpagina's die niet converteren.
In dit artikel lees je wat een productpagina laat werken. De elementen die beslissingen sturen, de fouten die conversie doden en hoe een goede pagina eruitziet op mobiel, waar de meeste koopbeslissingen nu vallen.
Wat moet een productpagina doen?
Kopers kunnen je product niet vasthouden, passen of van dichtbij bekijken. De productpagina moet dat allemaal voor ze doen. Hij moet elke vraag beantwoorden die een koper kan hebben voordat hij zich prettig voelt bij het klikken op "in winkelwagen".
Die vragen zijn voorspelbaar. Hoe ziet het eruit vanuit alle hoeken? Welke maat of variant heb ik nodig? Wat doet het eigenlijk? Wat kost het, inclusief verzending? Wat gebeurt er als het niet goed is? Wie heeft het nog meer gekocht en wat vonden die ervan?
Een productpagina die een van die vragen onbeantwoord laat, laat conversies liggen.
Producttitel
De producttitel moet duidelijk en vindbaar zijn. Het is het eerste wat een koper leest en een van de belangrijkste dingen waarmee zoekmachines begrijpen wat je product is.
Zet de belangrijkste kenmerken in de titel: wat het product is, waarvan het is gemaakt of wat het doet, en een relevante omschrijving die het onderscheidt. "Merinowollen hardloopsokken, halfhoog" is nuttiger dan "Performance-sokken". Kopers die zoekresultaten of categoriepagina's doorlopen, moeten precies weten wat het product is voordat ze klikken.
Prop de titel niet vol met zoekwoorden. Schrijf eerst voor de koper. Een titel die natuurlijk leest en het belangrijkste kenmerk bevat, doet het beter dan een titel die is opgevuld met extra termen.
Productafbeeldingen
Afbeeldingen zijn het belangrijkste element op een productpagina. Kopers beslissen of ze verder lezen op basis van wat ze als eerste zien. Slechte afbeeldingen ondermijnen elk ander element op de pagina.
Elke productpagina heeft meerdere afbeeldingen nodig. Het gebruikelijke minimum is vier tot zes. Toon het product van voren, vanuit meerdere hoeken, een close-up van belangrijke details en minstens één lifestylebeeld waarop het in gebruik of in context te zien is. Toon kleding op een model. Toon gereedschap of huishoudartikelen in de omgeving waar ze worden gebruikt. Toon eten of verbruiksartikelen duidelijk, met de verpakking.
Video geeft extra vertrouwen bij producten die baat hebben bij het zien van beweging, schaal of montage. Het hoeft niet professioneel gemaakt te zijn. Een duidelijke demonstratie, met je telefoon gefilmd, is nuttiger dan helemaal geen video.
Beeldkwaliteit telt. Gecomprimeerde, onscherpe of slecht belichte foto's laten zien dat een shop niet zorgvuldig is met zijn presentatie. Kunnen kopers niet inzoomen om een detail te controleren, dan kopen ze niets waarbij dat detail ertoe doet, zoals stofstructuur, afwerking of pasvorm.
Productbeschrijving
Een productbeschrijving die kenmerken opsomt zonder uit te leggen wat ze voor de koper betekenen, is een gemiste kans. Goede beschrijvingen beginnen met resultaten. Wat gaat de koper ervaren doordat hij dit product heeft?
Behandel daarna de details. Afmetingen, materialen, gewicht, compatibiliteit, wat er in de doos zit. Hebben kopers waarschijnlijk vragen over hoe het product werkt of of het bij hun situatie past, beantwoord die dan in de beschrijving.
Schrijf simpel. Elke zin moet zijn plek verdienen. Vermijd opvulzinnen, marketingtaal en bijvoeglijke naamwoorden die niets toevoegen. Een volledige uitleg over het schrijven van productteksten die converteren vind je in hoe je productbeschrijvingen schrijft die verkopen.
Prijs en varianten
De prijs moet duidelijk en prominent zijn. Kopers moeten er niet naar hoeven zoeken. Zet hem bij de producttitel en de afbeeldingen, waar mogelijk boven de vouw.
Komt je product in varianten, zoals maat, kleur, materiaal of aantal, maak het kiezen van een variant dan makkelijk. Gebruik duidelijke labels, waar passend visuele kleurstalen, en maak de gekozen variant duidelijk zichtbaar, zodat kopers zeker weten dat ze de juiste optie in de winkelwagen leggen.
Verandert een variant de prijs, werk dan de getoonde prijs direct bij als de koper kiest. Verrassingen bij het afrekenen zorgen voor afhakers. Transparantie op de hele productpagina verkleint dat risico.
Zijn bepaalde varianten uitverkocht, toon dat dan duidelijk in de variantkeuze, in plaats van kopers niet-beschikbare artikelen in de winkelwagen te laten leggen en bij het afrekenen een foutmelding te geven.
Knop voor in winkelwagen
De knop voor in winkelwagen is het conversiepunt. De plaatsing en zichtbaarheid ervan bepalen direct hoeveel kopers doorzetten.
Hij hoort op desktop boven de vouw te staan en op mobiel zonder veel scrollen bereikbaar te zijn. Gebruik een kleur die opvalt op de rest van de pagina en die makkelijk aan te tikken is op een touchscreen. Het label moet ondubbelzinnig zijn: "In winkelwagen" of "Nu kopen". Vermijd labels die vaag zijn of nadenken vragen.
Vooral op mobiel telt de grootte van de knop. Een kleine of smalle knop is lastiger nauwkeurig aan te tikken en zorgt voor microwrijving bij de belangrijkste actie op de pagina. Maak hem groot genoeg om comfortabel met je duim aan te tikken.
Social proof
Kopers vertrouwen andere kopers. Een productpagina met reviews en beoordelingen converteert beter dan een identieke pagina zonder. Het is een van de meest betrouwbare conversieverbeteringen die een shop kan doorvoeren.
Toon sterrenbeoordelingen bij de producttitel, zodat kopers ze meteen zien. Toon onder de beschrijving of verderop de volledige reviews, inclusief aanduidingen voor geverifieerde aankopen. Hebben kopers foto's of video's gedeeld waarop ze het product gebruiken, laat die dan zien als door gebruikers gemaakte content. Echte kopers die het product in echte situaties tonen, nemen de onzekerheid weg die een aankoop tegenhoudt.
Heeft een product nog geen reviews, overweeg dan te lanceren met een kleine groep kopers die vroeg feedback kunnen geven. Een lege reviewsectie bij een nieuw product is op zich niet schadelijk, maar het is wel een gemiste kans om vertrouwen op te bouwen.
Vertrouwenssignalen
Vertrouwenssignalen bij de knop voor in winkelwagen gaan in op de specifieke zorgen die kopers hebben op het moment dat ze willen betalen. De nuttigste dekken de belangrijkste bezwaren.
- Een samenvatting van het retourbeleid, zoals "gratis retour binnen 30 dagen", beantwoordt de angst om met iets verkeerds te blijven zitten
- Een verzendindicatie, zoals "verzonden binnen 1 tot 3 werkdagen", beantwoordt de angst om te lang te wachten
- Pictogrammen voor veilig betalen nemen zorgen over betalingsveiligheid weg
- Een geld-terug-garantie, als je die biedt, neemt het risico van de eerste aankoop helemaal weg
Verstop deze niet in de footer of de FAQ. Zet ze op de productpagina, dicht bij de koopknop, waar ze op het moment van beslissen worden gezien.
Gerelateerde producten
Een sectie met gerelateerde producten dient twee doelen. Ze geven kopers die nog niet helemaal overtuigd zijn van het huidige product een alternatief om te bekijken. Ze geven kopers die klaar zijn om te kopen ook de kans om meer aan hun bestelling toe te voegen.
Plaats gerelateerde producten onder de hoofdcontent van het product, na de beschrijving en de reviews. Zo blijft de focus op het product zelf en verschijnen alternatieven pas nadat de koper het heeft kunnen beoordelen.
Hou de sectie met gerelateerde producten gericht. Vier tot acht producten is genoeg. Te veel opties verwateren het nut van de sectie en zorgen voor keuzestress. Toon producten die echt aanvullend zijn of uit dezelfde categorie komen, geen willekeurige artikelen uit de hele shop.
Productpagina ontwerpen voor mobiel
Op mobiel moet de indeling van de productpagina passen bij scrollen met één hand en tikken binnen duimbereik. De afbeeldingencarrousel moet natuurlijk veegbaar zijn. Variantkeuzes moeten groot genoeg zijn om nauwkeurig aan te tikken. De knop voor in winkelwagen moet zichtbaar of bereikbaar blijven terwijl de koper door de beschrijving en de reviews scrolt.
Een vaste knop voor in winkelwagen die onderaan het scherm blijft staan terwijl kopers scrollen, is een van de effectiefste verbeteringen voor mobiele productpagina's. Kopers kunnen de beschrijving lezen, reviews bekijken en in de winkelwagen leggen zonder terug naar boven te scrollen. Op langere productpagina's verkleint dit de drempel tussen beslissen en kopen.
Wat een productpagina om zeep helpt
Sommige problemen met productpagina's zijn duidelijk. Slechte afbeeldingen, geen reviews, onduidelijke prijzen. Andere zijn subtieler maar even schadelijk.
Te veel tekst zonder visuele onderbrekingen
Kopers scannen. Ze lezen niet regel voor regel. Dichte alinea's duwen ze naar een rustigere pagina elders.
Geen optimalisatie voor mobiel
Een productpagina die op desktop werkt maar op mobiel kapotgaat, verliest het grootste deel van je verkeer voordat er een beslissing is gevallen.
Verborgen of ontbrekende informatie over beleid
Kopers die je retourbeleid niet kunnen vinden, vragen er niet naar. Ze vertrekken en kopen bij een shop waar het makkelijk te vinden is.
Uitverkochte varianten die niet gemarkeerd zijn
Niets frustreert een koper meer dan iets in de winkelwagen leggen en bij het afrekenen ontdekken dat zijn maat of kleur niet beschikbaar is.
Trage laadtijd
Elke extra seconde die een productpagina laadt, verlaagt de conversie. Te grote afbeeldingen zijn de meest voorkomende oorzaak.
Verwarrende variantkeuze
Kan een koper niet makkelijk zien welke maat, kleur of optie hij heeft gekozen, dan neemt hij niet het risico het verkeerde te kopen.
Hoe WEMASY productpagina's regelt
Het webshopsysteem van WEMASY heeft productpagina's met afbeeldingengalerijen, variantkeuze, reviews, verzendinformatie en plekken voor vertrouwenssignalen ingebouwd. De indeling is automatisch geoptimaliseerd voor mobiel. Jij voegt de content toe en het systeem regelt de structuur.
Bekijk op de pagina met WEMASY-prijzen wat elk plan bevat.
Lees ook: Hoe kies je een webshopplatform en Wat is een categoriepagina en hoe ontwerp je er een.
Veelgestelde vragen
Hoeveel afbeeldingen heeft een productpagina nodig?
Minimaal vier tot zes afbeeldingen per product. Toon het product vanuit meerdere hoeken, met close-ups van belangrijke details, en neem minstens één lifestylefoto op die het in context toont. Toon kleding op een model. Toon gereedschap of apparatuur in gebruik. Meer afbeeldingen verminderen onzekerheid, en minder onzekerheid verhoogt de conversie. Met de websitebouwer van WEMASY stel je dit direct in je shop in.
Moeten productbeschrijvingen lang of kort zijn?
Lang genoeg om elke vraag van een koper te beantwoorden, kort genoeg om leesbaar te blijven. Voor eenvoudige producten volstaan een paar duidelijke zinnen plus de belangrijkste specificaties. Voor complexe of premiumproducten is een langere beschrijving gerechtvaardigd die voordelen, toepassingen en onderscheidende details behandelt. Geef de tekst structuur met korte alinea's en scanbare opmaak, zodat kopers de informatie vinden die ze zoeken zonder elk woord te lezen.
Waar moet het retourbeleid op de productpagina staan?
Bij de knop voor in winkelwagen. Kopers willen hun risico weten voordat ze besluiten. Een korte samenvatting als "30 dagen gratis retour" dicht bij de koopknop beantwoordt die zorg precies op het juiste moment. Een volledig retourbeleid in de footer is nuttig, maar geen vervanging voor een zichtbare samenvatting op de productpagina zelf.
Verbeteren productvideo's de conversie echt?
Ja, bij de meeste soorten producten. Video helpt als kopers schaal, beweging, montage of de werking in de praktijk moeten begrijpen. Zelfs een korte clip met je telefoon kan genoeg zijn. De lat ligt niet bij productiekwaliteit, maar bij duidelijkheid. Een echte demonstratie geeft meer vertrouwen dan een gelikte promotievideo waarin het product niet in gebruik wordt getoond.
Moet ik producten van concurrenten tonen bij gerelateerde producten?
Nee. De sectie met gerelateerde producten hoort alleen je eigen assortiment te tonen. Het doel is kopers in je shop te houden, door ze een alternatief te laten zien of iets aanvullends voor te stellen. Kopers naar een vergelijking sturen, ook indirect, werkt dat doel tegen.
Wat is het verschil tussen een knop voor in winkelwagen en een knop voor nu kopen?
"In winkelwagen" brengt de koper naar de winkelwagenpagina waar hij de bestelling controleert en daarna doorgaat naar afrekenen. "Nu kopen" slaat de winkelwagen over en gaat direct naar afrekenen. Beide hebben hun nut. "In winkelwagen" werkt beter voor shops waar kopers vaak meerdere artikelen kopen. "Nu kopen" werkt beter voor impulsaankopen of aankopen van één artikel. Veel shops bieden beide, met "In winkelwagen" als hoofdknop en "Nu kopen" als tweede optie.