CTA (Call-to-Action) – Toimintakehote

CTA eli toimintakehote ohjaa käyttäjän tekemään halutun toiminnon. Opi suunnittelemaan ja optimoimaan tehokkaita CTA:ita.

Määritelmä

CTA (Call-to-Action) eli toimintakehote on elementti – tyypillisesti nappi tai linkki – joka ohjaa käyttäjän tekemään halutun toiminnon.

CTA on konversion kriittinen piste: se muuttaa kiinnostuksen toiminnaksi.

Suomeksi: Toimintakehote, CTA

Englanniksi: Call-to-Action (CTA)


CTA-tyypit

Primääri CTA

Päätoiminto, jota haluat käyttäjän tekevän:

  • "Aloita ilmainen kokeilu"
  • "Osta nyt"
  • "Rekisteröidy"

Sekundääri CTA

Vaihtoehtoinen toiminto:

  • "Lue lisää"
  • "Katso demo"
  • "Ota yhteyttä"

Tertiääri CTA

Vähemmän sitova toiminto:

  • "Tilaa uutiskirje"
  • "Seuraa somessa"
  • "Jaa kaverille"

CTA-elementit

1. Teksti

Mitä napissa lukee:

HeikkoVahva
"Lähetä""Aloita ilmainen kokeilu"
"Klikkaa tästä""Lataa opas nyt"
"OK""Varaa aikasi"

Parhaat käytännöt:

  • Aloita toimintaverbillä
  • Kerro mitä tapahtuu
  • Luo kiireellisyyttä
  • Ole spesifi

2. Design

Miltä CTA näyttää:

ElementtiSuositus
VäriErottuva, kontrastinen
KokoRiittävän suuri
MuotoSelkeästi nappi
Tyhjä tilaYmpärillä tilaa

3. Sijainti

Missä CTA on:

SijaintiKäyttö
Above the foldPrimääri CTA
Sisällön jälkeenKun käyttäjä on vakuuttunut
SivupalkkiJatkuva näkyvyys
StickyAina näkyvissä

CTA-kaavoja

Toiminta + Hyöty

[Toiminta] + [Hyöty]

Esimerkkejä:

  • "Aloita ja säästä aikaa"
  • "Lataa ja opi lisää"
  • "Liity ja saa 20% alennus"

Toiminta + Aika

[Toiminta] + [Aika]

Esimerkkejä:

  • "Aloita nyt"
  • "Kokeile ilmaiseksi 14 päivää"
  • "Varaa tänään"

Toiminta + Objekti

[Toiminta] + [Mitä]

Esimerkkejä:

  • "Lataa opas"
  • "Katso demo"
  • "Lue case study"

CTA-optimointi

A/B-testaa

ElementtiVariaatiot
TekstiEri sanamuodot
VäriEri värit
KokoEri koot
SijaintiEri paikat
MuotoPyöristetty vs. kulmikas

Mittaa

MittariKaava
CTRKlikkaukset / Näytöt
ConversionToiminnot / Klikkaukset
HeatmapMissä klikataan

CTA-psykologia

1. Kiireellisyys

Luo tunne, että pitää toimia nyt:

  • "Vain tänään"
  • "Rajoitettu erä"
  • "Tarjous päättyy"

2. Niukkuus

Rajoitettu saatavuus:

  • "Vain 5 paikkaa jäljellä"
  • "Viimeiset kappaleet"

3. Sosiaalinen todiste

Muut ovat toimineet:

  • "10 000+ on jo liittynyt"
  • "Suosituin valinta"

4. Riskittömyys

Poista pelko:

  • "Ilmainen kokeilu"
  • "Ei sitoutumista"
  • "Rahat takaisin -takuu"

5. Personointi

Puhuttele suoraan:

  • "Aloita matkasi"
  • "Saa oma..."
  • "Sinulle räätälöity"

CTA-esimerkkejä

SaaS

YritysCTA
Slack"Try for free"
Dropbox"Sign up for free"
HubSpot"Get started free"
Zoom"Sign up, it's free"

E-commerce

YritysCTA
Amazon"Add to Cart"
Zalando"Lisää ostoskoriin"
Apple"Buy"

B2B

YritysCTA
Salesforce"Start my free trial"
Intercom"Get started"
Stripe"Start now"

CTA-sudenkuopat

1. Liian monta CTA:ta

Ongelma: Käyttäjä ei tiedä mitä tehdä.

Ratkaisu: Yksi primääri CTA per näkymä.

2. Geneerinen teksti

Ongelma: "Lähetä" ei kerro mitään.

Ratkaisu: Spesifi, hyötyyn keskittyvä teksti.

3. Huono kontrasti

Ongelma: CTA ei erotu.

Ratkaisu: Kontrastinen väri, riittävä koko.

4. Väärä sijainti

Ongelma: CTA on piilossa.

Ratkaisu: Above the fold, looginen paikka.

5. Ei mobiilioptimoitu

Ongelma: Liian pieni mobiililla.

Ratkaisu: Riittävän suuri kosketusalue.


CTA ja konversiopolku

CTA:t ohjaavat käyttäjää polulla:

Mainos CTA → Landing Page CTA → Signup CTA → Activation CTA → Upgrade CTA

Jokainen vaihe vaatii oman CTA:n.


Liittyvät termit


Lue lisää

Aiheeseen liittyvää