Tjekliste til produktsiden: det, der stopper kunderne i at købe

Tjekliste til produktsider baseret på Baymard og WebAIM: pris, fragt og returnering, billeder, anmeldelser, »Læg i kurv« på mobil, pop op, søgning og tastatur.

FixReports’ redaktion11 min. læsetid

Kunder stopper oftest på en produktside, når de ikke kan regne den samlede pris ud, ikke kan finde vilkårene for levering og returnering, ikke kan vurdere produktet ud fra billeder og anmeldelser eller ikke nemt kan nå og bruge købsknappen, især på mobilen. Pop op-vinduer, der dækker siden, politiksider, der er svære at finde, en søgefunktion, der ikke kan besvare enkle spørgsmål, og knapper og felter, der ikke virker med tastatur, blokerer også for køb. Tallene nedenfor stammer fra brancheundersøgelser fra Baymard Institute og WebAIM baseret på store stikprøver af websites og kunder; de beskriver almindelige mønstre, ikke forudsigelser for en enkelt webshop.

Det vigtigste i korte træk

  • I Baymards undersøgelse fra 2026 blandt 1.083 voksne amerikanere, der havde handlet online inden for de seneste tre måneder, sagde 40 %, at de havde opgivet et køb i kassen, fordi ekstra omkostninger som fragt, skat og gebyrer var for høje (Baymard Institute (åbner i en ny fane)).
  • Baymards benchmark af produktsider viste, at 67 % af de førende e-handelssites ikke giver et estimat af den samlede pris tæt på købsområdet, og at 44 % ikke viser eller linker til returpolitikken fra produktsidens hovedindhold (Baymard Institute (åbner i en ny fane), opdateret 18. marts 2026).
  • I samme benchmark havde 62 % af mobilsitene en UX på produktsiden, der var »middelmådig« eller dårligere.
  • WebAIM fandt WCAG-fejl på 95,9 % af forsiderne på de 1 million største websites i februar 2026 (WebAIM (åbner i en ny fane)).
  • I en gennemgang, Baymard lavede i 2021 af 33 af de mest indtjenende e-handelssites, havde 45 % funktioner, der ikke kunne betjenes med tastatur (Baymard Institute (åbner i en ny fane)).

Hvorfor opgiver kunder et køb?

Det mest almindelige svar er, at kunderne bare kiggede; derefter kommer ekstra omkostninger, langsom levering, manglende tillid til håndteringen af kortoplysninger og tvungen oprettelse af en konto.

Baymards side om forladte kurve angiver den gennemsnitlige dokumenterede andel af forladte kurve til 70,22 %, beregnet ud fra 50 undersøgelser (siden er senest opdateret 22. september 2025). Diagrammet over årsager, der er mærket som data fra 2026, stammer fra en undersøgelse blandt 1.083 voksne amerikanere, der havde handlet online inden for de foregående tre måneder. Respondenterne kunne vælge mere end én årsag (Baymard Institute (åbner i en ny fane), pr. oktober 2026):

Årsag til at opgive et onlinekøb i kassenAndel af respondenterne
Jeg kiggede bare / var ikke klar til at købe42 %
Ekstra omkostninger var for høje (fragt, skat, gebyrer)40 %
Leveringen var for langsom20 %
Jeg stolede ikke på sitet med mine kortoplysninger19 %
Sitet ville have mig til at oprette en konto18 %
For lang eller kompliceret betalingsproces17 %
Websitet havde fejl eller gik ned17 %
Returpolitikken var ikke tilfredsstillende13 %
Jeg kunne ikke se eller beregne den samlede ordrepris på forhånd12 %
Kreditkortet blev afvist10 %
Der var ikke nok betalingsmetoder9 %

Det er resultater fra en amerikansk undersøgelse om kassen, ikke målinger af din webshop. Flere af årsagerne begynder tidligere, på produktsiden, hvor kunderne første gang ser prisen, leveringsvilkårene og returbetingelserne. Kun dine egne analysedata kan vise, hvilke af dem der betyder noget for dig.

Er den fulde pris tydelig på produktsiden?

Den aktuelle pris, en eventuel førpris, hvad der er og ikke er inkluderet, og et estimat af fragten bør alle stå ved siden af købsknappen.

Baymards benchmark af produktsider fra 2026 viste, at 67 % af sitene ikke giver et estimat af den »samlede ordrepris« tæt på købsområdet, og at 81 % ikke viser en enhedspris for produkter, der sælges i forskellige mængder eller størrelser (Baymard Institute (åbner i en ny fane)). Tjek, at siden viser:

  • Den aktuelle pris og, på nedsatte varer, den oprindelige pris.
  • En enhedspris for produkter, der sælges i flere størrelser.
  • Om moms eller told er inkluderet.
  • Fragtprisen eller den ordreværdi, der giver gratis fragt.

Shopify: i Dawn-temaet tilføjer prisblokken »Taxes included.« og et link med teksten »Shipping calculated at checkout.«, når de indstillinger og en fragtpolitik findes (Dawn-kildekode (åbner i en ny fane)). Det er korrekt, men ikke et estimat, så tilføj dine faktiske fragtpriser eller grænsen for gratis fragt i en tekstblok.

WooCommerce: indstillingerne »Enable the shipping calculator on the cart page« og »Hide shipping costs until an address is entered« under WooCommerce > Indstillinger > Forsendelse (WooCommerce > Settings > Shipping) påvirker kurven og kassen, ikke produktsiden (WooCommerce-kildekode (åbner i en ny fane)). Skriv fragtpriserne i produktskabelonen eller i den korte beskrivelse.

Kan kunderne finde oplysninger om levering og returnering, før de lægger varen i kurven?

Placér et kort resumé af leveringstid, fragtpris og returfrist tæt på købsknappen med et link til den fulde politik.

I Baymards undersøgelse Consideration & Purchase Behavior blandt 1.032 respondenter sagde 60 %, at de leder efter oplysninger om returpolitikken på produktsiden, men alligevel viser eller linker 44 % af de undersøgte sites ikke til den fra produktsidens hovedindhold (Baymard Institute (åbner i en ny fane)). I undersøgelsen om forladte kurve fra 2026 ovenfor nævnte 20 % langsom levering og 13 % en utilfredsstillende returpolitik.

<details class="product-policy">
  <summary>Shipping and returns</summary>
  <p>Ships in 1 to 2 business days. Free shipping on orders over $75.</p>
  <p>Free returns within 30 days. <a href="{{ shop.refund_policy.url }}">Read the return policy</a></p>
</details>

Shopify: skriv dine politikker under Indstillinger > Politikker (Settings > Policies) (Shopify Help Center (åbner i en ny fane)). I Dawn kan en blok af typen Collapsible row på produktsiden vise tekst eller indholdet af en side (Dawn-kildekode (åbner i en ny fane)), så én side om levering og returnering kan vises på alle produkter.

WooCommerce: WooCommerce opretter en side med navnet »Refund and Returns Policy« som kladde (WooCommerce-kildekode (åbner i en ny fane)). Den forbliver upubliceret, indtil du redigerer og udgiver den.

Besvarer produktbillederne kundernes spørgsmål?

Billederne bør vise produktet fra flere vinkler, i målestok og i brug, fordi mange kunder vurderer størrelse og pasform ud fra billederne frem for specifikationerne.

Baymards test viste, at 42 % af brugerne forsøger at regne et produkts størrelse ud fra billederne, mens 37 % af de undersøgte sites ikke har et billede »i målestok«, der viser produktet ved siden af en person eller en velkendt genstand. Og 23 % har ikke et billede med en model, hvilket betyder mest for tøj, accessories og kosmetik (Baymard Institute (åbner i en ny fane)).

Tjek også, at galleriet skifter til det rigtige billede, når en farve vælges, at zoom virker på telefoner, og at hvert billede har en alt-tekst, der beskriver, hvad den visning viser, f.eks. »Hørskjorte, set bagfra«.

Er anmeldelserne lette at finde og stole på?

Vis den gennemsnitlige bedømmelse og antallet af anmeldelser tæt på produkttitlen, link til de fulde anmeldelser, og svar på negative anmeldelser.

Baymard fandt, at 89 % af de undersøgte sites ikke svarer på negative anmeldelser, og at 63 % ikke lader kunderne gå fra én anmelders billeder til den næstes på tværs af anmeldelserne (Baymard Institute (åbner i en ny fane)). Anmeldelseswidgets, der indlæses sent, kan også skubbe siden ned, så reservér plads til dem.

Shopify: Dawns blok Product rating viser stjerner fra en app til anmeldelser, og temaet oplyser, at der kræves en app (Dawn-kildekode (åbner i en ny fane)).

WooCommerce: under WooCommerce > Indstillinger > Produkter (WooCommerce > Settings > Products) omfatter indstillingerne for anmeldelser »Enable product reviews«, »Show 'verified owner' label on customer reviews«, »Reviews can only be left by 'verified owners'« og »Enable star rating on reviews« (WooCommerce-kildekode (åbner i en ny fane)).

Er knappen »Læg i kurv« nem at nå og ramme på mobilen?

På en mobil bør kunderne kunne se prisen, vælge en variant og trykke på »Læg i kurv« uden at lede, med knapper og felter, der er store nok til at ramme.

I Baymards benchmark fra 2026 havde 52 % af desktopsitene og 62 % af mobilsitene en UX på produktsiden, der var »middelmådig« eller dårligere, og 57 % af sitene brugte ikke knapper til valg af størrelse, så størrelserne var gemt i dropdown-menuer (Baymard Institute (åbner i en ny fane)).

Åbn en produktside på en rigtig telefon, og tjek:

  • Første skærm. I et stablet mobillayout kommer galleriet ofte først, så et højt billede kan skubbe titel, pris og knap ned under den første skærm.
  • Fastgjorte købsbjælker. Hvis du bruger en, må den ikke dække elementer med fokus. W3C’s opsummering af WCAG 2.2-kriterium 2.4.11 (niveau AA) bruger som eksempel en fastgjort footer, der skjuler elementer med fokus (W3C (åbner i en ny fane)).
  • Klikmål. WCAG 2.5.8 (niveau AA) fastsætter et minimum på 24 × 24 CSS-pixel med visse undtagelser (W3C (åbner i en ny fane)); Shopifys vejledning til temaer anbefaler mindst 48 × 48 pixel på mobil (Shopify (åbner i en ny fane)).
  • Vandret scroll. WCAG 1.4.10 Reflow kræver, at indholdet fungerer i en bredde på 320 CSS-pixel uden scroll i to retninger (W3C (åbner i en ny fane)). Brede størrelsesguider og sammenligningstabeller er hyppige årsager.

Står pop op-vinduer i vejen for købet?

Pop op-vinduer, der dækker produktsiden, når kunden lander, skjuler netop de oplysninger, kunden kom for, så vælg hellere små bannere, og begræns opfordringerne til tilmelding.

Googles vejledning i Search Central beskriver påtrængende interstitials og dialogbokse som elementer, der blokerer for visningen af indhold, og anbefaler små bannere i stedet for overlays, der dækker hele siden (Google Search Central (åbner i en ny fane)). Shopify bemærker, at indhold i pop op-vinduer også kan give layoutskift (Shopify Help Center (åbner i en ny fane)). Enhver dialogboks, du beholder, skal kunne lukkes med tastaturet; WCAG 2.1.2 No Keyboard Trap (niveau A) kræver, at fokus kan forlade en komponent med tastaturet alene (W3C (åbner i en ny fane)).

Kan kunderne finde dine sider om tillid og politikker?

Link til siderne om refusion, levering, privatliv, vilkår og kontakt fra footeren på alle sider.

I Baymards undersøgelse fra 2026 sagde 19 % af respondenterne, at de havde opgivet et køb, fordi de ikke stolede på sitet med deres kortoplysninger. Tydelige politikker og kontaktoplysninger er grundlæggende signaler om, at en webshop er seriøs.

Shopify: når du har tilføjet politikker under Indstillinger > Politikker (Settings > Policies), linker Shopify automatisk til dem i kassens footer; for at vise dem i webshoppen skal du føje dem til en menu under Indhold > Menuer (Content > Menus) (Shopify Help Center (åbner i en ny fane)) eller slå footer-indstillingen Policy links til i Dawn.

WooCommerce: udgiv kladden til refusionssiden, og føj derefter dine politik- og kontaktsider til footeren.

Finder søgefunktionen både produkter og svar?

Søgningen bør returnere de rigtige produkter for navne, stavefejl og synonymer og bør også besvare spørgsmål som »returnering« eller »levering«.

Baymards benchmark af søgning fra 2026, der omfattede mere end 170 sites og apps, vurderede 46 % af oplevelserne på desktop, 58 % på mobil og 64 % i apps som »middelmådige« eller dårligere og fandt problemer med søgninger, der ikke handler om produkter, f.eks. en søgning efter returpolitikken, der returnerer produkter, på 66 % af sitene (Baymard Institute (åbner i en ny fane), opdateret 29. april 2026).

Test din webshop med navnet på en bestseller, en stavefejl i navnet, et kategoriord og »returnering«. I Shopify returnerer søgningen i webshoppen produkter, blogindlæg og sider, med forudsigende søgning og tolerance for stavefejl slået til som standard, og appen Search & Discovery tilføjer filtre og mulighed for at fremhæve produkter (Shopify Help Center (åbner i en ny fane)). En almindelig side, der opsummerer levering og returnering, kan derfor dukke op ved de søgninger.

Kan man købe kun med tastaturet?

Hvert trin fra valg af variant til kassen bør fungere med tastaturet alene og med en synlig fokusindikator.

WCAG 2.2 kræver, at al funktionalitet virker fra et tastatur (2.1.1, niveau A), at der ikke er tastaturfælder (2.1.2, niveau A), at der er en synlig fokusindikator (2.4.7, niveau AA), og at elementer med fokus ikke skjules helt af andet indhold (2.4.11, niveau AA) (W3C (åbner i en ny fane)). Disse grundlæggende ting mangler ofte. Baymards gennemgang fra 2021 af 33 af de mest indtjenende sites viste, at 45 % havde funktioner, der ikke kunne betjenes med tastatur, og at 48 % ikke holdt fokusindikatoren synlig hele tiden (Baymard Institute (åbner i en ny fane)). WebAIMs scanning i februar 2026 fandt i gennemsnit 56,1 registrerede fejl pr. forside og 71,0 for sites i kategorien Shopping (WebAIM (åbner i en ny fane)).

En test på fem minutter:

  1. Indlæs en produktside, og tryk på Tab uden at røre musen.
  2. Tjek, at du altid kan se, hvor fokus er.
  3. Vælg en størrelse og en farve, og ændr antallet.
  4. Tryk på »Læg i kurv«, og tjek, at fokus flytter ind i kurvskuffen, og at den kan lukkes med tastaturet.
  5. Nå frem til knappen til kassen.
/* A visible focus style for keyboard users */
:focus-visible {
  outline: 3px solid #1a5fb4;
  outline-offset: 2px;
}

En gratis scanning tjekker mange af disse punkter på omkring et minut. Vores Konverteringsrapport omsætter sidetjek som synlig pris, »Læg i kurv« på telefoner, oplysninger om levering og returnering, pop op-vinduer, links til politikker i footeren, søgning, købsflowet med tastatur og vandret scroll til prioriterede anbefalinger. Den bygger på sidetjek, ikke på dine salgsdata, og giver ingen garanti for salg.

Ofte stillede spørgsmål

Hvad er den mest almindelige årsag til, at kunder opgiver et køb?

I Baymards undersøgelse fra 2026 blandt 1.083 voksne amerikanere var det hyppigste svar »kiggede bare« (42 %). Blandt de øvrige årsager lå ekstra omkostninger som fragt, skat og gebyrer øverst med 40 %, foran langsom levering med 20 %.

Får jeg en højere konverteringsrate, hvis jeg retter disse problemer?

Det kan ingen love. Undersøgelserne beskriver barrierer, der er almindelige på tværs af store stikprøver af websites og kunder; om det ændrer dine resultater at fjerne dem, afhænger af dine produkter, priser og trafik, så mål før og efter hver ændring.

Hvor skal oplysninger om levering og returnering stå på en produktside?

Tæt på prisen og købsknappen som et kort resumé med et link til den fulde politik. I Baymards undersøgelser sagde 60 % af respondenterne, at de leder efter oplysninger om returpolitikken på produktsiden.

Skal knappen »Læg i kurv« være synlig uden scroll på mobil?

Ingen regel kræver det, men kunderne bør hurtigt kunne se prisen og nå knappen. En fastgjort købsbjælke er en mulighed, så længe den ikke skjuler elementer med fokus eller andet indhold.

Er tilgængelighed en del af konvertering?

Ja, helt enkelt: en kunde, der ikke kan betjene variantvælgeren eller knappen »Læg i kurv« med tastatur eller skærmlæser, kan ikke købe. WCAG 2.2 niveau AA dækker disse grundlæggende ting.

Kilder

Alle guides