Varje sida på en webbplats försöker få en besökare att göra något. Uppmaningen till handling (call to action, CTA) är elementet som gör den förfrågan tydlig. Utan en måste en besökare som är redo att agera lista ut nästa steg själv, och många orkar inte det.
En call to action (CTA) är en knapp, en länk eller en textbit som leder en besökare till ett specifikt nästa steg. Nästa steg kan vara att boka ett samtal, begära en offert, registrera sig, ladda ned något eller ta kontakt. En CTA gör den önskade handlingen synlig, tydlig och enkel att göra. Sidor utan en tydlig CTA lämnar besökare utan riktning och utan någon självklar anledning att stanna.
Vilka typer av calls to action finns?
Efter format
En knapp-CTA är det vanligaste formatet. En klickbar knapp med handlingsinriktad text sitter där den är lätt att se. Knappar fungerar eftersom de sticker ut visuellt mot sidan runt omkring och tydligt signalerar att man kan klicka.
En textlänk-CTA är inbäddad i en mening i brödtexten och är visuellt mindre framträdande än en knapp. Fördelen är placeringen. Den kan sitta exakt där läsarens uppmärksamhet är i det ögonblick då handlingen är mest logisk.
En CTA i ett fast fält eller en banner sträcker sig över sidans hela bredd och är kvar i bild medan besökaren scrollar. Det formatet fungerar bra för tidsbegränsade erbjudanden eller när en handling ska synas konsekvent på varje sida.
Vissa CTA:er hoppar över klicket helt. Ett formulärblock ber besökare skriva in sina uppgifter direkt på sidan i stället för att klicka sig vidare någon annanstans. Kontaktformulär och nyhetsbrevsanmälningar är de vanligaste exemplen.
Efter mål
Inte alla CTA:er tjänar samma syfte. En primär CTA driver den viktigaste handlingen på sidan, oftast att boka, köpa eller ta kontakt. Sekundära CTA:er för besökare mot relaterade handlingar som bygger vidare mot det primära målet, till exempel att läsa en kundberättelse, se priser eller titta på en demo.
Var ska calls to action placeras på en webbplats?
Placeringen beror på sidtypen och var i beslutsprocessen besökaren sannolikt befinner sig när hen når varje avsnitt.
På en startsida hör den primära CTA:n hemma above the fold, synlig utan att scrolla. Besökare som kommer från en sökning eller en rekommendation och direkt ser att företaget passar dem agerar snabbt om CTA:n finns där. En andra CTA längst ned på startsidan fångar besökare som läser vidare innan de bestämmer sig. Artikeln om hur du utformar en startsida som fungerar tar upp hur CTA:n samspelar med resten av startsidans layout.
På en tjänste- eller produktsida bör den primära CTA:n visas efter beskrivningen av vad som ingår men innan besökaren behöver scrolla förbi den punkt där hen har sett tillräckligt för att bestämma sig. En andra CTA i slutet av sidan fångar besökare som läser ända till slutet.
På bloggartiklar och informationssidor bör CTA:er visas i sitt sammanhang, där innehållet precis har tagit upp ett problem som företaget löser. En CTA som placeras direkt efter ett avsnitt som förklarar varför något är viktigt är mer effektiv än en som placeras i slutet av en artikel som besökaren kanske inte läser klart. För hur navigering och sidstruktur samverkar för att leda besökare mellan sidor, se vad webbplatsnavigering är.
Hur skriver du en call to action som fungerar?
En stark CTA-text är specifik om vad som händer när besökaren klickar. "Boka ett gratis samtal" är tydligare än "Kontakta oss". "Se priser" är tydligare än "Läs mer". "Ladda ned checklistan" är tydligare än "Klicka här". Besökaren ska veta exakt vad hen får eller vad som händer härnäst innan hen klickar.
Den enklaste formeln för CTA-text är ett handlingsverb följt av det specifika resultatet eller det som erbjuds. "Få din offert." "Starta din gratis provperiod." "Visa hela kundberättelsen." Var och en av dem talar om för besökaren vad hen får, inte bara att hen ska göra något.
För tjänsteföretag presterar CTA-texter som tar bort upplevd risk bättre än generiska alternativ. "Boka ett gratis samtal på 20 minuter" känns mindre hotfullt än "Boka en konsultation". "Få en offert utan förpliktelser" tar bort rädslan för att bli pressad till ett köp. Att bemöta tveksamheten i själva CTA:n minskar friktionen för besökare som är intresserade men försiktiga.
Hur många calls to action bör en sida ha?
En sida bör ha en primär CTA och högst en eller två sekundära. En sida med fem olika calls to action som konkurrerar om uppmärksamheten ger besökarna för många val och leder oftast till färre konverteringar än en sida med en tydlig primär uppmaning. När varje element på en sida försöker vara det viktigaste är inget det.
Undantaget är långa sidor med flera tydliga avsnitt, där en upprepad primär CTA i slutet av varje avsnitt ger besökarna en tydlig väg oavsett hur långt de scrollar innan de bestämmer sig för att agera. Sidstruktur och hur placeringen av viktiga handlingar formar besökarens beteende tas upp i vad UX-design är.
Hur skiljer sig en CTA för tjänsteföretag och produktföretag?
Produktföretag kan använda direkta transaktionella CTA:er eftersom nästa steg är enkelt. Köp produkten. "Lägg i varukorgen" och "Köp nu" fungerar eftersom besökaren vet exakt vad hen förbinder sig till.
Tjänsteföretag ber oftast besökare ta ett steg med lägre förpliktelse före köpet, eftersom tjänsten inte kan köpas med ett klick. Målet är att få in besökaren i ett samtal, inte att slutföra en transaktion. CTA:er som "Boka ett gratis samtal", "Begär en offert" eller "Skicka din projektbeskrivning till oss" för tjänsteföretagens besökare framåt utan att be om ett åtagande de inte är redo för. Språket ska passa var besökaren befinner sig i sin beslutsprocess.
Vad får en call to action att misslyckas?
En CTA misslyckas när den är osynlig, vag eller placerad vid fel tillfälle. En knapp som smälter in i sidans bakgrundsfärg blir inte klickad. En CTA som säger "Skicka" säger ingenting om vad besökaren får. En CTA som placeras innan besökaren har sett någon anledning att agera ignoreras eftersom besökaren inte är redo.
Visuell kontrast är den mest pålitliga lösningen på osynliga CTA:er. Knappens färg bör skilja sig tydligt från sidans omgivande element. Luft runt CTA:n skiljer den från innehållet och drar blicken mot den. Vad visuell hierarki är förklarar hur kontrast och avstånd styr besökarens uppmärksamhet mot de element som är viktigast på en sida.
Så hanterar WEMASY calls to action
WEMASYs webbplatsbyggare har CTA-knappblock, bannerblock och formulärblock som kan placeras var som helst på en sida i dra-och-släpp-redigeraren. Knappfärgerna styrs av inställningarna för varumärkesfärger och gäller konsekvent på alla sidor. CTA-texten kan redigeras direkt i blocket utan att designen påverkas. Knappens placering, storlek och avstånd går att justera utan kod.
Se vad som ingår i WEMASYs webbplatsbyggare eller jämför planer på prissidan.
Vanliga frågor
Vilken färg bör en call to action-knapp ha?
Knappen bör kontrastera tydligt mot bakgrunden och sidans omgivande element. Den specifika färgen spelar mindre roll än kontrasten. En knapp i samma färgfamilj som bakgrunden blir osynlig. En knapp i en färg som sticker ut från sidan märks direkt. På de flesta webbplatser gör en enda konsekvent accentfärg för alla primära CTA-knappar att de blir förutsägbara och lätta att hitta när besökare går från sida till sida. Med WEMASYs webbplatsbyggare kan du ställa in det här direkt på din webbplats.
Är en call to action samma sak som en landningssida?
Nej. En call to action är ett element på en sida som leder en besökare att göra en specifik handling. En landningssida är en fristående sida som är byggd kring ett konverteringsmål och som oftast har en primär CTA som sitt viktigaste element. En landningssida finns för att stödja en CTA. CTA:n på en landningssida är det som utlöser den konvertering som sidan byggdes för att uppnå.
Hur vet du om en call to action fungerar?
Genom att följa klickfrekvensen (CTR) på CTA:n och konverteringsgraden på sidan där den visas. Om en stor andel av besökarna når sidan men få klickar på CTA:n kanske knappen inte är tillräckligt synlig, texten inte tillräckligt övertygande eller CTA:n placerad vid fel punkt på sidan. Att testa en variabel i taget, först texten, sedan placeringen och sedan färgen, är det mest pålitliga sättet att se vilken ändring som ger en förbättring.
Bör varje sida på en webbplats ha en call to action?
Ja. Varje sida en besökare kan nå bör ha minst ett tydligt nästa steg. Även informationssidor som inte är utformade som konverteringssidor bör peka besökarna mot något. Det kan vara en relaterad artikel, en relevant tjänstesida eller kontaktsidan. En sida utan CTA är en återvändsgränd. Nästa steg behöver inte vara en hård försäljning, men det ska finnas och vara lätt att hitta.
Vad är skillnaden mellan en primär och en sekundär call to action?
En primär CTA är den viktigaste handlingen en besökare kan göra på en sida, oftast den som leder direkt mot en konvertering som att boka, köpa eller ta kontakt. En sekundär CTA erbjuder ett alternativ med lägre förpliktelse för besökare som inte är redo för den primära handlingen än, till exempel att se en kundberättelse, läsa mer om en tjänst eller anmäla sig för uppdateringar. Båda tjänar besökare i olika skeden av beslutsprocessen. Den primära CTA:n bör alltid vara visuellt mer framträdande än den sekundära.