Eksempler på B2B-landingssider opdelt efter sidetype

De fleste samlinger af eksempler på B2B-landingssider er gallerier med skærmbilleder: pæne sider, en sætning med ros til hver og ingen måde at afgøre, hvilke af dem der ville virke for dit tilbud. Eksemplerne nedenfor er organiseret omvendt. Hvert enkelt er en sidetype, som et B2B-team faktisk bygger, en side til demoanmodning, en webinarside, en spærret rapport, en kontospecifik ABM-side, en sammenligningsside, et gratis værktøj, en prisdrevet side og en eventside, gennemgået i overskrift, underoverskrift, dokumentation, formular og CTA med begrundelsen bag hvert valg.

Hvert eksempel her er et illustrativt eksempel: Virksomhederne og teksterne er opdigtede, så vi kan vise hele strukturen uden at gætte på andres resultater. Brug dem som skabeloner. Strukturen kan overføres til SaaS-landingssider, servicevirksomheder og industriel B2B med små ændringer, og vi nævner dem, hvor de betyder noget. Til SaaS-sites specifikt kan du kombinere dem med personalisering af websitet til SaaS.

Hvad er en B2B-landingsside?

En B2B-landingsside er en selvstændig side bygget til én kampagne eller trafikkilde med én opgave: at få en erhvervskøber til at tage ét næste skridt, som at booke en demo, tilmelde sig et webinar eller downloade en rapport. Den adskiller sig fra en B2C-landingsside på tre måder. Konverteringen er som regel en samtale eller en udveksling af indhold frem for et køb. Den besøgende er ofte en af flere, der evaluerer købet, så siden skal give mening for en bruger, en leder og nogle gange IT. Og det lead, den skaber, sendes til salg, så formularen har et eller to kvalificerende felter, som en forbrugerside aldrig ville spørge om.

Det sidste punkt former alt nedenfor. En B2B-landingsside bedømmes på kvaliteten af den pipeline, den skaber, ikke kun på dens konverteringsrate. En side, der konverterer med 8 %, men sender salg en strøm af studerende og konkurrenter, er for eksempel dårligere end en, der konverterer med 4 % med kvalificerede købere.

Vores holdning: Kopiér strukturen, ikke siden

Gallerier med landingssider opmuntrer til en bestemt fejl: at vælge den side, du synes ser godt ud, og bygge den om til dit tilbud. Den side, du beundrede, blev bygget til sin trafik. En demoside, der virker for et selvbetjeningsprodukt med kort salgscyklus, vil klare sig dårligere for en sekscifret deal med en købskomité, uanset hvor godt den ser ud.

Vi mener, at den nyttige enhed er sidetypen, ikke siden. Typen afgøres af, hvad den besøgende kom efter (hvilket søgeord, hvilken annonce eller mail der sendte vedkommende), og hvad du vil have vedkommende til at gøre bagefter. Vælg typen først, så følger strukturen. Visuelt design er den sidste beslutning, ikke den første. Hvis du endnu ikke er sikker på, om en kampagne overhovedet har brug for en dedikeret side, gennemgår vores sammenligning af landingsside vs. forside det valg. Når du har valgt typen, så indfang målgruppe, løfte og indvendinger i et brief til landingssiden, før du skriver.

Eksemplerne nedenfor er alle websider til konvertering. Hvis målet er en installation frem for en formularudfyldelse, har siden andre opgaver (butiksbadges, deep links, en QR-kode til besøgende på desktop); se vores gennemgang af eksempler på landingssider til mobilapps for den sidetype.

Den anatomi, vi bruger til hvert eksempel

• Overskrift: gentager det løfte, der bragte den besøgende hertil.
• Underoverskrift: siger, hvem det er til, og hvad der ændrer sig for dem.
• Bevis: det mest troværdige stykke dokumentation for denne målgruppe. Et kundenavn, et skærmbillede, et tal med en kilde.
• Formular eller CTA: kun de felter, dette tilbud kræver, plus én linje om, hvad der sker bagefter.
• Under folden: svar på de indvendinger, der forhindrer denne besøgende i at konvertere.

1. Landingsside til demoanmodning

Illustrativt eksempel: et B2B-planlægningsværktøj, trafik fra en søgeannonce på "meeting scheduling software for sales teams".

• Overskrift: »Book flere første møder uden frem og tilbage på e-mail«
• Underoverskrift: "Til salgsteams, der holder inbound- og outboundmøder på tværs af tidszoner. Se reglerne for routing og round robin i en 20-minutters demo."
• Bevis: et skærmbillede af den bookingside, en prospect ser, plus to kundelogoer fra samme branche som annoncegruppen.
• Formular: arbejdsmail, virksomhed, teamstørrelse (dropdown), "Hvad vil du gerne se?" (valgfrit). Fire felter.
• CTA: "Se det på et 20-minutters møde". Under knappen: "Vælg et tidspunkt på næste skærm. Ingen salgssekvens før mødet."

Demoens længde og det næste skridt er beskrevet, hvilket fjerner den største frygt ved demoformularer (en ukendt salgsproces). Teamstørrelse er det eneste kvalificerende felt og bruges til at route leadet. Routinghastighed betyder mere, end de fleste teams tror: vores indlæg om speed to lead dækker, hvad der sker, når demoanmodninger venter.

Til sammenligning en typisk "før"-version: overskriften "Alt-i-én-platformen til omsætningsteams", ni formularfelter inklusive telefon og stillingsbetegnelse, CTA "Send". Efter: versionen ovenfor. Før-siden beder den besøgende om selv at regne relevansen ud og acceptere en ukendt proces; efter-siden besvarer begge spørgsmål i det første skærmbillede.

2. Landingsside til webinar

Illustrativt eksempel: en live-session om "Pipelineprognoser for Series B SaaS", promoveret via e-mail og LinkedIn.

• Overskrift: "Lav pipeline-prognoser, du kan forsvare på bestyrelsesmødet"
• Underoverskrift: dato, tidspunkt med tidszone, længde ("Torsdag den 6. november kl. 16.00 CET, 45 minutter") og "Optagelsen sendes til alle tilmeldte".
• Bevis: talere med navn, rolle og én linje om, hvorfor de er 45 minutter værd. Tre punkter om, hvad deltagerne går derfra med.
• Formular: navn, arbejdsmail, virksomhed. Tre felter.
• CTA: »Reservér min plads«

Linjen "Optagelsen sendes til alle tilmeldte" fanger dem, der ikke kan deltage live, men stadig vil have indholdet. Programmet er skrevet som resultater, ikke emner. På landingssider til webinarer er talerblokken beviset, så den står ved siden af formularen i stedet for nederst.

Tjekliste til landingssider for webinarer

• Dato, klokkeslæt og tidszone på første skærm plus en linje, der omregner til din næststørste region ("16.00 CET / 10.00 ET").
• Et link til at tilføje til kalenderen på bekræftelsessiden, ikke kun i mailen. En kalenderpost minder folk om det på dagen; bekræftelsesmailen er begravet til den tid.
• Tre punkter om udbytte, formuleret som hvad deltagerne vil kunne gøre, ikke hvilke emner der dækkes.
• Fotos af talere, navne og roller ved siden af formularen.
• Et løfte om en optagelse til dem, der ikke kan deltage live.
• En on demand-version efter eventet. Ændr overskriften til "Se optagelsen", behold den samme URL, så links og placeringer føres videre, og skær formularen ned til kun e-mail. Mange webinarsider bliver forladt dagen efter eventet, mens en on demand-version kan blive ved med at indsamle tilmeldinger i månedsvis.

Giv hver session sin egen landingsside i en serie i stedet for én side med en dropdown. Så kan hver side matche den e-mail eller annonce, der promoverede netop det emne. Talerklip og optagelser gennemgår vi i vores guide til B2B-videomarketing.

3. Landingsside til rapport eller e-bog bag formular

Illustrativt eksempel: en årlig benchmarkrapport til indkøbsteams.

• Overskrift: "Sådan fastsætter indkøbsteams i produktionsvirksomheder betalingsbetingelser for leverandører"
• Underoverskrift: én sætning om metoden: hvem der blev spurgt, eller hvilke data der blev analyseret, og hvornår.
• Bevis: indholdsfortegnelsen og én graf fra rapporten, vist i fuld størrelse.
• Formular: arbejdsmail og virksomhedsstørrelse. To felter.
• CTA: "Hent rapporten". Under knappen: "PDF'en åbner på næste side. Vi sender dig også en kopi på e-mail."

At vise en rigtig graf fra rapporten beviser, at den indeholder noget, der er en e-mailadresse værd. En linje om metoden besvarer det spørgsmål, en omhyggelig læser stiller først. Intet telefonfelt: At bede om et telefonnummer for at downloade en PDF er den hurtigste måde at indsamle falske numre på.

Landingsside til en e-bog

En landingsside til en e-bog følger samme struktur med én forskel: En e-bog er som regel en guide snarere end research, så der er ingen metodelinje til at skabe tillid. Det arbejde skal forhåndsvisningen gøre i stedet. Vis indholdsfortegnelsen med sidetal og ét helt opslag indefra (en tjekliste, et framework-diagram eller et gennemregnet eksempel), så den besøgende kan vurdere, om det er en rigtig guide eller et oppustet blogindlæg med et omslag.

• Overskrift: resultatet, ikke e-bogens titel. "Planlæg et kvartals LinkedIn-annoncer på et femcifret budget" slår "Den ultimative guide til LinkedIn-annoncer".
• Forsidebillede: fint som et genkendeligt visuelt element, men aldrig det eneste. Et forsidebillede beviser ingenting.
• Hvem det er til: én linje, så den forkerte målgruppe selv fravælger det.
• Formular: arbejdsmail plus højst ét kvalificerende spørgsmål. Dem, der downloader e-bøger, er tidligt i deres research; send dem til nurture, ikke til et salgsopkald.

En variant, der er værd at teste, er den åbne version: hele rapporten som webside med valgfri PDF-download bag formularen. Der er færre besøgende, der downloader, men de er mere interesserede, og websiden kan rangere i søgninger.

4. Kontospecifik ABM-landingsside

Illustrativt eksempel: en leverandør af sikkerhedssoftware, der målretter en navngiven liste af regionale banker.

• Overskrift: "Sikkerhedsovervågning bygget til regionale bankers auditcyklusser"
• Underoverskrift: "Dokumentationspakker til jeres revisorer, genereret ud fra de samme data, som jeres SOC bruger."
• Beviser: en kundehistorie fra en bank, de relevante compliance-rammer nævnt ved navn og et skærmbillede af auditeksporten.
• Formular eller CTA: et direkte kalenderlink til den navngivne account executive for regionen, med foto. Ingen formular.
• CTA: "Tal med Anna, der dækker banker i din region" (med det rigtige fornavn på den account executive, der dækker regionen)

For en kort liste over værdifulde konti er målet en samtale, så formularen erstattes af en person. Siden er pr. segment (regionale banker), ikke pr. virksomhed, hvilket holder den til at vedligeholde. Én-til-én-sider med prospektets logo kan virke for en håndfuld strategiske konti, men de er dyre at bygge og kan føles påtrængende, hvis prospektet ikke forventede dem. Flere programmer pr. niveau finder du i vores indlæg om eksempler på account-based marketing.

5. Landingsside med sammenligning eller alternativer

Illustrativt eksempel: et rapporteringsværktøj, trafik fra søgninger efter alternativer til en navngiven konkurrent.

• Overskrift: »Leder du efter et alternativ til dit nuværende rapporteringsværktøj med pris pr. bruger?«, med konkurrenten nævnt i den aktive overskrift
• Underoverskrift: nævner ærligt de to eller tre grunde til, at folk skifter, og hvem der bør blive hos konkurrenten.
• Dokumentation: en sammenligningstabel med daterede fakta med kilder (prismodel, integrationer, hostingregioner). Et link til en migreringsguide.
• Formular: arbejdsmail, virksomhed, nuværende værktøj (forudfyldt med konkurrentens navn).
• CTA: "Se en migreringsplan for din konto"

Besøgende fra sammenligningssøgninger er tæt på en beslutning og tjekker for bias. At sige, hvem der bør blive hos konkurrenten, giver troværdighed til resten af tabellen. Hold tabellen faktuel og dateret, fordi forældede påstande om en konkurrent gør mere skade end en manglende række. Disse søgninger ligger højt på intent-stigen, som er beskrevet i vores guide til søgeord med købsintent.

6. Landingsside for gratis værktøj eller beregner

Illustrativt eksempel: en beregner af lønomkostninger fra en HR-softwarevirksomhed.

• Overskrift: "Beregner til lønomkostninger for teams, der ansætter i mere end ét land"
• Underoverskrift: hvad beregneren medtager, og hvad den udelader.
• Bevis: selve beregneren, der virker over folden. Forudsætninger listet nedenunder med kilder.
• Formular: ingen for at bruge værktøjet. Et valgfrit »Send mig denne opdeling« med ét felt efter resultatet.
• CTA: efter resultatet: "Se, hvordan vores platform kører lønnen for dig", med produktnavnet

Værdien kommer først og forespørgslen bagefter, i det øjeblik den besøgende har et tal, vedkommende interesserer sig for. At spærre resultatet bag en formular gør et værktøj, folk deler, til en formular, folk forlader.

7. Prisdrevet landingsside

Illustrativt eksempel: en SaaS-landingsside til søgninger på "kategori plus pris", her "project management software pricing".

• Overskrift: "Priser på projektstyringssoftware: hvad du betaler ved 10, 50 og 200 brugere"
• Underoverskrift: hvad der er inkluderet i alle planer, og hvad der koster ekstra.
• Dokumentation: tre gennemregnede priseksempler og en liste over, hvad der ikke tages betaling for (opsætning, supportniveau, integrationer).
• Formular eller CTA: "Få et tilbud til dit team" med arbejdsmail og teamstørrelse plus et link til self-service-tilmelding for små teams.

Besøgende, der søger efter priser, vil have et tal. Sider, der gemmer alle priser bag »Kontakt os«, sender denne trafik tilbage til søgeresultaterne. Selv når enterprise-priser er skræddersyede, besvarer gennemregnede eksempler for almindelige størrelser det egentlige spørgsmål: »ligger det her inden for vores budget?« Aktuelle versioner fra Slack, Linear, Jira, Figma og andre finder du i vores eksempler på SaaS-prissider.

8. Landingsside til event

Illustrativt eksempel: en leverandørs stand og middag ved siden af en branchemesse.

• Overskrift: "Mød os på messen, stand 214, 12. til 14. november", med eventets navn i stedet for "messen"
• Underoverskrift: grunden til at kigge forbi: en live-demo af en ny funktion eller en middag for en bestemt målgruppe.
• Bevis: hvem der står på standen, med navn og rolle.
• Formular: navn, arbejdsmail, virksomhed og en tidsvælger til et møde på standen.
• CTA: "Book et 15-minutters møde på standen"

De fleste eventsider melder bare deltagelse ud. At booke et konkret tidspunkt gør et vagt »vi ses der« til et møde i to kalendere.

Hvilket eksempel passer til din trafik

Wireframes til landingssider for hver type

Før du skriver tekst eller åbner en sidebuilder, så skitsér siden som grå bokse i rækkefølge. En wireframe til en landingsside tvinger teamet til at blive enige om, hvad der skal hvorhen, og hvor meget plads hvert element får, før nogen diskuterer farver. Den gør også manglende elementer tydelige: Hvis der ikke er en boks til bevis ved siden af formularen, kommer der ikke noget bevis ved siden af formularen.

Her er wireframes for tre af typerne ovenfor, fra top til bund. På desktop står elementer markeret "ved siden af" i et layout med to kolonner; på mobil stables de i den viste rækkefølge.

Tre regler gælder for dem alle. Formularen vises på den første skærm på desktop. Websitets hovednavigation er fjernet eller reduceret, så siden kun har én udgang. Og den gentagne CTA i bunden fører tilbage til den samme formular frem for til et andet tilbud. Lav wireframen i det, der er hurtigst: papir, et slide eller wireframe-kittene i Figma. Vores briefskabelon til landingssider dækker de tekstbeslutninger, der fylder hver boks.

Sådan bygger du din egen ud fra disse eksempler

1. List dine trafikkilder. For hver betalt kampagne, hvert e-mailprogram og hver gruppe af organiske sider noterer du, hvad den besøgende søgte efter eller klikkede på. For displaykampagner betyder det, at hver overskrift i en responsiv displayannonce skal være sand for den side, den peger på.
2. Tildel en sidetype fra tabellen ovenfor. Hvis to kilder har brug for forskellige typer, skal de have forskellige sider eller varianter.
3. Skriv overskriften ud fra annoncen eller e-mailen. Tag løftet i annonceteksten, og gentag det. Det er også kernen i en god landingssideoplevelse i Google Ads.
4. Vælg ét dokumentationselement, der er troværdigt for denne målgruppe. Stabl ikke fem.
5. Skær formularen ned til de felter, du faktisk vil bruge til at fordele eller kvalificere leadet.
6. Tilføj linjen om »hvad der sker nu« under CTA'en.
7. Mål pr. kilde, ikke pr. side. En side, der konverterer godt for trafik fra e-mail og dårligt for trafik fra søgning, har brug for en variant, ikke et nyt design. Tjek trafikken mod vores tabeller for stikprøvestørrelse i A/B-test, før du udråber en vinder.

For processiden, fx hvad du skal teste først, og hvordan du prioriterer, se vores guide til B2B-landingssideoptimering. Om det visuelle gennemgår vores indlæg om billeder på landingssider, hvilke skærmbilleder og grafik der fortjener deres plads.

Én side, flere målgrupper

Eksemplerne ovenfor går ud fra, at hver målgruppe får sin egen side. I praksis får en demoside besøgende fra et dusin brancher og virksomhedsstørrelser, og det er ikke realistisk at bygge en side til hver. Alternativet er én side med varianter: Overskriften, bevisblokken og CTA'en skifter efter segment, og resten er det samme.

Markettailors identifikation af besøgende kobler anonyme B2B-besøgende til virksomheder, og dens segmentering lader dig skifte bevisblokken på én demoside, så en bank ser en bankhistorie og en produktionsvirksomhed en fra produktion. Vores vejledning i at lave personaliserede landingssider viser opsætningen trin for trin.

Ofte stillede spørgsmål

Hvad kendetegner en god B2B-landingsside?

En overskrift, der gentager løftet fra annoncen eller mailen, ét troværdigt bevis for målgruppen, en formular med kun de felter, du vil bruge, og en klar linje om, hvad der sker, efter at den besøgende har konverteret. Sidetypen, fx demo, webinar eller sammenligning, skal passe til, hvor trafikken kom fra.

Hvordan adskiller B2B-landingssider sig fra B2C-landingssider?

B2B-sider beder som regel om en større forpligtelse (et salgsopkald frem for et køb), betjener flere roller i en købskomité og har brug for bevis, der taler til en virksomhed frem for en enkeltperson. Derfor læner B2B-sider sig op ad kvalificerende felter, kundehistorier fra ligesindede og en klar beskrivelse af salgsprocessen.

Hvad skal en SaaS-landingsside indeholde?

For de fleste SaaS-landingssider: et produktskærmbillede eller en kort demo øverst, den vigtigste use case i overskriften, priser eller et priseksempel, hvis besøgende har søgt efter det, logoer fra ligesindede eller en kundehistorie og en CTA, der matcher købsprocessen, enten self-service-tilmelding eller demoanmodning.

Hvor mange formularfelter bør en B2B-landingsside have?

Så få, som tilbuddet kræver. Download af indhold kræver sjældent mere end e-mail og ét kvalificerende spørgsmål. Demoanmodninger kræver som regel tre eller fire felter, så leadet kan fordeles. Fjern ethvert felt, som ingen bruger til fordeling eller kvalificering.

Hvad skal en landingsside for en e-bog indeholde?

En resultatfokuseret overskrift, en linje om, hvem e-bogen er til, en forhåndsvisning, der beviser, at indholdet er substantielt (indholdsfortegnelsen og én hel side indefra), og en kort formular, typisk arbejdsmail plus ét kvalificeringsspørgsmål. Forsidebilledet alene er ikke dokumentation. Send dem, der downloader, i en nurture-sekvens i stedet for direkte til salg.

Hvad er en wireframe til en landingsside?

En wireframe til en landingsside er en enkel skitse med bokse og labels, der viser sidens sektioner i rækkefølge uden design eller endelig tekst. Den bruges til at blive enige om strukturen – fx hvor formularen placeres, hvilket bevis der står ved siden af den, og hvilke indvendinger der besvares længere nede – før design og tekstarbejde går i gang.

Bør landingssider til webinarer bede om et telefonnummer?

Som regel ikke. Tilmeldte forventer en e-mail med linket og optagelsen, og et telefonfelt reducerer mest af alt antallet af tilmeldinger og indsamler pladsholdernumre. Spørg om det senere, når der er en grund til at ringe.