Produktside i nettbutikk: slik bygger du en side som selger

Kort svar: En god produktside lar kunden forstå hva produktet er, hva det koster og når det kommer, uten å lete. Legg navn, pris, varianter og kjøpsknapp øverst, vis lagerstatus og leveringstid like ved knappen, og svar på spørsmålene om størrelse, frakt og retur før kunden rekker å stille dem. Under kommer detaljene, anmeldelsene og relaterte produkter.

Produktsiden er der kjøpsbeslutningen faktisk tas. Kunden kan ha kommet fra Google, en annonse, et nyhetsbrev eller en kategoriside, men det er her de bestemmer seg. Denne guiden handler om oppbyggingen av siden: hva som skal stå hvor, hva norske regler krever, og hvordan du får siden til å fungere på mobil, i Shopify og i WooCommerce. Tekst, bilder, video og anmeldelser har egne guider, som det lenkes til underveis.

1. Det viktigste øverst

På mobil ser kunden bare en liten del av siden før de begynner å skrolle. Det som står der, avgjør om de blir. Øverst på siden bør kunden finne:

• Produktnavn som sier hva produktet er, ikke bare et modellnavn.
• Hovedbilde som viser produktet tydelig, med flere bilder lett tilgjengelig.
• Pris inkludert MVA, og eventuell førpris ved salg.
• Varianter som størrelse og farge.
• Kjøpsknapp som skiller seg tydelig ut fra resten av siden.
• Lagerstatus og leveringstid rett ved knappen.

Alt annet kan komme lenger ned. Et vanlig problem er at temaet fyller toppen med store bannere, lange introtekster eller ikoner som skyver kjøpsknappen ut av synsfeltet. Åpne dine egne produktsider på mobilen og se hva som faktisk vises før du skroller.

2. Varianter som er lette å velge

Feil størrelse eller farge er en vanlig grunn til retur, og uklare varianter er en vanlig grunn til at kunden ikke kjøper i det hele tatt. Noen grep som hjelper:

• Vis farger som fargeprøver eller små bilder i stedet for en nedtrekksliste, og bytt hovedbilde når kunden velger farge.
• Vis størrelser som knapper, og marker tydelig hvilke som er utsolgt i stedet for å skjule dem.
• Legg en lenke til størrelsesguide rett ved størrelsesvalget, ikke nederst på siden.
• Pass på at pris og lagerstatus oppdateres når kunden bytter variant.

I Shopify styres dette av temaet, og de fleste nyere temaer støtter fargeprøver og knapper uten ekstra apper. I WooCommerce viser standardoppsettet varianter som nedtrekkslister, så fargeprøver krever som regel en utvidelse eller tilpasning av temaet.

3. Pris og prisinformasjon etter norske regler

Selger du til forbrukere, skal prisen vises som totalpris inkludert MVA og andre avgifter. Kunden skal også få vite om leveringskostnader og om angreretten før de handler. Mye av dette hører hjemme i kassen og vilkårene, men produktsiden er stedet der kunden først ser prisen, så den må være riktig der.

• Pris inkludert MVA til forbrukere. Selger du både til bedrifter og forbrukere, må det være tydelig hvilken pris som gjelder.
• Førpris ved salg og prisavslag, etter reglene om laveste pris de siste 30 dagene. Se guiden om salg og førpris.
• Frakt bør nevnes på produktsiden, i det minste med en lenke til fraktsatsene eller en grense for fri frakt.

Reglene om angrerett og hva kunden skal informeres om før kjøpet, står i guiden om angrerett for nettbutikker.

4. Lagerstatus og leveringstid ved kjøpsknappen

«Når får jeg den?» er et av de viktigste spørsmålene kunden har. Svar på det rett ved kjøpsknappen: om varen er på lager, og omtrent hvor lang tid levering tar. Er varen på bestilling eller forhåndssalg, må det stå tydelig, med forventet leveringstid.

Vær forsiktig med å love konkrete leveringsdatoer du ikke har kontroll på. En realistisk leveringstid som holder, gir færre henvendelser til kundeservice enn en optimistisk en som ikke gjør det. Les mer om fraktvalg i guiden om frakt for nettbutikk i Norge.

5. Bilder, tekst og video

Bildene og teksten gjør jobben som hendene og øynene ellers ville gjort i en fysisk butikk. Kort fortalt: vis produktet fra flere vinkler og i bruk, skriv om fordeler og ikke bare egenskaper, og la teksten svare på spørsmålene kundene faktisk stiller.

Disse temaene har egne guider: produktbilder som selger, produkttekster som selger og produktvideo i nettbutikk.

For selve oppbyggingen gjelder én ting: del teksten opp. En kort innledning øverst, og detaljer som mål, materiale, vedlikehold og innhold i pakken i egne seksjoner eller faner lenger ned. Pass på at viktig informasjon ikke bare finnes i lukkede faner som kunden må klikke seg inn i for å finne.

6. Svar på spørsmålene før de blir stilt

Hvert ubesvart spørsmål er en grunn til å vente, og mange som venter, kommer ikke tilbake. Se gjennom henvendelsene til kundeservice og spørsmålene som går igjen, og flytt svarene inn på produktsiden. Typiske eksempler:

• Hvordan er passformen, og hva bør jeg velge hvis jeg er mellom to størrelser?
• Hva er inkludert, og hva må kjøpes i tillegg?
• Hvordan vaskes eller vedlikeholdes produktet?
• Hvordan fungerer retur og bytte?

Svar som gjelder alle produkter, som retur og frakt, kan ligge i en felles blokk som vises på alle produktsider. Da holder du dem oppdatert ett sted.

7. Anmeldelser og tillit

Anmeldelser fra andre kunder er ofte det som avgjør når kunden er i tvil. Vis snittkarakter og antall anmeldelser nær produktnavnet, og selve anmeldelsene lenger ned. Andre tillitssignaler, som betalingsmåter, returbetingelser og kontaktinformasjon, bør også være synlige uten at kunden må lete.

Les mer i guidene om flere kundeanmeldelser og kundebilder og UGC.

8. Relaterte produkter og mersalg

Lenger ned på siden kan du vise produkter som passer sammen med det kunden ser på, eller alternativer i samme kategori. Shopify har innebygde produktanbefalinger som kan styres i appen Search & Discovery. I WooCommerce kan du legge inn mersalg og kryssalg manuelt per produkt.

Hold det relevant. Anbefalinger som ikke henger sammen med produktet, tar plass uten å gi salg, og for mange blokker gjør siden lang og treg.

9. Mobil og hastighet

De fleste besøk i norske nettbutikker kommer fra mobil. Test produktsidene der, ikke bare på datamaskinen. Tre ting å se etter:

• Synlig kjøpsknapp: En kjøpsknapp som følger med når kunden skroller, kan hjelpe på lange produktsider.
• Bildegalleri: Det skal være lett å sveipe mellom bildene og zoome inn.
• Hastighet: Store bilder, mange apper og tunge skript gjør produktsiden treg. Se guiden om treg Shopify-butikk.

10. Produktsiden i Google

Produktsiden er også siden som skal rangere i Google på produktnavn og merke. Gi hver side en unik tittel og metabeskrivelse, og skriv egne tekster i stedet for å kopiere leverandøren.

Strukturerte data for produkt gjør at Google kan vise pris, lagerstatus og karakter i søkeresultatet. Shopify-temaer og WooCommerce legger som regel inn dette selv, og SEO-utvidelser i WordPress kan også gjøre det. Sjekk at det bare ligger ett sett med produktdata på siden, og test en produktside i Googles verktøy for rikt resultat. Les mer i guiden om hvordan du kommer på Google med nettbutikken.

Vanlige feil

• Kjøpsknappen havner under bretten på mobil.
• Pris og lagerstatus oppdateres ikke når kunden bytter variant.
• Leveringstid og fraktkostnad står bare i kassen.
• Viktig informasjon er gjemt i faner som kunden ikke åpner.
• Leverandørens tekst er kopiert rett inn.
• Strukturerte data ligger dobbelt, fra både tema og utvidelse.

Kort oppsummert

Legg navn, pris, varianter, kjøpsknapp, lagerstatus og leveringstid øverst. Følg reglene for pris, førpris og frakt, svar på spørsmålene kundene stiller, og vis anmeldelser og tillitssignaler tydelig. Test siden på mobil, og sørg for at Google kan lese produktdataene. Mange av de samme grepene gjelder resten av butikken, se guiden om å øke konverteringen i nettbutikken.

Vil du ha hjelp til å bygge om produktsidene i Shopify eller WooCommerce? Se hva vi gjør med Shopify og WooCommerce, les om SEO for nettbutikker, eller ta kontakt.