Så skapar du en bra call to action (CTA) – med konkreta exempel

En call to action (CTA) är en uppmaning till handling – oftast en knapp eller länk som får besökaren att göra något bestämt, som att kontakta dig, boka eller köpa. En besökare som inte vet vart hen ska klicka lämnar sidan. Rätt CTA, med hög kontrast och konkret text, är skillnaden mellan ett avhopp och ett ifyllt formulär.

Vi kommer här gå igenom vad en call to action är, hur du utformar knappen, hur den fungerar i olika kanaler och vad lagen kräver av den.

Sunbird är en webbyrå i Malmö som bygger hemsidor som säljer. Det här är lärdomarna vi tar med oss in i varje bygge.

Call to action (CTA) är en uppmaning till besökaren att agera. Den brukar – men måste inte – vara en knapp eller textlänk.

CTA står för call to action, vilket på svenska betyder uppmaning till handling.

Länken brukar leda till ett formulär där användaren exempelvis kontaktar dig eller skapar ett konto.

Man hittar CTAs i stort sett överallt där ett företag vill att mottagaren ska göra något: på hemsidan, i blogginlägg, i annonser på Google, i nyhetsbrev, i inlägg på sociala medier och i kassan i en e-handel. Formen skiftar mellan kanalerna, men jobbet är detsamma. En CTA talar om vad besökaren ska göra härnäst och vad hen får ut av att göra det.

Alla uppmaningar har inte samma syfte. Man brukar dela in dem efter hur nära en affär besökaren är:

Var i köpresan besökaren befinner sig styr vilken typ som passar. Den som läser ett blogginlägg om ett problem är sällan redo att köpa, medan den som jämför priser gärna tar emot en offert. Att be om ett köp för tidigt brukar ge avhopp, och att bara erbjuda en guide till den som redan bestämt sig gör det onödigt krångligt att bli kund.

På de flesta sidor finns därför en primär CTA, alltså det steg du helst vill att besökaren tar, och en eller flera sekundära för den som inte är redo än. Den sekundära uppmaningen är till för besökare som annars hade lämnat sidan helt.

En hemsida som har trafik men saknar en tydlig CTA lägger pengar på besökare som inte får någon riktning, oavsett om trafiken kommer från annonser eller från tid lagd på SEO. Därför är uppmaningen ett av de första ställena att titta på när en sida har besökare men inga förfrågningar.

• Testa gratis
• Kontakta oss
• Få en offert
• Lägg i varukorgen
• Ställ en fråga
• Prenumerera

En CTA måste inte vara en knapp, men en utformad CTA-knapp presterar i regel bättre än en ren textlänk.

Anledningen är enkel: knappen syns, den signalerar att den går att klicka på och den drar blicken till sig när besökaren skummar sidan. En textlänk mitt i brödtexten är lätt att missa. Vill du att fler ska agera, ge din viktigaste uppmaning en knapp – inte en länk som göms i en mening.

En CTA är viktig eftersom den omvandlar passiva besökare till förfrågningar och köp – utan en tydlig uppmaning lämnar du det åt slumpen om besökaren gör något överhuvudtaget.

Användaren surfar i regel runt på din hemsida för att hitta rätt leverantör.

Om du hjälper dem, förklarar varför du är bra, sänker tröskeln och skapar incitament brukar försäljningen öka.

Har du skrivit ett blogginlägg (som detta) utan att uppmana användaren att ta kontakt, minskar sannolikheten att de gör det. Du lämnar det helt enkelt till användaren att själv klicka i menyraden. Men den har de haft framför sig hela tiden, och knappen där är dessutom ofta generisk.

Vi lever som vi lär: vill ni ha fler besökare som konverterar, hör av er till Nils för en kostnadsfri analys av er SEO och Google Ads. Hade vi inte föreslagit det – hade du kanske inte tänkt på det?

En bra call to action syns direkt, säger vad som händer efter klicket och gör det lätt att ta nästa steg. Nedan är mina bästa tips för hur du ska utforma dina call-to-actions för att öka din försäljning. Hur själva knappen ska se ut går vi igenom i nästa avsnitt.

Användare tenderar att skumma igenom hemsidor. Det innebär att det i stort är den visuella hierarkin som avgör hur många som kommer se knappen.

Att en besökare har knappen framför sig betyder inte att hen ser den.

Genom att använda hög kontrast gör du det lättare för ögat att fastna och uppfatta din uppmaning.

Ska en användare klicka på en knapp vill de förstå vad den gör och vad de kan vinna genom att klicka.

Förklara i texten syftet med klicket. Undvik vaga beskrivningar såsom ”Läs mer” om det inte på annat sätt framgår tydligt.

”Få en offert” eller ”Börja kostnadsfritt” kan fungera bra.

En enkel formel för knapptext i tre steg:

1. Börja med ett verb i aktiv form.
2. Gör tydligt vad som händer efter klicket.
3. Visa värdet eller tillståndet besökaren hamnar i.

Knappen ska helst spegla läget besökaren är i _efter_ klicket. Istället för ”Fyll i formulär”, skriv ”Skapa mitt konto”. Istället för ”Ladda ner”, skriv ”Hämta guiden”. Håll texten kort – oftast räcker 2–4 ord.

Fler val gör det svårare att välja. Lägger du ”Köp nu”, ”Läs mer”, ”Kontakta oss” och ”Ladda ner broschyr” bredvid varandra som lika viktiga knappar hamnar besökaren i valparalys och gör ingenting alls.

Bestäm vad du helst vill att besökaren gör och lyft fram den knappen. Låt sekundära val vara nedtonade – en textlänk eller en linjerad knapp räcker.

Många användare surfar mest runt utan att känna sig tillräckligt redo att agera.

Om du skapar incitament att agera brukar fler också göra det.

Ett exempel kan vara: ”Kontakta oss nu och få en kostnadsfri analys.”

Att uppmana besökaren att agera är ett knep som brukar öka försäljningen.

Genom att föreslå att de ska höra av sig ökar sannolikheten att de gör det.

De bästa erbjudandena är korta och lätta att förstå.

Undvik att skriva allt som är bra med erbjudandet. Fler bra anledningar är inte alltid bättre.

Tänk på att alla potentiella kunder kan mindre om dig och vad du gör än du själv. Bara för att du förstår det betyder inte att andra gör det.

Besökare vill ta första kontakten på olika sätt. Den som är redo vill ha en offert direkt, medan den som tvekar hellre ställer en fråga via mejl. Erbjud därför mer än en väg in och mät vilken som ger flest affärer.

Ovan delade vi flera exempel på bra CTAs. Men en kombination av offert, en lätt första kontakt, mejl och telefon brukar vara en bra början.

En bra CTA-knapp är en knapp som syns först av allt på sidan, säger vad som händer efter klicket och går att träffa med tummen. Knappen är ändå ofta det sista som får uppmärksamhet när en hemsida byggs, trots att det är just där besökaren blir en affär eller försvinner.

Knappen är ett löfte. Står det ”Se priser” ska besökaren landa på priserna, inte i ett registreringsformulär. Samma sak gäller generiska knappar som ”Kom igång” som leder rakt in i ett formulär: besökaren ville titta först, inte lämna ut sina uppgifter, och sådana brutna löften brukar synas i avhoppen.

Så här ser en CTA-knapp ut som gör sitt jobb:

Det finns ingen färg som konverterar bäst på alla hemsidor. Det som avgör är hur mycket knappen sticker ut mot det som omger den. En dämpad blå knapp på en grå och vit sida kan dra mer uppmärksamhet än en grön knapp på en sida full av grönt.

Texten på knappen behöver också gå att läsa. Enligt WCAG ska text ha ett kontrastförhållande på minst 4,5:1 mot bakgrunden (framgångskriterium 1.4.3), och det gäller även texten i knappen. Lägger du tiden på att testa tio nyanser av orange har du lagt den på fel sak, eftersom kontrast och erbjudande väger tyngre än kulören.

Om du jobbar med flera färger kan du prova att ha en och samma färg för varje typ av call-to-action. Exempelvis att alla ”Kontakt”-knappar har en färg och ”Offert” en annan.

Det gör det något lättare för ögat att identifiera knappen.

Men kontrasten är viktigare – måste du välja, prioritera hög kontrast.

Ghost buttons (genomskinliga knappar med bara en tunn kontur runt texten) var länge populära eftersom de ser stilrena ut. Tester har visat att besökare klickar mindre på dem och tar längre tid på sig att hitta dem än fyllda knappar, sannolikt för att de ser ut som en dekorativ ram snarare än en knapp.

Använd därför en fylld knapp för det viktigaste steget och spara konturknappen till sekundära val. Det är en av de billigaste ändringarna man kan göra på en hemsida, och den påverkar hur många som ens ser erbjudandet.

Placeringen styrs av hur redo besökaren är att fatta beslut.

Vid låg tröskel och hög köpintention fungerar det bra att lägga knappen högt upp. Handlar det däremot om en större investering eller en tjänst med lång beslutscykel, som ofta inom B2B, presterar knappen bättre längre ner på sidan, efter att du etablerat värdet. Kräver du ett beslut innan besökaren förstått vad de får ökar bara avhoppen.

Överväg också att ha dina CTAs flera gånger på samma sida, och att A/B-testa placeringen mot din egen trafik i stället för att lita på en tumregel.

• Prova att använda en symbol i knappen
• Prova att göra knappen större
• Fetmarkera texten i knappen
• Använd en hover-effekt när man håller över med musen
• Välj en färg som bidrar till hög kontrast
• Prova att skapa en 3D-känsla genom att lägga till en kant eller skugga

Jämför exempelvis nedan:

Med exemplet nedan:

En ikon kan få din CTA att sticka ut mer.

Tänk också på hur ögat rör sig över sidan. Landningssidor skannas i regel i ett Z-mönster, där blicken går från övre vänstra hörnet, snett ner och vidare mot nedre högra. Innehållstunga sidor som blogginlägg läses mer i ett F-mönster. På texttunga sidor kan det därför löna sig att lägga knappen där blicken redan är, i stället för längst ut i vänsterkanten.

De flesta besöker din sida via mobilen, och man blir förvånad hur lite mobilen prioriteras.

Det finns ett golv att hålla sig över. WCAG 2.2, W3C:s tillgänglighetsstandard, kräver att klickytan är minst 24 × 24 CSS-pixlar (framgångskriterium 2.5.8). Se det som ett minimum: en knapp som tummen ska träffa bör i regel vara betydligt större.

Sedan tillgänglighetslagen (2023:254) trädde i kraft den 28 juni 2025 är tillgänglighet inte längre bara god praxis för den som säljer till konsumenter. För e-handel och flera andra konsumenttjänster är kraven, som bygger på WCAG, tvingande, och de gäller bland annat kontraster och att knappen går att nå med tangentbordet. En knapp som är för liten kostar alltså klick och kan dessutom bli en juridisk risk.

Tänk också på var tummen når. Lägg den primära knappen i nedre delen av skärmen, och på långa sidor kan en fast knapp i underkant göra att uppmaningen alltid finns inom räckhåll.

Ge dessutom knappen tillräckligt med luft runt om så att den inte klistras ihop med text eller bilder. En trång knapp tappar du klick på – varje gång någon råkar missa den.

Formuläret är oftast den kritiska tröskeln mellan ett klick och ett lead. Här tappar du folk om det ser jobbigt ut. Fråga bara efter det du verkligen behöver – varje extra fält är ett skäl till att hoppa av.

Behöver du ändå samla in mer information, dela upp den i ett flerstegsformulär istället för att slänga upp allt på en gång. När besökaren väl klarat av det första enkla steget – säg att fylla i ett registreringsnummer eller välja en tjänst – aktiveras en vilja att slutföra det man påbörjat. Varje steg känns litet, och friktionen upplevs som mindre.

Tvinga ingen att skapa konto. Krav på konto hör till de vanligaste skälen till att köp avbryts. Enligt Baymard Institute (2025) uppger 18 procent av de tillfrågade amerikanska konsumenterna att de avbrutit ett köp på nätet för att butiken krävde att de skapade ett konto.

Gör därför ”Fortsätt som gäst” till den mest framträdande knappen i kassan. Låt inloggning och kontoskapande vara det sekundära valet, så att den som vill handla snabbt slipper hitta på ett lösenord först.

Låt BankID och Swish göra jobbet. Enligt Internetstiftelsens Svenskarna och internet (2024) använder 92 procent av befolkningen mobilt BankID, och nära 9 av 10 svenskar använder Swish. Den vanan hänger samman med att långa formulär i kassan allt oftare ersätts av expressknappar, där besökaren identifierar sig och betalar i ett steg. För en svensk e-handel är en sådan knapp ofta den naturliga huvud-CTA:n i betalsteget.

En sak till: knappen i slutet av formuläret ska säga vad som händer. ”Skicka” säger ingenting. ”Boka min tid” eller ”Få en offert” gör det tydligt vad besökaren får.

En Smart CTA är en knapp som anpassar sig efter vem som tittar. En förstagångsbesökare och en återkommande kund har inte samma behov – och därför inte samma nästa steg.

I praktiken kan det se ut så här:

• Anonym förstagångsbesökare får ”Utforska funktioner”.
• Någon som redan laddat ner en guide får istället ”Se en kort videodemo”.
• Ett moget lead som varit inne och jämfört får ”Boka rådgivning”.

Poängen är att flytta besökaren till nästa steg utifrån var de befinner sig – inte att skrika samma erbjudande åt alla. Det kräver att du kopplar ihop din hemsida med data om besökaren, och det är värt att mäta effekten innan du bygger ut det.

Kraven på en CTA skiljer sig mellan e-handel och B2B. I e-handeln är köpintentionen ofta direkt, och snabbhet och trygghet väger tyngst. Inom B2B är målet sällan ett omedelbart köp, utan att ta besökaren ett steg längre i en längre beslutsprocess.

En otydlig slutknapp som ”Fortsätt” är alltså inte bara en sämre knapptext i en konsumentkassa, den strider också mot distansavtalslagen (mer om det längre ner).

En call to action i en annons, ett mejl eller ett inlägg har ett jobb: att få mottagaren att klicka vidare till en sida där affären kan hända. Knappen på hemsidan avslutar, medan uppmaningen i kanalen öppnar dörren.

Skillnaden mellan kanalerna handlar om var mottagaren befinner sig när hen ser uppmaningen:

Säger vi A i annonsen ska vi säga A på landningssidan. Man betalar per klick, och varje besökare som måste leta efter det annonsen lovade är ett klick som riskerar att rinna ut. Uppmaningen i annonsen och knappen på sidan bör därför ha samma formulering.

Konkret exempel: två annonser för samma företag.

• Annons 1: ”Kostnadsfri offert på takbyte” leder till startsidan.
• Annons 2: Samma text leder till en sida om takbyte, med offertformuläret högst upp och samma ord på knappen.

Förutsatt att allt annat är lika, vilken ger flest förfrågningar? För mig är alternativ 2 givet. Besökaren slipper leta, och knappen bekräftar att hen har kommit rätt.

I mejl gäller samma logik som på hemsidan. En knapp syns bättre än en länk i brödtexten, och ett nyhetsbrev med fem likvärdiga uppmaningar gör det svårare för mottagaren att välja. Bestäm vad mejlet ska leda till och bygg det runt den knappen.

På sociala medier är det uppmärksamheten man tävlar om. Uppmaningen behöver därför stå i själva inlägget (i texten, bilden, videon eller bannern) och inte bara på knappen. Den som scrollar förbi ett inlägg på LinkedIn har sällan tänkt köpa något just då, så en guide eller en kort demo brukar passa bättre än ”Köp nu”.

Klicken betalar du för i kanalen, men det är landningssidan som avgör om de blir affärer. Planera därför uppmaningen och sidan den leder till tillsammans.

En CTA får inte lura besökaren. Konsumentverket har tillsyn över marknadsföringslagen (2008:486), och vilseledande utformning av knappar och kassaflöden faller under den. Både Konsumentverket och Sveriges Konsumenter granskar aktivt vilseledande mönster (dark patterns), alltså design som får besökaren att göra något hen inte tänkt sig.

Fyra saker att hålla koll på:

• Betalknappen ska visa att det kostar. I sista steget i en kassa räcker inte ”Fortsätt” eller ”Bekräfta”. Distansavtalslagen kräver att knappen är märkt med ”beställning förenad med betalningsskyldighet” eller en lika entydig formulering, som ”Köp nu”. Gör den inte det är konsumenten inte bunden av köpet.
• Inga förhandskryssade rutor. Tilläggstjänster och prenumerationer ska besökaren välja aktivt själv – inte kryssa bort.
• Ingen fejkad brådska. Nedräkningsklockor som nollställs vid siduppdatering, eller lagersaldon som inte stämmer, är vilseledande.
• Lika lätt att säga upp som att teckna. En prenumeration som tecknas med ett klick men bara kan sägas upp via telefon, eller där avslutsknappen gömts långt in i kontoinställningarna, brukar kallas flugfälla. Sveriges Konsumenter har granskat vilseledande design i digitala medietjänster, och just den sortens krångliga avslutsflöden hör till mönstren som lyfts fram.

Utöver risken för sanktioner kostar det förtroende. En besökare som känner sig lurad kommer inte tillbaka, och då tappar du affären du just vann.

Du vet inte om en CTA fungerar förrän du mäter den. Sätt upp händelser eller mål i ditt mätverktyg (Google Analytics tillsammans med Google Tag Manager räcker långt) så att varje klick och varje ifyllt formulär registreras.

Två tal att hålla ögonen på: klickfrekvensen på själva knappen, och konverteringsgrad längre ner, alltså hur många som slutför. Klicken visar om knappen syns och lockar, konverteringen visar om löftet höll hela vägen fram.

Det är här arbetet hänger ihop med din SEO och dina Google Ads. De kanalerna drar in besökare, men om din CTA inte konverterar spelar besökarna mindre roll – du betalar för trafik som rinner ut. En bättre avslutningsfrekvens gör dessutom varje klick mer värt, vilket i annonsering hänger samman med hur mycket du kan buda och ändå vara lönsam.

Dina CTAs avgör hur stor del av trafiken som blir till affärer. Det handlar inte bara om knappen i sig, utan om texten, kontrasten, placeringen, formuläret och allt runtomkring, ända från annonsen som ledde besökaren dit.

Vill ni ha hjälp med era call-to-actions får ni mer än gärna höra av er. Boka en kostnadsfri analys av er SEO och Google Ads, så tittar Nils på hur fler av era besökare kan bli affärer. Vi är en SEO-byrå i Malmö men jobbar självklart med kunder i hela Sverige.

Här är de frågor vi oftast får om call to action.

CTA står för call to action. Det är en uppmaning som ber besökaren att göra något specifikt, oftast i form av en knapp eller länk.

På svenska betyder call to action uppmaning till handling – till exempel ”Kontakta oss”, ”Få en offert” eller ”Lägg i varukorgen”.

Börja med ett verb i aktiv form och gör värdet tydligt: ”Hämta guiden”, ”Boka min tid”, ”Skapa mitt konto”. Undvik vaga ord som ”Skicka” eller ”Läs mer” när de inte säger vad som händer.

Vid enkla beslut och hög köpintention fungerar det bra högt upp på sidan. Vid större investeringar eller längre beslutsprocesser presterar knappen bättre längre ner, efter att du etablerat värdet.

En CTA-knapp är den klickbara knappen som bär din uppmaning till handling. Skillnaden mot en vanlig textlänk är att knappen är utformad för att synas – den har färg, storlek och form som drar blicken till sig.