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:
| Heikko | Vahva |
|---|---|
| "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ää:
| Elementti | Suositus |
|---|---|
| Väri | Erottuva, kontrastinen |
| Koko | Riittävän suuri |
| Muoto | Selkeästi nappi |
| Tyhjä tila | Ympärillä tilaa |
3. Sijainti
Missä CTA on:
| Sijainti | Käyttö |
|---|---|
| Above the fold | Primääri CTA |
| Sisällön jälkeen | Kun käyttäjä on vakuuttunut |
| Sivupalkki | Jatkuva näkyvyys |
| Sticky | Aina 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
| Elementti | Variaatiot |
|---|---|
| Teksti | Eri sanamuodot |
| Väri | Eri värit |
| Koko | Eri koot |
| Sijainti | Eri paikat |
| Muoto | Pyöristetty vs. kulmikas |
Mittaa
| Mittari | Kaava |
|---|---|
| CTR | Klikkaukset / Näytöt |
| Conversion | Toiminnot / Klikkaukset |
| Heatmap | Missä 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
| Yritys | CTA |
|---|---|
| Slack | "Try for free" |
| Dropbox | "Sign up for free" |
| HubSpot | "Get started free" |
| Zoom | "Sign up, it's free" |
E-commerce
| Yritys | CTA |
|---|---|
| Amazon | "Add to Cart" |
| Zalando | "Lisää ostoskoriin" |
| Apple | "Buy" |
B2B
| Yritys | CTA |
|---|---|
| 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
- Landing Page – Laskeutumissivu
- Conversion – Konversio
- Bounce Rate – Välitön poistumisprosentti
- A/B-testaus – Testaaminen