• UI & UX

Få et klik: 8 tips til effektivt CTA-design

  • Felix Rose-Collins
  • 6 min read
Få et klik: 8 tips til effektivt CTA-design

Intro

Det er en stor udfordring at nå frem til den første side af Googles søgeresultater og få din målgruppes opmærksomhed, da folk sjældent klikker på et resultat på side to. Optimering af dit websted til SEO er et must for at nå dette mål.

Men det betyder ikke, at en placering i top 10 nødvendigvis vil sikre dig en god konverteringsrate som standard. Det er rigtigt, at du kan forvente en stigning i webtrafikken, men der er et andet element, der er afgørende for konverteringer - et effektivt call to action.

En CTA's vigtigste funktion er at lede besøgende til næste skridt og opfordre dem til at handle - tilmelde sig et nyhedsbrev, downloade en e-bog, købe et produkt eller en tjenesteydelse eller tilmelde sig en prøveperiode.

Men en dårligt designet CTA er lige så godt som ingen, da den ikke vil kunne generere klik og fremme konverteringer.

I denne artikel vil vi gennemgå de bedste tips til at designe uimodståelige CTA'er, som dine potentielle kunder ikke vil kunne undgå at klikke på. Læs videre for at lære mere!

1. Brug en klæbrig CTA i sidebaren

CTA'er handler om at fange de besøgendes opmærksomhed og få dem til at klikke.

Nogle websider, f.eks. hjemmesider eller blogindlæg, har meget indhold, og det er nemt for CTA'er at blive blandet med alle de andre elementer og blive praktisk talt usynlige.

Mød Ranktracker

Alt-i-en-platformen til effektiv SEO

Bag enhver succesfuld virksomhed ligger en stærk SEO-kampagne. Men med utallige optimeringsværktøjer og -teknikker at vælge imellem kan det være svært at vide, hvor man skal starte. Nå, frygt ikke mere, for jeg har lige det, der kan hjælpe dig. Jeg præsenterer Ranktracker alt-i-en platformen til effektiv SEO

Vi har endelig åbnet for gratis registrering til Ranktracker!

Opret en gratis konto

Eller logge ind med dine legitimationsoplysninger

Indtast en klæbrig CTA i sidebaren.

Denne flydende knap er fastgjort til siden af en webside og forbliver synlig, mens brugeren scroller op og ned ad siden uden at være for påtrængende eller distraherende. Du behøver ikke at bekymre dig om, hvorvidt en potentiel kunde glemmer dit fantastiske tilbud, mens han/hun læser en artikel eller tjekker kundeanmeldelser.

ATH Sport giver 10 % rabat på den første ordre og promoverer dette incitament på deres hjemmeside og på hele deres website ved at implementere en klæbende CTA i sidebaren med teksten "Save 10%". På den måde bliver de besøgende subtilt mindet om at handle og gøre krav på en rabat.

Use a sticky sidebar CTA (Kilde: ATH Sport)

2. Udnyt det negative rum

En af de største fejl, du kan begå med din CTA, er at begrave den midt i en massiv tekstblok. Det er en sikker måde, hvorpå de besøgende vil overse den og gå uden at konvertere.

Vær ikke bange for at udnytte det negative rum, dvs. det område af et design, der ikke er optaget af tekst eller andre elementer. Ved at omgive din CTA med hvidt rum kan du skabe et visuelt afbræk, der er med til at henlede beskuerens opmærksomhed på knappen.

Jo færre distraktioner omkring CTA'en, jo mere klikbar vil den være.

Mød Ranktracker

Alt-i-en-platformen til effektiv SEO

Bag enhver succesfuld virksomhed ligger en stærk SEO-kampagne. Men med utallige optimeringsværktøjer og -teknikker at vælge imellem kan det være svært at vide, hvor man skal starte. Nå, frygt ikke mere, for jeg har lige det, der kan hjælpe dig. Jeg præsenterer Ranktracker alt-i-en platformen til effektiv SEO

Vi har endelig åbnet for gratis registrering til Ranktracker!

Opret en gratis konto

Eller logge ind med dine legitimationsoplysninger

Flamingo giver CTA'en på deres hjemmeside tilstrækkelig plads til at trække vejret og adskiller den fra de andre elementer, så de besøgendes opmærksomhed henledes på hovedmålet - at tilføje deres leave tracker til Slack. På trods af en masse hvidt rum ser designet ikke tomt eller ufærdigt ud, så det er vigtigt at finde den rette balance.

Leverage negative space (Kilde: Flamingo)

3. Skab en følelse af, at det haster

Haste- og knaphedsproblemer er stærke konverteringsdrivere, og derfor bør du inddrage disse psykologiske principper i din CTA-tekst.

Tag et eksempel fra Amazon og deres smarte "Kun 1/2/3 tilbage på lager", som får selv ubeslutsomme kunder til at bestille produktet med det samme, før andre får det.

Folk opfatter produkter, der er knappe eller ved at blive udsolgt, som mere værdifulde, hvilket igen udløser frygt for at gå glip af noget (FOMO). Du kan udnytte dette fænomen ved at lave CTA-tekster, der handler om begrænset produkttilgængelighed.

Hvis du vil fremhæve, at det haster, kan du bruge ord som Nu, Straks eller I dag.

CTA'en på Bed Bath & Beyond's hjemmeside er et godt eksempel på en kombination af både hastværk og knaphed. Kunderne opfordres til at "Shop nu", da tilbuddet er gyldigt indtil den 8. januar, men denne mulighed minimeres yderligere ved at tilføje "Så længe lager haves". Det faktum, at selve CTA'en befinder sig i et stort rødt banner, der er placeret over folden, gør den endnu mere slående og overbevisende.

Create a sense of urgency - Bed Bath & Beyond (Kilde: Bed Bath & Beyond)

Januars hjemmeside har en CTA med en lidt anderledes tilgang til det presserende aspekt. Den omhyggeligt udformede formulering "Tilmeld dig ventelisten" skaber en summen omkring appen og skaber efterspørgsel ved at antyde, at der er andre potentielle kunder, der utålmodigt venter på lanceringen. Denne enkle, men spændende CTA fungerer, fordi den giver en lidt eksklusiv stemning - det er som at komme på en liste i en VIP-klub.

Create a sense of urgency - January (Kilde: januar)

4. Medtag kraftord

Som navnet antyder, har kraftord evnen til at fremkalde følelser hos dine potentielle kunder. 95 % af købsbeslutningerne er ubevidste, hvilket betyder, at følelser spiller en vigtig rolle i processen.

Så hvis du inddrager kraftord som f.eks.

  • Gratis
  • Fantastisk
  • Ny
  • Effektivt
  • Nem
  • Straks
  • Garanteret
  • Ingen risiko
  • Certificeret
  • Beskyttet
  • Testet
  • Verificeret
  • Ekstra

vil ramme den rette tone hos din målgruppe og få dem til at handle.

Som du kan se, har nogle af disse ord til formål at overbevise kunderne om, at det er sikkert at klikke på knappen og foretage et køb eller tilmelde sig et nyhedsbrev. Andre fokuserer på at fremhæve dit tilbuds værditilbud.

Evernotes hjemmeside lover brugerne, at de vil kunne organisere deres liv med appen, mens CTA'en lokker dem til at tilmelde sig gratis. Og hvem kan afslå et så fristende tilbud?

Include power words - Evernote (Kilde: Evernote)

På samme måde inviterer BaseLang's CTA på hjemmesiden brugerne til at komme i gang med deres spanskundervisning for "kun 1 $", hvilket er det næstbedste i forhold til at tilbyde gratis service. Mærkets overordnede budskab er stærkere ved hjælp af andre stærke ord som "ubegrænset" eller "all-you-can-eat", som begge kommunikerer værdien af tilbuddet om, at potentielle kunder kan prøve i en uge og betale et symbolsk gebyr på 1 $.

Include power words - BaseLang (Kilde: BaseLang)

5. Få din CTA til at slå igennem

Du har sikkert hørt om 15-sekunders-reglen, som siger, at du kun har et kvart minut til at fange dine besøgendes opmærksomhed. Det giver dig ikke meget råderum, hvilket betyder, at du skal handle hurtigt og sørge for, at CTA'en er blandt de første ting, som folk lægger mærke til, når de lander på din webside.

En af de bedste måder at nå dette mål på er ved at give lidt farve. Der er forskellige meninger om, hvilken farve der øger konverteringer, men juryen er stadig ikke klar over dette spørgsmål. Det er dog sikkert at konkludere, at det ikke handler så meget om, hvorvidt du vælger rød, grøn, blå eller gul, men om at skabe kontrast.

Du kan f.eks. bruge såkaldte komplementære farver, som er på modsatte sider af farvehjulet. Hvis din webside er mest blå, vil en orange CTA skabe en stærk kontrast.

Menlo Caochings hjemmeside er hvid og grå, så den kraftige røde farve, som de valgte til CTA'en, gør den umiddelbart synlig. Designet drager også fordel af det negative rum, som yderligere fremhæver CTA-knappen og får den til at skille sig ud fra den neutrale baggrund.

Make your CTA pop (Kilde: Menlo Coaching)

6. Vær ikke vag

Forvent ikke, at dine besøgende skal drage konklusioner om, hvad der sker nu - fortæl dem det.

CTA-knapper, der siger "Klik her" eller "Send", vil kun forvirre folk, og det er det værste, du kan gøre.

Tricket er at kommunikere klart til dine besøgende, hvordan de vil drage fordel af at handle og informere dem om, hvad det næste skridt er.

Dropbox bruger denne "hvad får jeg ud af det" tilgang på deres hjemmeside ved at fortælle deres potentielle kunder, at de ved at klikke på CTA-knappen vil kunne finde det bedste abonnement for dem selv. Det er indlysende, at de på den næste side vil finde oplysninger om abonnementer, funktioner og sammenligninger, som vil hjælpe dem med at træffe en beslutning.

Don’t be vague (Kilde: Dropbox)

7. Tilføj socialt bevis

Når det drejer sig om at konvertere potentielle kunder, er der intet, der virker bedre end sociale beviser. 87 % af købsbeslutningerne starter med online research, og kunderne læser i gennemsnit ti anmeldelser, før de afgiver en ordre.

Men da du ikke ønsker, at dine potentielle kunder skal forlade dit websted, mens de søger efter kundeanmeldelser og vidnesbyrd, er det bedst at vise dem sociale beviser lige der, før du præsenterer dem for CTA'en.

På den måde opbygger du tillid og fjerner enhver tvivl, de måtte have om købet.

Det er præcis, hvad Buffer gør på deres hjemmeside. Deres CTA'er er parret med citater fra tilfredse kunder, der fremhæver, hvordan brugen af platformen gør deres liv lettere. For at tilføje endnu et lag troværdighed har brandet inkluderet kundernes navne og fotos. Denne enkle taktik rækker langt, da den sætter et ansigt på navnet og gør det sociale bevis mere autentisk.

Add social proof (Kilde: Buffer)

8. Hold tingene enkle

Alle de tips, vi har diskuteret indtil nu, kan give dig det indtryk, at dine CTA'er skal være overdrevne for at virke.

Men sandheden er, at enkelhed ofte er undervurderet.

Mød Ranktracker

Alt-i-en-platformen til effektiv SEO

Bag enhver succesfuld virksomhed ligger en stærk SEO-kampagne. Men med utallige optimeringsværktøjer og -teknikker at vælge imellem kan det være svært at vide, hvor man skal starte. Nå, frygt ikke mere, for jeg har lige det, der kan hjælpe dig. Jeg præsenterer Ranktracker alt-i-en platformen til effektiv SEO

Vi har endelig åbnet for gratis registrering til Ranktracker!

Opret en gratis konto

Eller logge ind med dine legitimationsoplysninger

I mange tilfælde vil du opnå gode resultater ved at holde din CTA enkel, både hvad angår design og konverteringsprocessen.

Jira's CTA på hjemmesiden tjekker alle felter med deres "Fortsæt med Google"-CTA. Djævelen ligger i detaljen, og selv om der tilsyneladende ikke sker så meget her, ligger effektiviteten af denne CTA i det faktum, at den gør tingene super enkle for dem, der beslutter sig for at tilmelde sig.

I stedet for en kompliceret tilmeldingsproces sparer Jira tid for brugerne ved at give dem adgang til platformen via deres Google-konto. Det tager kun et par klik, og der er ingen irriterende formularudfyldning, der er skyld i mange opgivne registreringer og indkøbskurve. Desuden indeholder teksten det magiske kraftord " gratis", som kan overbevise dem, der ikke er i stand til at klikke og fortsætte.

Keep things simple (Kilde: Jira)

Afslutning

Call to action er måske det mindste designelement på din webside, men dets betydning er enorm. Uden det ville potentielle kunder ikke vide, hvad du forventer, at de skal gøre, og hvad deres næste skridt skal være. Så tænk nøje over designet af dine CTA'er, og lad være med at forklejne dem. Disse taktikker vil hjælpe dig med at sikre, at klikkene vil strømme ind.

Felix Rose-Collins

Felix Rose-Collins

Co-founder

is the Co-founder of Ranktracker, With over 10 years SEO Experience. He's in charge of all content on the SEO Guide & Blog, you will also find him managing the support chat on the Ranktracker App.

Begynd at bruge Ranktracker... Gratis!

Find ud af, hvad der forhindrer dit websted i at blive placeret på ranglisten.

Opret en gratis konto

Eller logge ind med dine legitimationsoplysninger

Different views of Ranktracker app