Call to action: zašto tvoj CTA dugme ne radi (i kako da popraviš)
CTA dugme je 5% piksela sajta, ali 95% odluke o konverziji. Vodič kroz greške koje ubijaju klikove i framework za pisanje CTA-a koji vode posetioca napred.
CTA dugme zauzima 5% piksela tvog sajta, ali odlučuje 95% sudbine svake konverzije. Loš CTA ti može da ubije sajt koji je inače sve uradio kako treba · jak hero, jasan opis, social proof, sve. Dobar CTA može da spasi prosečan sajt. Vodič ide kroz greške koje vidimo svaki dan i konkretan framework za pisanje CTA-a koji vode posetioca napred.
Šta posetilac stvarno pita kad gleda CTA
Tri pitanja u glavi posetioca u tom trenutku:
- Šta se dešava kad kliknem? (otvara se forma? otvara se cena? otvara se razgovor?)
- Koliko mi to košta? (vreme, novac, podaci o sebi)
- Šta dobijam zauzvrat?
Tvoj CTA mora da odgovori na bar jedno od ovih pitanja u 2-4 reči. Sve ostalo je magla, a magla u CTA-u ubija klik.
5 grešaka koje vidimo svaki dan
1. "Saznajte više"
Najgori CTA u istoriji interneta. Ne kaže ništa. Ne obećava ništa. Daj bilo šta konkretnije · "Vidi cene", "Otvori demo", "Pogledaj primere" · i konverzija ti odmah skoči.
2. Tri dugmeta u istom ekranu
"Kontaktiraj nas", "Zatraži ponudu", "Saznaj više" · sva tri u hero sekciji. Posetilac ne zna šta da uradi · pa ne uradi ništa. Pravilo: jedan primarni CTA po ekranu. Sekundarni ako mora · ali kao tekstualni link, ne kao dugme koje takmiči se za pažnju.
3. CTA koji nije vidljiv
Žuto dugme na žutoj pozadini. Sivo dugme na sivoj. Dugme veličine navigacionog linka. CTA mora da bude najistaknutiji vizuelni element na ekranu. Kontrast, veličina, white space oko njega · sve radi da ga oko nađe za pola sekunde. Na telefonu je to još važnije · mobile-first vodič pokriva minimalnu veličinu tap target-a.
4. CTA tek na dnu stranice
Posetilac ne mora da skroluje do dna da bi mogao da konvertuje. Glavni CTA mora da bude vidljiv iznad fold-a (gornja polovina prvog ekrana). Ponovi ga na sredini, ponovi ga na dnu · ali prvi mora da bude odmah. Više o tome šta ide u prvi ekran u vodiču za hero sekciju koja konvertuje.
5. Strah-CTA umesto value-CTA
"Ne propusti ponudu", "Brzo dok ima mesta", "Poslednja prilika" · strah radi kratkoročno, ali ubija poverenje. Ljudi prepoznaju manipulaciju. Bolje obećanje vrednosti: "Vidi cenu za 30 sekundi" ili "Rezerviši besplatan razgovor".
Framework za pisanje CTA-a koji radi
Formula: Glagol radnje + očekivani ishod (+ vreme)
- Pogledaj demo · 2 minuta
- Zatraži ponudu · 24h odgovor
- Rezerviši poziv · 30 minuta
- Vidi cenu · bez forme
- Pošalji upit · odgovaramo isto vеče
Glagol diktira radnju. Očekivani ishod ubija neizvesnost. Vreme · gde ima smisla · smanjuje strah da će uzeti sat vremena.
Kontrast: visok, ne nešto između
Brand boja tvoje firme možda nije najbolja za CTA dugme. Cilj je da dugme "iskoči" iz dizajna. Ako ti je sajt u plavim tonovima · narandžasto ili žuto CTA pobedjuje plavo CTA svaki put. Brand konzistentnost je u logotipu i akcentima, ne u dugmadima.
Veličina: dovoljno velika za palac
Apple guideline: minimum 44x44 pixel-a za tap target. To je apsolutni minimum. Realno · 50-60px visina dugmeta i 200-300px širina za primarni CTA radi dobro na svim ekranima.
Specifični CTA-i koji pobeđuju generic-e
Za servisne biznise
- Loš: 'Kontaktiraj nas' → Dobar: 'Zatraži ponudu za 24h'
- Loš: 'Pošalji upit' → Dobar: 'Pošalji upit · odgovor istog dana'
- Loš: 'Saznaj više' → Dobar: 'Vidi naše cene'
Za SaaS i digitalne proizvode
- Loš: 'Sign up' → Dobar: 'Probaj besplatno · 14 dana'
- Loš: 'Get started' → Dobar: 'Napravi sajt za 5 minuta'
- Loš: 'Learn more' → Dobar: 'Pogledaj demo · 90 sekundi'
Za blog i edukativni sadržaj
- Loš: 'Read more' → Dobar: 'Pročitaj ceo vodič'
- Loš: 'Subscribe' → Dobar: 'Prijavi se · jedan email nedeljno'
CTA dugme je gde sve marketing odluke kulminiraju. Posetilac dolazi spreman ili nije spreman za korak · tvoj posao je da kad je spreman ne ostavi mu mesta za pitanje "šta se dešava sad?". Direktno, konkretno, sa očekivanim ishodom. Tako se piše CTA koji radi.