# Landingssider for nettbutikk: når du trenger en, hva du skal ha på den, hva du bør teste > Landingssider er ikke produktsider. Budskap som matcher annonsen, én handlingsknapp, innebygd håndtering av innvendinger og den hastighetsdisiplinen betalt trafikk krever. Tolv konkrete taktikker, pluss testmetoden som faktisk er verdt innsatsen. Ryan Badger - 9. november 2024 - 10 min lesing ## Landingssider og resten av nettbutikken En landingsside er ikke forsiden din. Den er ikke produktsiden din. Det er en side med ett formål, bygget for å få en bestemt type trafikk fra en bestemt kilde (som regel en betalt annonse) til å gjøre én bestemt handling. Alt på den finnes for å drive den ene handlingen; hver piksel som ikke bidrar er støy. De fleste butikker bruker de vanlige produktsidene sine som landingssider for annonser. Det er ineffektivt. Produktsiden er optimalisert for en som surfer med en viss intensjon; landingssiden må konvertere en som har klikket på en annonse og ennå ikke har null kontekst. Ulike jobber, ulike sider. Dette innlegget tar for seg konkrete taktikker for landingssider som øker konverteringen i nettbutikker, testmetoden som er verdt å bruke, og feilene som er spesielle for landingssider. ## Når du trenger en landingsside (og når produktsidene holder) **Bruk en egen landingsside:** - For betalte annonser der samsvar mellom annonse og side betyr noe (en bestemt kampanje, kolleksjon eller vinkling) - For kampanjelanseringer (Black Friday, ny kolleksjon) - For produkter folk tenker lenge på, der hele historien teller (200+ dollar i snittordre) - For SEO-innhold som trenger en struktur som er laget for konvertering - For trafikk fra henvisninger, partnere og influencere **Bruk den eksisterende produktsiden:** - For merkevaretrafikk eller generell trafikk der folk forventer å bla rundt - For kjøp man ikke tenker mye på (impulskjøp under 30 dollar) - Når du har færre enn 500 ordrer i måneden (egne sider gir avtagende utbytte) Ikke alle kampanjer trenger en landingsside. Men kampanjer som bruker mer enn rundt 500 dollar i måneden på én målgruppe eller vinkling fortjener en. ## 0. Den beste landingssiden selger på stedet Før taktikkene: den største enkeltforbedringen for en landingsside er å fjerne det ekstra klikket mellom "jeg vil ha dette" og "jeg kjøpte dette". De fleste landingsside-verktøy (Unbounce, Leadpages, Klaviyo Pages, ClickFunnels) behandler landingssiden som noe adskilt fra butikken din. Kjøperen leser siden din, blir overbevist, klikker "Kjøp nå" og havner på en annen URL (produktsiden i den faktiske butikken din). Hen må orientere seg på nytt, lese på nytt, klikke Legg i handlekurv og så gå til kassen. Hvert ekstra steg mister kunder. Shoprocket fungerer annerledes. Landingssiden ER kjøpsflaten. Du kan bygge inn handlekurven, en kjøpsknapp eller en hel produktblokk direkte i hvilken som helst landingsside (WordPress, Webflow, Framer, Carrd eller en statisk HTML-side du har skrevet selv) med én script-tag og én div. Når besøkende klikker på kjøp, åpnes handlekurven på stedet. Kassen åpnes på stedet. Konverteringen skjer på landingssiden, ikke på en egen butikk-URL. **Her er en, som faktisk vises, midt i dette blogginnlegget:** Levende karusell, vist i dette blogginnlegget Det er den samme mekanismen du kan legge inn i hvilken som helst landingsside du bygger. Tre linjer HTML. Ingen omdirigeringer, ikke noe eget domene, ingen kasse som kaster kjøperen bort fra historien du nettopp fortalte. **Hvorfor dette betyr noe for betalt trafikk:** jo færre hopp mellom annonseklikk og kjøp, desto høyere konvertering. En landingsside der kjøpet skjer på stedet konverterer betydelig bedre enn en som sender besøkende videre til en butikk. Det holder også attribusjonen ren (ingen krøll med sporing på tvers av domener). De fleste av taktikkene under gjelder fortsatt. Men det underliggende arkitekturvalget (landingsside = kjøpsflate, ikke markedsføringsflate) står for en stor del av konverteringsløftet, og nesten ingen utenfor Shoprocket gjør det så rent. ## 1. Budskapet må matche annonsen Hvis annonsen din sier "50 % rabatt på T-skjorter i økologisk bomull", bør overskriften på landingssiden ekkoe det: "50 % rabatt på T-skjorter i økologisk bomull, ut søndag". Ikke "Velkommen til Acme Clothing". Manglende samsvar mellom annonse og side er den vanligste feilen i betalt trafikk. Annonsen lover X, siden leverer Y, besøkendes mentale modell brytes, og de forlater siden. Fluktraten på landingssider uten samsvar ligger ofte over 80 %. **Regel:** det første skjermbildet på landingssiden skal føles som en fortsettelse av annonsen, ikke en kursendring. ## 2. Én hovedhandling Én landingsside, én handling. Ikke "kjøp dette ELLER abonner på nyhetsbrevet vårt ELLER les bloggen vår ELLER følg oss på Instagram". Konkurrerende handlingsknapper svekker konverteringen. Hovedhandlingen er vanligvis: - Legg i handlekurv / kjøp nå (for produktdrevne landingssider) - Fyll ut et skjema (for leadgenerering, som nedlasting av en "gratis fraktguide") - Meld deg på ventelisten til lanseringen (for sider før lansering) Sekundære handlinger er greit hvis de tydelig er sekundære (mindre, lavere i hierarkiet, uten å konkurrere med hovedknappen). "Lurer du på noe? Chat med oss" som sekundær handling er helt i orden. ## 3. Det første skjermbildet har én jobb: å få folk til å scrolle Området som er synlig når siden lastes (over folden) trenger ikke å gjøre salget. Det må overbevise den besøkende om at det er verdt å scrolle. Hva du bør ha der: - **Overskrift:** ett konkret løfte - **Underoverskrift:** ett bevis - **Hovedbilde:** produktet i bruk eller resultatet, ikke et stockfoto - **Hovedknapp:** synlig og mulig å trykke på uten å scrolle - **Tillitssignal:** vurdering + antall omtaler, omtale i media eller en kjent kunde Hva du IKKE bør ha der: - Merkevarehistorien din - Navigasjon til andre kategorier (de kom for dette, ikke distraher dem) - Alle funksjonene til produktet - En karusell (se innlegget om konverteringsoptimalisering: karuseller gjør det dårligere enn statiske hovedbilder) ## 4. Plassering av sosialt bevis Sosialt bevis (omtaler, vurderinger, presse, attester, antall kunder) må plasseres der usikkerheten er størst: - Nær hovedknappen (trygghet før klikket) - Rett etter en viktig påstand (bevis som støtter påstanden umiddelbart) - I en egen omtaleseksjon (dypere bevis for dem som vurderer grundig) Dårlige mønstre: - Attester samlet i én blokk nederst som ingen scroller ned til - Generiske "★★★★★ vi er best"-merker uten kilde - Plassholdertekst som "ekte attest fra noen" som aldri ble byttet ut (ja, det skjer) Gode mønstre: - "Vurdert til 4,8/5 av over 3 400 omtaler" ved siden av Legg i handlekurv-knappen - Ekte kundebilde + fornavn + et konkret sitat om akkurat dette bruksområdet - Rad med pressologoer du kjenner igjen (Forbes, NYT osv.), ikke 15 tilfeldige logoer ## 5. Håndter innvendinger underveis Hver kjøper har bestemte innvendinger: "er det verdt prisen", "gjør det virkelig det de påstår", "kommer det raskt nok", "kan jeg returnere det". Hvis du ikke svarer på dem, fyller kjøperen dem inn med "sannsynligvis ikke". En god landingsside besvarer de tre viktigste innvendingene underveis: - **Prisinnvending:** "79 dollar føles mye" → et avsnitt som forklarer holdbarhet, regnestykket på 8 dollar i året i eierkostnad og to års garanti - **Kvalitetsinnvending:** "er dette faktisk bra" → omtaler med bilder, materialliste, opplysninger om hvor det er laget - **Fraktinnvending:** "kommer dette i tide" → "bestillinger lagt inn innen kl. 15 sendes samme dag, 2-5 dagers levering, gratis retur hvis ikke" - **Innvending om passform/størrelse:** størrelsesguide på siden med "slik måler du" Tenk som en henvendelse til kundestøtten. Hvert spørsmål du ville fått i støtten om dette produktet er en innvending landingssiden din ikke besvarte. ## 6. Lengde: lang nok til å selge, kort nok til å leses Debatter om hvor lang en landingsside bør være bommer på poenget. Lengden avhenger av pris og hvor mye kjøperen vurderer: - **Impulskjøp under 50 dollar:** kort landingsside. Hovedbilde + bevis + omtaler + knapp. Kan få plass på 2-3 skjermbilder på mobil - **50-200 dollar, vurderte kjøp:** middels lengde. Legg til funksjoner, sosialt bevis, sammenligning og vanlige spørsmål. 4-6 skjermbilder - **Over 200 dollar, grundig vurdering:** lengre. Hele historien, utvidede omtaler, videoer, sammenligningstabeller, detaljer om garantien, vanlige spørsmål. 8-12 skjermbilder går fint hvis hver seksjon fortjener plassen sin En lang landingsside som svarer på alle tenkelige innvendinger konverterer bedre enn en kort side som lar innvendinger henge. Men en lang landingsside fylt med utfyllingsstoff er verre enn en stram, kort en. ## 7. Video der det passer Produktvideoer på landingssider øker vanligvis konverteringen med 10-30 %. Men: - Videoer bør spille av automatisk uten lyd (video som må klikkes for å spille av presterer dårligere) - Under 60 sekunder for de fleste; under 30 sekunder hvis du kan - Vis produktet i bruk, ikke en polert merkevareannonse - Hostet på nettstedet ditt, ikke innebygd fra YouTube (YouTube-innbygginger laster tregt og viser relaterte videoer som distraherer) - Alltid med undertekster (de fleste mobilbrukere ser uten lyd) ## 8. Seksjon med vanlige spørsmål (men bare hvis den svarer på ekte spørsmål) Vanlige spørsmål på en landingsside er nyttig når: - Vanlige innvendinger fra kjøpere er forutsigbare (og svarene dine er konkrete) - Seksjonen er lett å skanne (trekkspill-stil, 6-10 spørsmål) - Hvert svar er på under tre setninger Vanlige spørsmål på en landingsside er skadelig når: - Den fyller ut siden uten å ta for seg kjøpernes ekte spørsmål - Svarene er generell markedsføringsfløff - Den har 30 spørsmål (ingen leser så mange) **Test:** åpne innboksen til kundestøtten din. De 5-8 vanligste spørsmålene før kjøp for dette produktet er de vanlige spørsmålene dine. Kopier ordlyden kundene faktisk bruker. ## 9. Handlingsknappen: konkret, gjentatt, synlig Én hovedknapp, gjentatt 2-4 ganger nedover siden: - Nær hovedbildet (primær) - Etter en seksjon om viktige fordeler - Etter håndtering av innvendinger / sosialt bevis - Nederst Teksten på knappen betyr noe. "Kjøp nå" er generisk; "Få min gratis fraktpakke" eller "Start din 14-dagers prøveperiode" eller "Legg i handlekurv - £49" er konkrete. Spesielt for mobil: en klistret knapp som flyter nederst i visningsområdet når hovedbildet er scrollet ut av syne. Et absolutt krav for mobiltrafikk. ## 10. Hastigheten på landingssiden Landingssider er ofte tregere enn produktsider fordi folk overengineerer dem: egne fonter, hovedvideoer, innebygde sosiale widgets, skript for A/B-testing, skript for varmekart, analyseskript. Mål: under 2,5 sekunder Largest Contentful Paint på mobil 4G. Se [innlegget om mobiloptimalisering](https://v3.shoprocket.io/nb/blogg/mobiloptimalisering-nettbutikk-core-web-vitals-kasse.md) for detaljene om Core Web Vitals. Hastighetsdreperne: - Hovedbilder i full oppløsning (komprimer til 100-300 KB) - Video som spilles av automatisk uten plakatbilde (skader LCP) - Flere fonter (velg én til overskrifter og én til brødtekst) - Alle analyse- og retargeting-piksler lastet synkront Landingssider som betaler 2-10 dollar per klikk fortjener å laste raskt. En sekund forsinkelse på en kampanje med 5 dollar i klikkpris sløser bort 10-20 % av budsjettet på brukere som forlater siden. ## 11. Testing: hva som er verdt det og ikke De fleste A/B-tester av landingssider med lite trafikk gir bare støy. Se [innlegget om konverteringsoptimalisering](https://v3.shoprocket.io/nb/blogg/konverteringsoptimalisering-nettbutikk-ordentlig-rekkefolge.md) for regnestykket om utvalgsstørrelse. **Verdt å teste (hvis du har trafikk):** - Ulike varianter av hovedoverskriften - Teksten på hovedknappen - Hvordan prisen presenteres (per måned mot per år, 99 dollar mot 99,99 dollar) - Format på sosialt bevis (attest mot sitat fra omtale mot tall) - Hovedbilde (produkt mot resultat mot livsstil) **Sjelden verdt å teste:** - Knappefarge (0,1-0,5 % økning i beste fall, krever enormt mye trafikk) - Små variasjoner i tekst (fem ord annerledes, to tegn annerledes) - Innhold i bunnteksten - Menypunkter Kvalitativ research (opptak av økter, varmekart) slår A/B-testing for landingssider med under 5 000 besøkende i måneden. ## 12. Vanlige feil på landingssider ### Å sende annonser til forsiden Annonsen retter seg mot "laptopvesker i skinn". Klikket havner på en forside med 200 urelaterte produkter. Den besøkende finner aldri vesken. Forlater siden. Bygg landingssiden. ### Å bruke samme landingsside for alle annonsemålgrupper Kald Meta-trafikk og varm retargeting trenger ulike budskap. Kald: bevis hvem du er og hva produktet er. Varm: ta tak i den konkrete grunnen til at de ikke kjøpte forrige gang. ### Å gjemme bort prisen Å være sjenert med prisen på landingssider slår tilbake. Vis prisen tydelig over folden. Kunder som skremmes av prisen ville uansett forlatt siden; kunder som blir begeistret for prisen konverterer raskere. ### For mange skjemafelt Hvert felt i et skjema på en landingsside koster 5-10 % av fullføringene. Be om det du trenger; ikke be om telefonnummer for å sende en e-postguide. ### Profilering som ikke stemmer med annonsen Annonsen bruker sterke farger og en uformell tone. Landingssiden er bedriftsaktig og grå. Det føles som et bytte bak ryggen på dem. Den besøkende forlater siden. ## Dette hjelper Shoprocket med - **Bygg handel inn i hvilken som helst landingsside**: katalog, kjøpsknapp, handlekurv eller hel butikk kan legges inn i en hvilken som helst HTML-side med én script-tag. Landingssiden ER kjøpsflaten, ikke en egen markedsføringsside som sender besøkende videre til butikken din - **Fleksibel sidebygger** med over 40 temaer hvis du vil ha en landingsside i en hostet butikk - **Støtte for eget domene og underdomene** til kampanje-URL-er - **Blogg / CMS** for SEO-orientert landingsinnhold med full kontroll over metadata - **Automatisk bildeoptimalisering** + WebP-levering for raske landingssider - **Optimalisert for Core Web Vitals** i den hostede butikken; innebygde widgets lazy-loades slik at den håndbygde landingssiden din holder seg rask - **Produktfeeder** slik at du kan sende annonsetrafikk til enkeltprodukter hentet fra katalogen din - **Sanntidsanalyse** + UTM-sporing for å måle hvilke landingssider som konverterer - **Sporingspiksler** (Meta, Google, TikTok) med en bryter i dashbordet slik at annonsene dine får riktig attribusjon Det Shoprocket ikke leverer innebygd: full A/B-testing av landingssider (bruk VWO eller Optimizely ved siden av), varmekart (bruk Hotjar eller Microsoft Clarity, Clarity er gratis). > **Tips:** Hvis du kjører en betalt kampanje, bygg ÉN landingsside. Ikke bygg 10 varianter på forhånd. Kjør kampanjen mot den ene siden i 2-4 uker. Se på opptak av økter. Videreutvikle siden ut fra det du ser. Én side, riktig videreutviklet, slår fem sider du aldri optimaliserer. ## Kort oppsummert - **Beste landingsside = selve kjøpsflaten.** Shoprocket bygger handlekurv + kasse rett inn i hvilken som helst HTML-landingsside; de fleste plattformer sender besøkende videre til en egen butikk-URL - **Landingssider har ett formål**, de er ikke produktsider til alt mulig - **At budskapet matcher annonsen** er den største konverteringsspaken - **Én hovedknapp,** gjentatt 2-4 ganger, med tekst som sier hva som skjer - **Første skjermbilde skal få folk til å scrolle,** ikke gjøre salget - **Sosialt bevis i teksten** nær knapper og påstander; ikke gjemt nederst - **Svar på innvendinger underveis** (pris, kvalitet, frakt, passform) - **Lengden følger hvor grundig kjøperen vurderer,** ikke tilfeldigheter - **Hastighet betyr mer for landingssider** enn for vanlige sider (betalt trafikk er dyrt å kaste bort) - **A/B-test hovedbilde + knapp + prispresentasjon** hvis du har trafikk; kvalitativ research hvis ikke - **Vanlige feil:** å sende annonser til forsiden, én side til alle målgrupper, å gjemme prisen, for mange skjemafelt [Start en gratis prøveperiode](https://app-v3.shoprocket.io/signup) og bygg landingssider med tematisert butikk + feeder + pikselsporing innebygd. 14 dager, uten kort. --- - HTML version: https://v3.shoprocket.io/nb/blogg/landingssider-for-nettbutikk - Language: Norsk (nb) - Also in: [العربية](https://v3.shoprocket.io/ar/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Deutsch](https://v3.shoprocket.io/de/blog/landingpages-ecommerce-wann-noetig-inhalt-testen.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [English](https://v3.shoprocket.io/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Español](https://v3.shoprocket.io/es/blog/landing-pages-ecommerce-cuando-necesitas-una-que-poner-que-probar.md), [Français](https://v3.shoprocket.io/fr/blog/pages-atterrissage-e-commerce-quoi-mettre-quoi-tester.md), [עברית](https://v3.shoprocket.io/he/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/landing-page-ecommerce-kapan-perlu-isi-dan-cara-uji.md), [Italiano](https://v3.shoprocket.io/it/blog/landing-page-ecommerce-quando-servono-cosa-inserire-cosa-testare.md), [日本語](https://v3.shoprocket.io/ja/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/nusileidimo-puslapiai-el-prekybai-kada-reikalingi-ka-deti-ir-ka-testuoti.md), [Nederlands](https://v3.shoprocket.io/nl/blog/landingspagina-ecommerce-wanneer-wat-testen.md), [Polski](https://v3.shoprocket.io/pl/blog/landing-page-dla-ecommerce-kiedy-potrzebujesz-co-umiescic-co-testowac.md), [Português](https://v3.shoprocket.io/pt/blog/landing-pages-para-ecommerce-quando-usar-o-que-colocar-o-que-testar.md), [Română](https://v3.shoprocket.io/ro/blog/pagini-de-destinatie-ecommerce-ce-pui-pe-ele-ce-testezi.md), [Русский](https://v3.shoprocket.io/ru/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [ไทย](https://v3.shoprocket.io/th/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Türkçe](https://v3.shoprocket.io/tr/blog/e-ticaret-acilis-sayfalari-ne-zaman-ne-konur-ne-test-edilir.md), [中文](https://v3.shoprocket.io/zh/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md)