Eksempler på B2B-landingssider, sortert etter sidetype

De fleste samlinger med eksempler på B2B-landingssider er gallerier med skjermbilder: pene sider, en setning med ros hver, og ingen måte å se hvilke som ville fungert for ditt tilbud. Eksemplene nedenfor er organisert omvendt. Hvert av dem er en sidetype et B2B-team faktisk bygger – en side for demoforespørsel, en webinarside, en låst rapport, en kontospesifikk ABM-side, en sammenligningsside, et gratisverktøy, en prisdrevet side og en arrangementsside – brutt ned i overskrift, undertittel, bevis, skjema og CTA, med begrunnelsen for hvert valg.

Alle eksemplene her er illustrerende eksempler: bedriftene og tekstene er oppdiktet, slik at vi kan vise hele strukturen uten å gjette på andres resultater. Bruk dem som maler. Strukturen kan overføres til SaaS-landingssider, tjenestebedrifter og industriell B2B med små endringer, og vi påpeker dem der de betyr noe. For SaaS-nettsteder spesielt kan du kombinere dem med personalisering av nettsted for SaaS.

Hva er en B2B-landingsside?

En B2B-landingsside er en frittstående side bygget for én kampanje eller trafikkilde, med én jobb: å få en bedriftskjøper til å ta ett enkelt neste steg, som å booke en demo, melde seg på et webinar eller laste ned en rapport. Den skiller seg fra en B2C-landingsside på tre måter. Konverteringen er som regel en samtale eller et innholdsbytte i stedet for et kjøp. Den besøkende er ofte én av flere som vurderer kjøpet, så siden må gi mening for en bruker, en leder og noen ganger IT. Og leadet den gir, rutes til salg, så skjemaet har ett eller to kvalifiserende felt som en forbrukerside aldri ville spurt om.

Det siste punktet former alt nedenfor. En B2B-landingsside bedømmes etter kvaliteten på pipelinen den skaper, ikke bare etter konverteringsraten. En side som konverterer 8 %, men sender salg en strøm av studenter og konkurrenter, er for eksempel dårligere enn en som konverterer 4 % med kvalifiserte kjøpere.

Vårt standpunkt: kopier strukturen, ikke siden

Gallerier med landingssider frister til en bestemt feil: å velge siden du liker utseendet på og bygge den om for ditt tilbud. Siden du beundret, ble laget for sin trafikk. En demoside som fungerer for et selvbetjent produkt med kort salgssyklus, vil prestere dårligere for en millionavtale med en innkjøpsgruppe, uansett hvor bra den ser ut.

Vi mener den nyttige enheten er sidetypen, ikke siden. Typen avgjøres av hva den besøkende kom for (hvilket søkeord, hvilken annonse eller e-post som sendte dem) og hva du vil at de skal gjøre etterpå. Velg typen først, så følger strukturen. Visuelt design er den siste beslutningen, ikke den første. Hvis du ennå ikke er sikker på om en kampanje i det hele tatt trenger en egen side, dekker sammenligningen vår av landingsside vs. forside det valget. Når du har valgt typen, beskriver du målgruppe, løfte og innvendinger i en brief for landingssiden før du skriver.

Eksemplene nedenfor er alle sider for konvertering på nett. Hvis målet er en installasjon i stedet for en skjemautfylling, har siden andre oppgaver (butikkmerker, dyplenker, en QR-kode for besøkende på desktop); se gjennomgangen vår av eksempler på landingssider for mobilapper for den sidetypen.

Anatomien vi bruker for hvert eksempel

• Overskrift: gjentar løftet som brakte den besøkende hit.
• Undertittel: sier hvem det er for og hva som endrer seg for dem.
• Bevis: det ene mest troverdige beviset for denne målgruppen. Et kundenavn, et skjermbilde, et tall med kilde.
• Skjema eller CTA: bare feltene dette tilbudet trenger, pluss én linje om hva som skjer videre.
• Under bretten: svar på innvendingene som hindrer denne besøkende i å konvertere.

1. Landingsside for demoforespørsler

Illustrerende eksempel: et B2B-verktøy for møtebooking, med trafikk fra en søkeannonse for «programvare for møtebooking for salgsteam».

• Overskrift: «Book flere førstemøter uten frem-og-tilbake på e-post»
• Undertittel: «For salgsteam som booker inbound- og outbound-møter på tvers av tidssoner. Se reglene for ruting og round robin i en 20-minutters demo.»
• Bevis: et skjermbilde av bookingsiden en potensiell kunde ser, pluss to kundelogoer fra samme bransje som annonsegruppen.
• Skjema: jobb-e-post, selskap, teamstørrelse (nedtrekksmeny), «Hva vil du se?» (valgfritt). Fire felt.
• CTA: «Se det i en samtale på 20 minutter». Under knappen: «Velg et tidspunkt på neste skjermbilde. Ingen salgssekvens før samtalen.»

Lengden på demoen og neste steg er skrevet ut, noe som fjerner den største frykten ved demoskjemaer (en ukjent salgsprosess). Teamstørrelse er det eneste kvalifiseringsfeltet, og brukes til å rute leadet. Rutingshastighet betyr mer enn de fleste team tror: innlegget vårt om speed to lead viser hva som skjer når demoforespørsler blir liggende.

Til sammenligning en typisk «før»-versjon: overskriften «Alt-i-ett-plattformen for inntektsteam», ni skjemafelt inkludert telefon og stillingstittel, CTA «Send». Etter: versjonen ovenfor. Før-siden ber den besøkende selv finne ut av relevansen og godta en ukjent prosess; etter-siden svarer på begge spørsmålene i første skjermbilde.

2. Landingsside for webinar

Illustrerende eksempel: en direktesendt sesjon om «Pipeline-prognoser for SaaS i Series B», promotert via e-post og LinkedIn.

• Overskrift: «Prognoser for pipeline du kan forsvare i styremøtet»
• Undertittel: dato, klokkeslett med tidssone, varighet («Torsdag 6. november, kl. 16.00 CET, 45 minutter») og «Opptaket sendes til alle som registrerer seg».
• Bevis: foredragsholdere med navn, rolle og én linje om hvorfor de er verdt 45 minutter. Tre kulepunkter om hva deltakerne sitter igjen med.
• Skjema: navn, jobb-e-post, selskap. Tre felt.
• CTA: «Reserver plassen min»

Linjen «Opptaket sendes til alle som melder seg på» fanger opp dem som ikke kan delta direkte, men likevel vil ha innholdet. Agendaen er skrevet som resultater, ikke temaer. På landingssider for webinarer er foredragsholderblokken beviset, så den står ved siden av skjemaet i stedet for nederst.

Sjekkliste for landingsside for webinar

• Dato, klokkeslett og tidssone på første skjermbilde, pluss en linje som regner det om for den nest største regionen din («16.00 CET / 10.00 ET»).
• En lenke for å legge til i kalenderen på bekreftelsessiden, ikke bare i e-posten. En kalenderoppføring minner folk på det samme dag; bekreftelses-e-posten er begravd innen den tid.
• Tre resultatpunkter skrevet som hva deltakerne vil kunne gjøre, ikke hvilke temaer som dekkes.
• Bilder, navn og roller for foredragsholderne ved siden av skjemaet.
• Et løfte om opptak for dem som ikke kan delta live.
• En on-demand-versjon etter arrangementet. Endre overskriften til «Se opptaket», behold samme URL slik at lenker og rangeringer følger med, og kutt skjemaet ned til bare e-post. Mange webinarsider blir forlatt dagen etter arrangementet, mens en on-demand-versjon kan fortsette å samle påmeldinger i månedsvis.

For en serie bør hver sesjon få sin egen landingsside i stedet for én side med en nedtrekksmeny. Da kan hver side matche e-posten eller annonsen som promoterte akkurat det temaet. Klipp fra foredragsholdere og opptak dekkes i guiden vår til B2B-videomarkedsføring.

3. Landingsside for rapport eller e-bok bak skjema

Illustrerende eksempel: en årlig referanserapport for innkjøpsteam.

• Overskrift: «Slik fastsetter innkjøpsteam i industrien betalingsbetingelser for leverandører»
• Undertittel: én setning om metoden: hvem som ble spurt eller hvilke data som ble analysert, og når.
• Bevis: innholdsfortegnelsen og ett diagram fra rapporten, vist i sin helhet.
• Skjema: jobb-e-post og selskapsstørrelse. To felt.
• CTA: «Få rapporten». Under knappen: «PDF-en åpnes på neste side. Vi sender deg også en kopi på e-post.»

Å vise et ekte diagram fra rapporten beviser at den inneholder noe som er verdt en e-postadresse. En linje om metoden svarer på spørsmålet en nøye leser stiller først. Ingen telefonfelt: å be om telefonnummer for å laste ned en PDF er den raskeste måten å samle inn falske numre på.

Landingsside for en e-bok

En landingsside for en e-bok følger samme struktur, med én forskjell: en e-bok er vanligvis en guide og ikke forskning, så det finnes ingen metodelinje som bygger tillit. Forhåndsvisningen må gjøre den jobben i stedet. Vis innholdsfortegnelsen med sidetall og ett fullt oppslag fra innsiden (en sjekkliste, et rammeverksdiagram eller et gjennomregnet eksempel), slik at den besøkende kan vurdere om det er en ekte guide eller et oppblåst blogginnlegg med omslag.

• Overskrift: resultatet, ikke tittelen på e-boken. «Planlegg et kvartal med LinkedIn-annonser på et femsifret budsjett» slår «Den ultimate guiden til LinkedIn-annonser».
• Forsidebilde: greit som et gjenkjennelig visuelt element, men aldri det eneste. Et forsidebilde beviser ingenting.
• Hvem det er for: én linje, så feil målgruppe velger seg selv bort.
• Skjema: jobb-e-post pluss maks ett kvalifiseringsspørsmål. De som laster ned e-bøker, er tidlig i researchen; send dem til nurturing, ikke til en salgssamtale.

En variant som er verdt å teste, er den åpne versjonen: hele rapporten som en nettside med en valgfri PDF-nedlasting bak skjemaet. Færre laster ned, men de er mer interesserte, og nettsiden kan rangere i søk.

4. Kontospesifikk ABM-landingsside

Illustrerende eksempel: en leverandør av sikkerhetsprogramvare som retter seg mot en navngitt liste med regionale banker.

• Overskrift: «Sikkerhetsovervåking laget for revisjonssyklusene til regionale banker»
• Undertittel: «Dokumentasjonspakker til tilsynet, generert fra de samme dataene som SOC-en din bruker.»
• Bevis: en kundehistorie fra bank, de relevante regelverksrammene navngitt og et skjermbilde av revisjonseksporten.
• Skjema eller CTA: en direkte kalenderlenke til den navngitte kundeansvarlige for regionen, med bilde. Ikke noe skjema.
• CTA: «Snakk med Anna, som har ansvar for banker i din region» (med det ekte fornavnet til kundeansvarlig for den regionen)

For en kort liste over verdifulle kontoer er målet en samtale, så skjemaet erstattes med en person. Siden er per segment (regionale banker), ikke per selskap, noe som gjør den mulig å vedlikeholde. Én-til-én-sider med prospektets logo kan fungere for en håndfull strategiske kontoer, men de er dyre å bygge og kan oppleves som påtrengende hvis prospektet ikke forventet dem. Flere programmer etter nivå finner du i innlegget vårt om eksempler på account-based marketing.

5. Landingsside for sammenligning eller alternativer

Illustrerende eksempel: et rapporteringsverktøy med trafikk fra søk etter alternativer til en navngitt konkurrent.

• Overskrift: «Ser du etter et alternativ til dagens rapporteringsverktøy med pris per bruker?», med konkurrenten navngitt i den faktiske overskriften
• Undertittel: nevner ærlig de to eller tre grunnene til at folk bytter, og hvem som bør bli hos konkurrenten.
• Bevis: en sammenligningstabell med daterte fakta med kilder (prismodell, integrasjoner, hostingregioner). En lenke til en migreringsguide.
• Skjema: jobb-e-post, selskap, nåværende verktøy (forhåndsutfylt med konkurrentens navn).
• CTA: «Se en migreringsplan for kontoen din»

Besøkende fra sammenligningssøk er nær en beslutning og ser etter partiskhet. Å si hvem som bør bli hos konkurrenten, gir troverdighet til resten av tabellen. Hold tabellen saklig og datert, fordi utdaterte påstander om en konkurrent gjør mer skade enn en manglende rad. Disse søkene ligger høyt på intensjonsstigen som beskrives i guiden vår til søkeord med kjøpsintensjon.

6. Landingsside for gratisverktøy eller kalkulator

Illustrerende eksempel: en lønnskostnadskalkulator fra et HR-programvareselskap.

• Overskrift: «Lønnskostnadskalkulator for team som ansetter i mer enn ett land»
• Underoverskrift: hva kalkulatoren tar med og hva den utelater.
• Bevis: selve kalkulatoren, som fungerer øverst på siden. Forutsetningene listet opp under den med kilder.
• Skjema: ingen for å bruke verktøyet. Et valgfritt «Send meg denne oversikten på e-post» med ett felt etter resultatet.
• CTA: etter resultatet: «Se hvordan plattformen vår kjører denne lønnskjøringen for deg», med produktnavnet

Verdien kommer først og forespørselen etterpå, i det øyeblikket den besøkende har et tall de bryr seg om. Å låse resultatet bak et skjema gjør et verktøy folk deler, om til et skjema folk forlater.

7. Prisdrevet landingsside

Illustrerende eksempel: en SaaS-landingsside for søk på «kategori pluss pris», her «project management software pricing».

• Overskrift: «Priser på prosjektstyringsprogramvare: hva du betaler for 10, 50 og 200 brukere»
• Undertittel: hva som er inkludert i alle planer, og hva som koster ekstra.
• Bevis: tre gjennomregnede priseksempler og en liste over hva det ikke tas betalt for (oppsett, supportnivå, integrasjoner).
• Skjema eller CTA: «Få et pristilbud for teamet ditt» med jobb-e-post og teamstørrelse, pluss en lenke til selvbetjent registrering for små team.

Besøkende som søker etter priser, vil ha et tall. Sider som gjemmer alle priser bak «Kontakt oss», sender denne trafikken tilbake til søkeresultatene. Selv når enterprise-prisene er skreddersydde, svarer regneeksempler for vanlige størrelser på det egentlige spørsmålet: «er dette innenfor budsjettet vårt?» For aktive eksempler fra Slack, Linear, Jira, Figma og andre, se våre eksempler på SaaS-prissider.

8. Landingsside for arrangement

Illustrerende eksempel: en leverandørs stand og sidemiddag på en bransjemesse.

• Overskrift: «Møt oss på messen, stand 214, 12. til 14. november», med navnet på arrangementet i stedet for «messen»
• Undertittel: grunnen til å stikke innom: en live demo av en ny funksjon, eller en middag for en bestemt målgruppe.
• Bevis: hvem som står på standen, med navn og rolle.
• Skjema: navn, jobb-e-post, selskap og en tidsvelger for et møte på standen.
• CTA: «Book 15 minutter på standen»

De fleste arrangementssider kunngjør bare at man deltar. Å booke et bestemt tidspunkt gjør et vagt «vi ses der» til et møte i to kalendere.

Hvilket eksempel passer trafikken din

Wireframes for landingssider av hver type

Før du skriver tekst eller åpner en sidebygger, skisser siden som grå bokser i rekkefølge. En wireframe for landingssiden tvinger teamet til å bli enige om hva som skal hvor, og hvor mye plass hvert element får, før noen krangler om farger. Den gjør det også tydelig hva som mangler: hvis det ikke finnes en boks for bevis ved siden av skjemaet, blir det ikke noe bevis ved siden av skjemaet.

Her er wireframes for tre av typene over, ovenfra og ned. På desktop står elementer merket «ved siden av» i en tokolonners layout; på mobil stables de i rekkefølgen som vises.

Tre regler gjelder for alle. Skjemaet vises i det første skjermbildet på desktop. Hovednavigasjonen er fjernet eller redusert, slik at siden har én utgang. Og den gjentatte CTA-en nederst går tilbake til det samme skjemaet i stedet for til et annet tilbud. Lag wireframes i det som er raskest: papir, en lysbilde eller wireframe-settene i Figma. Vår briefmal for landingssider dekker tekstbeslutningene som fyller hver boks.

Slik bygger du din egen ut fra disse eksemplene

1. List opp trafikkildene dine. For hver betalte kampanje, hvert e-postprogram og hver gruppe organiske sider noterer du hva den besøkende søkte etter eller klikket på. For displaykampanjer betyr det at hver overskrift i en responsiv displayannonse må stemme for siden den peker til.
2. Tildel en sidetype fra tabellen over. Hvis to kilder trenger ulike typer, trenger de ulike sider eller varianter.
3. Skriv overskriften ut fra annonsen eller e-posten. Ta løftet i annonseteksten og gjenta det. Dette er også kjernen i en god landingssideopplevelse i Google Ads.
4. Velg ett bevis som er troverdig for denne målgruppen. Ikke stable fem.
5. Kutt skjemaet ned til feltene du faktisk vil bruke til å rute eller kvalifisere leadet.
6. Legg til linjen om «hva skjer nå» under CTA-en.
7. Mål per kilde, ikke per side. En side som konverterer godt for e-posttrafikk og dårlig for søketrafikk, trenger en variant, ikke et redesign. Sjekk trafikken mot tabellene våre for utvalgsstørrelse i A/B-tester før du kårer en vinner.

For prosessiden, som hva du bør teste først og hvordan du prioriterer, se vår guide til optimalisering av B2B-landingssider. For det visuelle dekker innlegget vårt om bilder på landingssider hvilke skjermbilder og grafikk som fortjener plassen sin.

Én side, flere målgrupper

Eksemplene ovenfor forutsetter at hver målgruppe får sin egen side. I praksis får en demoside besøkende fra et dusin bransjer og selskapsstørrelser, og det er ikke realistisk å bygge en side for hver. Alternativet er én side med varianter: overskriften, bevisblokken og CTA-en endres per segment, og resten forblir det samme.

Markettailors identifisering av besøkende kobler anonyme B2B-besøkende til bedrifter, og segmenteringen lar deg bytte bevisblokken på én demoside, slik at en bank ser en bankhistorie og en industribedrift ser en fra industrien. Veiledningen vår om å lage personaliserte landingssider viser oppsettet steg for steg.

Ofte stilte spørsmål

Hva kjennetegner en god B2B-landingsside?

En overskrift som gjentar løftet fra annonsen eller e-posten, ett troverdig bevis for målgruppen, et skjema med bare feltene du faktisk bruker, og en tydelig setning om hva som skjer etter at den besøkende har konvertert. Sidetypen, for eksempel demo, webinar eller sammenligning, bør passe til hvor trafikken kom fra.

Hvordan skiller B2B-landingssider seg fra B2C-landingssider?

B2B-sider ber vanligvis om en større forpliktelse (en salgssamtale snarere enn et kjøp), betjener flere roller i en innkjøpskomité og trenger bevis som henvender seg til et selskap snarere enn en enkeltperson. Derfor lener B2B-sider seg på kvalifiserende felt, kundehistorier fra likesinnede og en tydelig beskrivelse av salgsprosessen.

Hva bør en SaaS-landingsside inneholde?

For de fleste SaaS-landingssider: et produktskjermbilde eller en kort demo høyt oppe, hovedbruksområdet i overskriften, priser eller et priseksempel hvis de besøkende søkte etter det, logoer fra sammenlignbare selskaper eller en kundehistorie, og en CTA som passer kjøpsprosessen, enten selvbetjent registrering eller demoforespørsel.

Hvor mange skjemafelt bør en B2B-landingsside ha?

Så få som tilbudet krever. Nedlasting av innhold trenger sjelden mer enn e-post og ett kvalifiserende spørsmål. Demoforespørsler trenger som regel tre eller fire felt så leadet kan rutes. Fjern alle felt som ingen bruker til ruting eller kvalifisering.

Hva bør en landingsside for en e-bok inneholde?

En resultatfokusert overskrift, en linje om hvem e-boken er for, en forhåndsvisning som beviser at innholdet er substansielt (innholdsfortegnelsen og én hel side fra innsiden), og et kort skjema, som regel jobb-e-post pluss ett kvalifiseringsspørsmål. Forsidebildet alene er ikke bevis. Send de som laster ned, inn i en nurture-sekvens i stedet for rett til salg.

Hva er en wireframe for en landingsside?

En wireframe for en landingsside er en enkel skisse med bokser og etiketter som viser sidens seksjoner i rekkefølge, uten design eller ferdig tekst. Den brukes til å bli enige om strukturen, for eksempel hvor skjemaet skal stå, hvilket bevis som vises ved siden av det og hvilke innvendinger som besvares lenger ned, før design og skriving starter.

Bør landingssider for webinarer be om telefonnummer?

Vanligvis ikke. De påmeldte forventer en e-post med lenken og opptaket, og et telefonfelt reduserer stort sett påmeldingene og samler inn tullenumre. Spør om det senere, når det er en grunn til å ringe.