Hver side på en hjemmeside prøver at få en besøgende til at gøre noget. Call to action er det element, der gør den opfordring tydelig. Uden en må en besøgende, der er klar til at handle, selv finde ud af det næste skridt, og mange gider ikke.
En call to action (CTA) er en knap, et link eller et stykke tekst, der leder en besøgende på hjemmesiden til at tage et bestemt næste skridt. Det kan være at booke et opkald, bede om et tilbud, tilmelde sig, downloade noget eller tage kontakt. En call to action gør den ønskede handling synlig, tydelig og let at udføre. Sider uden en tydelig call to action giver de besøgende ingen retning og ingen åbenlys grund til at blive.
Hvilke typer calls to action findes der?
Efter format
En knap-CTA er det mest almindelige format. En knap, man kan klikke på, med tekst om en handling, står, hvor den er let at se. Knapper virker, fordi de skiller sig ud visuelt fra resten af siden og tydeligt viser, at man kan trykke på dem.
En tekstlink-CTA, der står midt i en sætning i brødteksten, er mindre synlig end en knap. Fordelen er placeringen. Den kan stå præcis der, hvor læserens opmærksomhed er i det øjeblik, handlingen giver mest mening.
En klæbende bjælke eller banner-CTA, der går over hele sidens bredde, er stadig synlig, mens den besøgende scroller. Det format virker godt til tidsbegrænsede tilbud eller når én handling skal vises ens på alle sider.
Nogle CTA'er springer klikket helt over. En formularblok beder de besøgende skrive deres oplysninger direkte på siden i stedet for at klikke videre et andet sted hen. Kontaktformularer og tilmelding til nyhedsbreve er de mest almindelige eksempler.
Efter mål
Ikke alle CTA'er har det samme formål. En primær CTA driver den vigtigste handling på siden, som regel booking, køb eller kontakt. Sekundære CTA'er fører de besøgende hen mod beslægtede handlinger, der bygger op mod det primære mål, som at læse en case, se priser eller se en demo.
Hvor skal calls to action placeres på en hjemmeside?
Placeringen afhænger af typen af side og af, hvor i beslutningsprocessen den besøgende sandsynligvis er, når de når hvert afsnit.
På en forside hører den primære CTA hjemme above the fold, synlig uden at scrolle. Besøgende, der kommer fra en søgning eller en henvisning og straks ser, at virksomheden passer til dem, handler hurtigt, hvis CTA'en er der. En anden CTA nederst på forsiden fanger de besøgende, der læser videre, før de beslutter sig. Artiklen om hvordan du designer en forside, der virker viser, hvordan CTA'en spiller sammen med resten af forsidens layout.
På en ydelses- eller produktside skal den primære CTA stå efter beskrivelsen af, hvad der er med, men før den besøgende skal scrolle forbi det punkt, hvor de har set nok til at beslutte sig. En anden CTA til sidst på siden fanger de besøgende, der læser helt ned.
På blogartikler og informationssider skal CTA'er stå i sammenhængen, hvor indholdet lige har behandlet et problem, virksomheden løser. En CTA lige efter et afsnit, der forklarer, hvorfor noget er vigtigt, virker bedre end en, der står til sidst i en artikel, som den besøgende måske ikke læser færdig. Hvordan navigation og sidens opbygning arbejder sammen om at føre de besøgende mellem sider, kan du se i hvad navigation på en hjemmeside er.
Hvordan skriver du en call to action, der virker?
Stærk CTA-tekst er konkret om, hvad der sker, når den besøgende klikker. "Book et gratis opkald" er tydeligere end "Kontakt os". "Se priser" er tydeligere end "Læs mere". "Download tjeklisten" er tydeligere end "Klik her". Den besøgende skal vide præcis, hvad de får, eller hvad der sker bagefter, før de klikker.
Den enkleste formel for CTA-tekst er et handlingsverbum efterfulgt af det konkrete resultat eller det, der tilbydes. "Få dit tilbud." "Start din gratis prøve." "Se hele casen." Hver af dem fortæller den besøgende, hvad de får, ikke bare at de skal gøre noget.
For serviceerhverv slår CTA-tekst, der fjerner oplevet risiko, de generiske alternativer. "Book et gratis opkald på 20 minutter" er mindre truende end "Book en konsultation". "Få et tilbud uden binding" fjerner frygten for at blive presset til et køb. Når selve CTA'en tager hul på tøven, mindskes gnidningerne for besøgende, der er interesserede, men forsigtige.
Hvor mange calls to action skal en side have?
En side skal have én primær CTA og højst en eller to sekundære. En side med fem forskellige calls to action, der konkurrerer om opmærksomheden, giver de besøgende for mange valg og giver som regel færre konverteringer end en side med ét tydeligt primært ønske. Når hvert element på en side prøver at være det vigtigste, er intet det.
Undtagelsen er lange sider med flere forskellige afsnit, hvor en gentaget primær CTA til sidst i hvert afsnit giver de besøgende en tydelig vej, uanset hvor langt de scroller, før de beslutter sig for at handle. Hvordan sidens opbygning og placeringen af vigtige handlinger former de besøgendes adfærd, kan du læse om i hvad UX-design er.
Hvordan er en CTA forskellig for serviceerhverv og produktvirksomheder?
Produktvirksomheder kan bruge direkte CTA'er til køb, fordi det næste skridt er ligetil. Køb produktet. "Læg i kurv" og "Køb nu" virker, fordi den besøgende ved præcis, hvad de forpligter sig til.
Serviceerhverv beder som regel de besøgende tage et skridt med mindre forpligtelse før salget, fordi en ydelse ikke kan købes med ét klik. Målet er at få den besøgende i gang med en samtale, ikke at gennemføre en transaktion. CTA'er som "Book et gratis opkald", "Bed om et tilbud" eller "Send os din projektbeskrivelse" fører besøgende hos serviceerhverv videre uden at bede om en forpligtelse, de ikke er klar til. Sproget skal passe til, hvor den besøgende er i sin beslutningsproces.
Hvad får en call to action til at fejle?
En CTA fejler, når den er usynlig, uklar eller sat det forkerte sted i forløbet. En knap, der smelter ind i sidens baggrundsfarve, bliver ikke klikket på. En CTA, der siger "Send", fortæller den besøgende intet om, hvad de får. En CTA, der står, før den besøgende har set nogen grund til at handle, bliver ignoreret, fordi den besøgende ikke er klar.
Visuel kontrast er den mest pålidelige løsning på usynlige CTA'er. Knappens farve skal tydeligt adskille sig fra de omkringliggende elementer på siden. Luft omkring CTA'en skiller den fra indholdet og trækker blikket hen mod den. Hvad visuelt hierarki er forklarer, hvordan kontrast og afstand leder de besøgendes opmærksomhed hen til de elementer, der betyder mest på en side.
Sådan klarer WEMASY calls to action
WEMASYs hjemmesidebygger har blokke til CTA-knapper, bannere og formularer, som du kan placere hvor som helst på en side i editoren med træk og slip. Knappens farver styres af indstillingerne for brandets farver og bruges ens på alle sider. CTA-teksten kan redigeres direkte i blokken uden at ændre designet. Knappens placering, størrelse og afstand kan justeres uden kode.
Se, hvad der er med, i WEMASYs hjemmesidebygger, eller se planerne på siden med priser.
Ofte stillede spørgsmål
Hvilken farve skal en CTA-knap have?
Knappen skal have tydelig kontrast til baggrunden og de omkringliggende elementer på siden. Den bestemte farve betyder mindre end kontrasten. En knap i samme farvefamilie som baggrunden bliver usynlig. En knap i en farve, der adskiller sig fra siden, ses med det samme. På de fleste hjemmesider gør én fast accentfarve til alle primære CTA-knapper dem forudsigelige og lette at finde, når de besøgende går fra side til side. Med WEMASYs hjemmesidebygger kan du sætte det op direkte på din hjemmeside.
Er en call to action det samme som en landing page?
Nej. En call to action er et element på en side, der leder en besøgende til at tage en bestemt handling. En landing page er en selvstændig side, der er bygget op omkring ét konverteringsmål, og den har som regel en primær CTA som sit vigtigste element. En landing page findes for at understøtte en CTA. CTA'en på en landing page er det, der udløser den konvertering, siden er bygget til at opnå.
Hvordan ved du, om en call to action virker?
Ved at følge CTR på CTA'en og konverteringsraten på den side, den står på. Hvis en stor del af de besøgende kommer til siden, men få klikker på CTA'en, er knappen måske ikke synlig nok, teksten er måske ikke overbevisende, eller CTA'en står måske det forkerte sted på siden. Det mest pålidelige er at teste én ting ad gangen, først teksten, så placeringen og så farven, for at finde ud af, hvilken ændring der giver en forbedring.
Skal alle sider på en hjemmeside have en call to action?
Ja. Hver side, en besøgende kan nå, bør have mindst ét tydeligt næste skridt. Selv informationssider, der ikke er lavet som konverteringssider, bør pege de besøgende hen mod noget. Det kan være en relateret artikel, en relevant ydelsesside eller kontaktsiden. En side uden CTA er en blindgyde. Det næste skridt behøver ikke være hårdt salg, men det skal findes og være let at finde.
Hvad er forskellen på en primær og en sekundær call to action?
En primær CTA er den vigtigste handling, en besøgende kan tage på en side, som regel den handling, der fører direkte mod en konvertering som booking, køb eller kontakt. En sekundær CTA giver et alternativ med mindre forpligtelse til de besøgende, der endnu ikke er klar til den primære handling, som at se en case, læse mere om en ydelse eller tilmelde sig opdateringer. Begge hjælper de besøgende på forskellige trin i deres beslutningsproces. Den primære CTA skal altid være mere synlig end den sekundære.