Najvažniji elementi vaše web stranice vjerojatno su najmanji. Gumbi za poziv na akciju zauzimaju možda 2% prostora vaše stranice, ali čine gotovo 100% konverzija. Ako vaši CTA-ovi ne rade, vaša web stranica ne radi. Tako jednostavno.
Prosječna stopa klikanja na CTA web stranice je oko 4%. Najbolji izvođači postižu 10-15%. Ta razlika predstavlja stvarni prihod. Zatvorimo je.
Zašto većina CTA-ova ne uspijeva
Tri razloga pokrivaju oko 90% CTA-ova koji ne funkcioniraju.
Nejasni su. "Kliknite ovdje" i "Saznajte više" i "Pošalji" ne govore korisniku ništa o tome što slijedi. Klik je mikro-obaveza. Ljudi trebaju znati na što se obvezuju prije nego to učine.
Nevidljivi su. CTA izgleda kao svaki drugi element na stranici. Ista boja kao navigacija. Ista veličina kao tekst. Ista vizualna težina kao sve oko njega. Ako korisnik mora tražiti gumb za akciju, većina se neće potruditi.
Traže previše prerano. Posjetitelj koji je prvi put na stranici ne želi "Zakazati demo" ili "Započnite besplatnu probnu verziju." Tek je došao. Još uvijek pokušava shvatiti čime se bavite. Usklađivanje CTA-a s fazom korisnikovog putovanja važnije je od riječi na gumbu.
Pisanje CTA teksta koji konvertira
Tekst na vašem gumbu je zadnji poticaj prije nego netko poduzme akciju. Svaka riječ je bitna.
Započnite s vrijednošću, ne s akcijom
"Preuzmite besplatan vodič" nadmašuje "Preuzmi" s velikom razlikom. Prvo govori korisniku što dobiva. Drugo mu govori što mora učiniti. Ljudima su bitni rezultati, ne zadaci.
Još primjera:
- "Pogledajte cijene" pobjeđuje "Kliknite ovdje"
- "Započnite besplatno graditi" pobjeđuje "Registrirajte se"
- "Pogledaj moje rezultate" pobjeđuje "Pošalji"
- "Rezervirajte svoje mjesto" pobjeđuje "Registracija"
Obrazac: uokvirite to kao ono što korisnik dobiva, ne ono što mora učiniti.
Budite specifični
Specifičnost gradi povjerenje. "Preuzmite 15 predložaka za landing stranice" je privlačnije od "Preuzmite resurse." "Uštedite 3 sata tjedno" je privlačnije od "Poboljšajte učinkovitost."
Ako možete dodati broj, vremenski okvir ili konkretan rezultat, učinite to. Nejasna obećanja djeluju kao zamke. Specifična obećanja djeluju kao transakcije.
Stvorite iskrenu hitnost
Lažna hitnost (odbrojivači na neograničenim digitalnim proizvodima, "Ostala su samo 3!" koji se svaki dan resetira) razara povjerenje. Prava hitnost funkcionira.
"Rana cijena završava 15. ožujka" je iskrena hitnost. "Ograničena mjesta: preostalo 8 od 20" je iskrena hitnost ako je istinita. "Nabavite ovo prije nego nestane!" bez stvarne oskudice je manipulacija, i korisnici to sve više proziru.
Koristite prvo lice
"Započni moju besplatnu probu" tipično nadmašuje "Započnite svoju besplatnu probu." Prvo lice stvara osjećaj vlasništva. Korisnik to mentalno izgovara dok čita. Mali psihološki pomak, mjerljiv porast konverzija.
Dizajniranje CTA-ova koji se primjećuju
Tekst dobiva klik. Dizajn dobiva pozornost.
Kontrast je kralj
Vaš CTA gumb treba biti element s najvišim kontrastom u svom dijelu stranice. Ovo je teorija boja primijenjena na poslovne rezultate.
Specifična boja manje je bitna od omjera kontrasta. Narančasti gumb na plavoj stranici iskače. Plavi gumb na plavoj stranici nestaje. Odaberite boju za CTA koja se ne pojavljuje nigdje drugdje na stranici osim na interaktivnim elementima.
Veličina i prostor
Napravite gumb dovoljno velikim da bude siguran cilj za klik. Minimalna veličina dodirne mete za mobilne je 44x44 piksela (Appleova smjernica) ili 48x48 piksela (Googleov Material Design). Za primarne CTA-ove, idite veće.
Jednako važno: prazan prostor oko gumba. CTA stisnut između odlomaka teksta gubi se. Dajte mu prostora za disanje. Prazan prostor oko gumba dio je onoga što privlači pogled na njega.
Jedan primarni CTA po ekranu
Kada korisnicima date previše opcija, ne biraju nijednu. To je paradoks izbora, i ubija stope konverzije.
Svaki ekran (sekcija veličine viewporta) vaše stranice trebao bi imati jednu jasnu primarnu akciju. Možete imati sekundarnu akciju s manje vizualne istaknutosti, ali primarni CTA mora biti očito glavna stvar za napraviti.
Dva jednako istaknuta gumba jedan do drugog ("Kupi odmah" i "Saznajte više" iste veličine i boje) stvaraju paralizu odlučivanja. Napravite jedan većim, boldnijim i istaknutijim od drugog.
Strategija pozicioniranja CTA-a
Gdje vaš CTA stoji na stranici bitno je koliko i što kaže.
Iznad pregiba (ali ne sam)
Vaš primarni CTA trebao bi biti vidljiv iznad pregiba, odnosno bez scrollanja. Ali treba mu kontekst. Gumb "Kupi odmah" bez naslova, bez prijedloga vrijednosti i bez popratnog sadržaja iznad njega samo je gumb u praznini.
Formula: Naslov + popratna rečenica + CTA. Dajte korisniku dovoljno konteksta da razumije ponudu prije nego tražite klik.
Nakon svake sekcije s vrijednošću
Za duže landing stranice, ponovite CTA nakon svake sekcije koja dodaje vrijednost. Nakon sekcije značajki. Nakon svjedočanstava. Nakon tablice cijena. Korisnici koji su spremni konvertirati ne bi se trebali vraćati na vrh.
Fiksni CTA za mobilne uređaje
Na mobilnim uređajima, fiksna CTA traka na dnu ekrana drži akciju dostupnom dok korisnici scrollaju. Ovo je posebno učinkovito za stranice e-commerce proizvoda i landing stranice usluga.
Držite jednostavno: jedan gumb s 2-4 riječi. Fiksna traka trebala bi djelovati korisno, ne nametljivo.
Okidači za izlaznu namjeru i dubinu scrolla
Pop-up CTA-ovi aktivirani izlaznom namjerom (miš se kreće prema gumbu za zatvaranje preglednika) ili dubinom scrolla (korisnik je pročitao 70% stranice) mogu uhvatiti posjetitelje koji su na odlasku.
Ovi funkcioniraju kada je ponuda drugačija od glavnog CTA-a stranice. Ako vaša stranica traži od posjetitelja "Kupite tečaj" i izlazni pop-up nudi "Želite 3 besplatne lekcije?", to je ponuda s manjom obavezom koja hvata ljude koji nisu bili spremni za potpunu kupovinu.
Testiranje vaših CTA-ova
Prestanite nagađati. Počnite mjeriti.
A/B testirajte jednu varijablu odjednom. Boju gumba ovaj tjedan. Tekst sljedeći tjedan. Poziciju tjedan nakon. Ako mijenjate sve odjednom, ne naučite ništa.
Pratite stopu klikanja I stopu konverzije. CTA na koji se klikne, ali ne konvertira, ima drugačiji problem od CTA-a na koji se uopće ne klikne. Znajte koji problem rješavate.
Provedite testove za barem 100 konverzija po varijaciji. Mali uzorci proizvode nepouzdane rezultate. "Poboljšanje od 50%" temeljeno na 8 naspram 12 klikova je šum, ne signal.
Testirajte dosadne stvari prvo. Boja gumba i pozicija obično imaju veći utjecaj od finesa teksta. Počnite s varijablama visokog utjecaja prije ugađanja riječi.
CTA-ovi izvan gumba
Gumbi nisu vaša jedina opcija.
Inline tekst linkovi. Unutar blog objava i stranica sa sadržajem, prirodni tekstualni CTA-ovi često nadmašuju gumbe jer djeluju kao korisni prijedlozi, a ne kao prodajni pritisak. "Evo kako provjeriti brzinu svoje stranice" je CTA prerušen u sadržaj.
CTA-ovi u obrascima. Jednostavan obrazac za prikupljanje emaila s privlačnim naslovom može nadmašiti gumb koji vodi na zasebnu stranicu za registraciju. Smanjite broj koraka između interesa i akcije. Za savjete o poboljšanju ukupnog web dizajna, pozicioniranje CTA-a jedna je od promjena s najvećim utjecajem.
Chat poruke. Dobro tempirana poruka chat widgeta ("Trebate pomoć s odabirom paketa?") djeluje kao CTA koji nudi trenutnu pomoć. Ovi dobro funkcioniraju na stranicama s cijenama i stranicama za usporedbu.
Nadogradnje sadržaja. Checklista, predložak ili alat za preuzimanje ponuđen unutar relevantnog sadržaja. "Preuzmite potpunu SEO checklistu" na kraju SEO članka je prirodan sljedeći korak koji dobro konvertira.
Zaključak
Dobri CTA-ovi svode se na tri stvari: recite što se događa kada kliknu, učinite ga lakim za uočiti i pitajte u pravo vrijeme. Sve ostalo je optimizacija povrh tih temelja.
Počnite s jasnim tekstom, jakim kontrastom i strateškim pozicioniranjem. Zatim testirajte, mjerite i iterajte na temelju stvarnih podataka od stvarnih korisnika. Razlika između stope klikanja od 4% i 12% je razlika između web stranice koja vas košta i one koja zarađuje. Ako želite vidjeti kako se CTA-ovi uklapaju u cjelokupni proces izrade web stranice, oni su ključni dio svake faze od dizajna do lansiranja.
Želite reviziju konverzija vaše trenutne web stranice? Javite nam se i identificirat ćemo brze pobjede skrivene u vašim CTA-ovima.
