En produktsida har ett enda uppdrag. Göra en besökare till en köpare. Varje del av sidan hjälper antingen till med det eller står i vägen.
Produktsidor är där köpbesluten fattas. Startsidan lockar in besökare. Kategorisidor leder dem till rätt avdelning. Men det är på produktsidan de bestämmer sig för att köpa eller lämna. En butik kan ha ett starkt varumärke och en ren design överallt annars, och ändå förlora försäljning på produktsidor som inte konverterar.
Den här artikeln går igenom vad som får en produktsida att fungera. Delarna som styr besluten, misstagen som dödar konverteringen och hur en bra sida ser ut på mobil, där de flesta köpbeslut numera fattas.
Vad behöver en produktsida göra?
Köpare kan inte hålla i produkten, prova den eller undersöka den på plats. Produktsidan måste göra allt det åt dem. Den behöver besvara varje fråga en köpare kan ha innan hen känner sig trygg med att klicka på "lägg i varukorg".
Frågorna är förutsägbara. Hur ser den ut från alla vinklar? Vilken storlek eller variant behöver jag? Vad gör den egentligen? Vad kostar den inklusive frakt? Vad händer om den inte passar? Vem mer har köpt den och vad tyckte de?
En produktsida som lämnar någon av de frågorna obesvarad lämnar konverteringar på bordet.
Produkttitel
Produkttiteln ska vara tydlig och sökbar. Det är det första en köpare läser och en av de viktigaste faktorerna sökmotorer använder för att förstå vad din produkt är.
Ta med de viktigaste egenskaperna i titeln: vad produkten är, vad den är gjord av eller vad den gör, och en relevant beskrivning som skiljer den från andra. "Löparstrumpor i merinoull, halvhöga" är mer användbart än "Prestationsstrumpor". Köpare som skummar sökresultat eller kategorisidor ska veta exakt vad produkten är innan de klickar.
Proppa inte titeln full med sökord. Skriv för köparen först. En titel som läses naturligt och innehåller den viktigaste beskrivningen presterar bättre än en titel som fyllts ut med extra ord.
Produktbilder
Bilder är den viktigaste delen av en produktsida. Köpare bestämmer om de ska läsa vidare utifrån det de ser först. Dåliga bilder undergräver alla andra delar av sidan.
Varje produktsida behöver flera bilder. Standardminimum är fyra till sex. Visa produkten framifrån, från flera vinklar, en närbild på viktiga detaljer och minst en miljöbild som visar den i användning eller i sitt sammanhang. För kläder, visa den på en modell. För verktyg eller hemartiklar, visa dem i den miljö där de används. För mat eller förbrukningsvaror, visa produkten tydligt med sin förpackning.
Video ger ytterligare en nivå av trygghet för produkter som tjänar på att man ser rörelse, storlek eller montering. Den behöver inte vara proffsigt producerad. Ett tydligt demonstrationsklipp filmat med en telefon är mer användbart än ingen video alls.
Bildkvaliteten spelar roll. Hårt komprimerade, suddiga eller dåligt belysta foton signalerar en butik som inte bryr sig om sin presentation. Om köpare inte kan zooma in för att kontrollera en detalj köper de inte något där den detaljen är viktig, som tygets struktur, finish eller passform.
Produktbeskrivning
En produktbeskrivning som räknar upp funktioner utan att förklara vad de betyder för köparen är en missad chans. Bra beskrivningar börjar med resultatet. Vad kommer köparen att uppleva av att äga produkten?
Ta sedan upp detaljerna. Mått, material, vikt, kompatibilitet, vad som ingår i förpackningen. Om köpare sannolikt har frågor om hur produkten fungerar eller om den passar deras situation, svara på dem i beskrivningen.
Skriv enkelt. Varje mening ska förtjäna sin plats. Undvik utfyllnadsfraser, reklamspråk och adjektiv som inte tillför information. En fullständig genomgång av hur du skriver produkttexter som konverterar finns i hur du skriver produktbeskrivningar som säljer.
Pris och varianter
Priset ska vara tydligt och framträdande. Köpare ska inte behöva leta efter det. Placera det nära produkttiteln och bilderna, om möjligt utan att behöva scrolla.
Om produkten finns i varianter, storlek, färg, material eller antal, gör det enkelt att välja variant. Använd tydliga etiketter, visuella färgprover där det passar och gör den valda varianten uppenbar så att köparen är säker på att lägga rätt alternativ i varukorgen.
När en variant ändrar priset, uppdatera det visade priset direkt när köparen väljer den. Överraskningar i kassan leder till övergivna köp. Öppenhet genom hela produktsidan minskar den risken.
Om vissa varianter är slut i lager, visa det tydligt i variantväljaren i stället för att låta köpare lägga otillgängliga varor i varukorgen och stöta på ett fel i kassan.
Knappen för att lägga i varukorg
Knappen för att lägga i varukorg är konverteringspunkten. Dess placering och synlighet påverkar direkt hur många köpare som går hela vägen.
Den ska synas utan scrollning på dator och gå att nå utan mycket scrollning på mobil. Använd en färg som sticker ut från resten av sidan och är lätt att trycka på på en pekskärm. Knappens text ska vara entydig: "Lägg i varukorg" eller "Köp nu". Undvik texter som är vaga eller kräver eftertanke.
Särskilt på mobil spelar knappens storlek roll. En liten eller smal knapp är svårare att träffa och lägger till lite friktion i den viktigaste handlingen på sidan. Gör den tillräckligt stor för att man ska kunna trycka bekvämt med tummen.
Social bekräftelse
Köpare litar på andra köpare. En produktsida med recensioner och betyg konverterar bättre än en identisk sida utan. Det är en av de mest pålitliga konverteringsförbättringarna en butik kan göra.
Visa stjärnbetyg nära produkttiteln så att köpare ser dem direkt. Under beskrivningen eller längre ner på sidan, visa fullständiga recensioner inklusive markering för verifierade köp. Om köpare har delat foton eller videor där de använder produkten, lyft fram dem som innehåll från användare. Riktiga köpare som visar produkten i verkliga situationer minskar osäkerheten som stoppar ett köp.
Om en produkt ännu inte har några recensioner, överväg att lansera med en liten grupp köpare som kan ge tidig feedback. Ett tomt recensionsavsnitt på en ny produkt är inte skadligt i sig, men det är en missad chans att skapa förtroende.
Förtroendesignaler
Förtroendesignaler nära knappen för att lägga i varukorg tar upp de specifika farhågor köpare har i det ögonblick de ska betala. De mest användbara täcker de vanligaste invändningarna.
- En sammanfattning av returpolicyn, som "fri retur inom 30 dagar", svarar på rädslan att fastna med något som blev fel
- En leveransuppskattning, som "skickas inom 1 till 3 arbetsdagar", svarar på rädslan att vänta för länge
- Ikoner för säker betalning tar upp oro kring betalningssäkerhet
- En pengarna-tillbaka-garanti, om du erbjuder en, tar bort risken med det första köpet helt
Göm dem inte i sidfoten eller i vanliga frågor. Lägg dem på produktsidan, nära köpknappen, där de syns i beslutsögonblicket.
Relaterade produkter
Avsnittet med relaterade produkter har två syften. Det ger köpare som inte riktigt är övertygade av den aktuella produkten ett alternativ att utforska. Det ger också köpare som är redo att köpa en möjlighet att lägga till mer i sin beställning.
Placera relaterade produkter under det huvudsakliga produktinnehållet, efter beskrivning och recensioner. Då ligger fokus kvar på själva produkten och alternativen visas först när köparen fått chansen att bedöma den.
Håll avsnittet fokuserat. Fyra till åtta produkter räcker. För många alternativ späder ut avsnittets nytta och skapar beslutsöverbelastning. Visa produkter som verkligen kompletterar eller tillhör samma kategori, inte slumpmässiga varor från hela butiken.
Utformning av produktsidan på mobil
På mobil måste produktsidans layout fungera för scrollning med en hand och tryck inom tummens räckvidd. Bildkarusellen ska gå att svepa naturligt. Variantväljarna ska vara tillräckligt stora för att trycka rätt. Knappen för att lägga i varukorg ska vara synlig eller nåbar medan köparen scrollar genom beskrivning och recensioner.
En fast knapp för att lägga i varukorg som ligger kvar längst ner på skärmen medan köparen scrollar är en av de mest effektiva förbättringarna av produktsidor på mobil. Köparen kan läsa beskrivningen, kolla recensioner och lägga i varukorgen utan att scrolla tillbaka upp. På längre produktsidor minskar det friktionen mellan att besluta och att köpa.
Vad som förstör en produktsida
Vissa problem på produktsidor är uppenbara. Dåliga bilder, inga recensioner, otydlig prissättning. Andra är subtilare men lika skadliga.
För mycket text utan visuella avbrott
Köpare skummar. De läser inte rad för rad. Täta textstycken skickar dem till en renare sida någon annanstans.
Ingen mobilanpassning
En produktsida som fungerar på dator men går sönder på mobil förlorar merparten av din trafik innan ett beslut har fattats.
Dold eller saknad policyinformation
Köpare som inte hittar din returpolicy frågar inte. De lämnar och köper i en butik där det är lätt att hitta.
Varianter som är slut men inte markerade
Inget frustrerar en köpare mer än att lägga något i varukorgen och upptäcka i kassan att storleken eller färgen inte finns.
Långsam sidladdning
Varje extra sekund en produktsida tar att ladda sänker konverteringen. För stora bilder är den vanligaste orsaken.
Förvirrande val av variant
Om en köpare inte enkelt kan se vilken storlek, färg eller vilket alternativ som är valt vågar hen inte riskera att köpa fel sak.
Så hanterar WEMASY produktsidor
WEMASY:s e-handelssystem har produktsidor med bildgallerier, val av variant, recensioner, fraktinformation och placering av förtroendesignaler inbyggt. Layouten optimeras automatiskt för mobil. Du lägger till innehållet och systemet sköter strukturen.
Se vad som ingår i varje plan på sidan WEMASY:s priser.
Relaterad läsning: Så väljer du e-handelsplattform och Vad är en kategorisida och hur utformar du en.
Vanliga frågor
Hur många bilder behöver en produktsida?
Minst fyra till sex bilder per produkt. Visa produkten från flera vinklar, närbilder på viktiga detaljer och minst en miljöbild som visar den i sitt sammanhang. För kläder, visa den på en modell. För verktyg eller utrustning, visa den i användning. Fler bilder minskar osäkerheten, och minskad osäkerhet ökar konverteringen. Med WEMASY:s webbplatsbyggare kan du ställa in detta direkt i din butik.
Bör produktbeskrivningar vara långa eller korta?
Tillräckligt långa för att besvara varje fråga en köpare kan ha, tillräckligt korta för att vara läsbara. För enkla produkter räcker några tydliga meningar plus viktiga specifikationer. För komplexa eller exklusiva produkter är en längre beskrivning som tar upp fördelar, användningsområden och det som skiljer produkten från andra motiverad. Strukturera den med korta stycken och lättskummad formatering så att köpare hittar den information de vill ha utan att läsa varje ord.
Var på produktsidan ska returpolicyn synas?
Nära knappen för att lägga i varukorg. Köpare vill veta sin risk innan de bestämmer sig. En kort sammanfattning som "30 dagars fri retur" nära köpknappen svarar på den oron i exakt rätt ögonblick. En fullständig returpolicy i sidfoten är bra att ha men ersätter inte en synlig sammanfattning på själva produktsidan.
Förbättrar produktvideor verkligen konverteringen?
Ja, för de flesta typer av produkter. Video hjälper när köpare behöver förstå storlek, rörelse, montering eller hur något fungerar i praktiken. Även ett kort klipp filmat med en telefon kan räcka. Ribban är inte produktionskvalitet utan tydlighet. En äkta demonstration skapar mer förtroende än en polerad reklamfilm som inte visar produkten i användning.
Ska jag visa konkurrenters produkter i avsnittet med relaterade produkter?
Nej. Avsnittet med relaterade produkter ska bara visa ditt eget sortiment. Dess syfte är att hålla kvar köpare i din butik, antingen genom att visa ett alternativ eller föreslå något som kompletterar. Att peka köpare mot en jämförelse, även indirekt, motverkar det syftet.
Vad är skillnaden mellan knappen Lägg i varukorg och knappen Köp nu?
"Lägg i varukorg" tar köparen till varukorgssidan där hen granskar och sedan går vidare till kassan. "Köp nu" hoppar över varukorgen och går direkt till kassan. Båda har sin användning. "Lägg i varukorg" fungerar bättre för butiker där köpare ofta handlar flera varor. "Köp nu" fungerar bättre för impulsköp eller köp av en enskild vara. Många butiker erbjuder båda, med "Lägg i varukorg" som huvudknapp och "Köp nu" som sekundärt alternativ.