CRO-grunder · Lektion 7 av 41

Call to action

En call to action visar besökaren nästa steg. Lär dig välja mål, skriva tydlig knapptext och ge knappen rätt placering och kontrast.

En lektion i Viseos kostnadsfria CRO-kurs. Kursmaterial från Viseo.

Skärmbilderna är historiska exempel från kursens original. Använd dem för att studera principerna, inte som uppgifter om företagens aktuella priser, villkor eller gränssnitt.

I formulär-avsnittet pratade jag om vikten av att skapa bra call to action (CTA)-knappar.

I det här avsnittet kommer vi att närmare ta en titt på hur du kan optimera dina knappar för konvertering.

Målet med knapparna på din hemsida är detsamma som för konverteringsoptimering i helhet;

1. Minimera friktion
2. Öka motivation

Jag kommer inte att ge dig några regler för hur exakt dina knappar ska se ut. Några sådana finns nämligen inte.

Däremot kommer jag att gå igenom några generella riktlinjer (med exempel) som du kan följa när du skapar dina knappar.

Varje sida ska ha ett tydligt mål

Varje sida på din hemsida ska ha en handling som du helst vill att besökaren ska utföra (klicka sig vidare till en produkt, lägga till i varukorg osv.).

Besökaren ska kunna agera på denna handling genom din call to action-knapp.

Så innan du kan sätta igång med att skapa dina call to action-knappar; ta reda på vilken som är den mest önskade handlingen för sidan.

Några exempel på vad den mest önskade handlingen kan vara för olika sidor;

• Produktsida på e-handel -> Köp/Lägg till i kundvagn
• Formulär för nyhetsbrev -> Signa upp
• Sociala medier-plattform -> Gå med/registrera
• Landningssida för SaaS (system as service) -> Prova på gratis

Hos e-handlaren Boozt.com är den mest önskade handlingen på produktsidan att lägga till produkten i varukorgen:

När man lagt till produkten i varukorgen kommer en pop-up. Nu är den mest önskade handlingen att gå till kassan för att göra en betalning:

Din call to action för den mest önskade handlingen ska alltså hjälpa och motivera dina besökare att gå vidare – ett steg närmare konvertering.

Gör din knapp framträdande

Din call to action-knapp för din mest önskade handling ska vara supertydlig och stå ut från det övriga innehållet på sidan. Det ska inte råda några som helst tvivel för besökaren att det är denna knapp man ska klicka på för att ta sig vidare.

Placering, storlek och färg är tre attribut som du kan ändra för att göra din knapp mer framträdande.

Du kan givetvis ha fler call to action-knappar på din sida, men det ska alltid finnas EN huvudknapp (din mest önskade handling).

Några exempel på framträdande call to action-knappar:

Rätt copy

Hur du skriver copy till dina knappar kommer påverka hur många besökare som klickar på dem. Det finns ett par tumregler för copy till call to action-knappar:

Tydlighet:

Knappen ska väldigt tydligt förklara för besökaren vad som kommer att hända. Till exempel: ”Gå till kassan”, ”Lägg till i varukorg”, ”Gå till betalning”, ”Prova på gratis i 1 månad” osv.

Desto tydligare du förmedlar vad som kommer att hända när besökaren klickar på knappen, desto mindre är risken för friktion (att besökaren känner sig osäker på vad som kommer att ske härnäst).

”Jag vill”:

Det kan vara bra att tänka att du ska sätta orden ”Jag vill” innan copyn på din CTA-knapp. Till exempel: [Jag vill] Prova gratis i 1 månad, [Jag vill] Gå med i viktklubben, [Jag vill] Få de bästa tipsen till min inkorg.

Förmedla fördelarna för kunden

När det är möjligt, försök att förmedla fördelen för kunden med din produkt. Det ökar motivationen för kunden att klicka sig vidare.

Anpassa copy efter produkt och sida

Vilken copy du ska använda på dina knappar beror helt på vilken produkt du säljer och hur nära ett köp din besökare befinner sig.

Om du säljer en dyr/avancerad produkt och dina kunder är tidigt i köpresan så bör du använda mindre bindande copy.

Ett tydligt exempel på detta är Adobde.

När besökaren landar på startsidan är copyn på call to action-knappen ”Läs mer om Creative Cloud”. Adobe vet att de flesta besökare som kommer till startsidan vill lära sig mer om produkten, inte göra ett köp direkt:

Om en besökare har klickat sig vidare till en produktsida så har kunden tagit sig längre fram i köpprocessen. Nu finns ett tydligt intresse från kunden att gå vidare och göra ett köp.

Lägg märke till att Adobe använder ”Välj en plan”, vilket är mindre bindande än exempelvis ”Köp nu”.

I det sista steget, när besökaren har gått vidare för att välja plan, är det möjligt för Adobe att gå rakt på sälj. Nu är besökaren i slutet av köpresan och är tydligt intresserad av att köpa produkten:

Optimera omgivningen runt knapparna

Omgivningen runt dina knappar är lika viktig som knapparna i sig. Det spelar ingen roll hur bra dina call to action-knappar är om du har dåliga bilder och copy som får besökaren att tappa intresset för din produkt.

Din copy och dina bilder ska verka i samklang med dina knappar för att motivera besökarna att agera på din call to action-knapp.

Sammanfattning

Att skapa bra call to action-knappar är en viktig del för konvertering.

Utöver tipsen ovan så vill jag än en gång påpeka vikten av att verkligen lära känna dina kunder.

När du vet vilka dina besökare är, vad som är viktigt för dem, och vilket stadie i köpprocessen de befinner sig i så kommer det bli betydligt enklare att skapa optimerade knappar som får dem att agera.

Fortsätt studera

Se konkreta exempel i videolektionen om call to action.