CTA, odnosno poziv na akciju, jedan je od najvažnijih elemenata poslovne web stranice.

Njegov je zadatak korisniku jasno pokazati što može napraviti sljedeće.

To može biti:

  • Zatražite ponudu
  • Pošaljite upit
  • Dogovorite konzultacije
  • Nazovite nas
  • Pogledajte projekte
  • Pogledajte cijene
  • Rezervirajte termin

Problem je što CTA često završi na webu bez jasne logike.

Jedan gumb se nalazi u hero sekciji, drugi u meniju, treći negdje pri dnu, a između njih korisnik prolazi kroz puno sadržaja bez jasnog sljedećeg koraka.

Dobar CTA nije samo lijepo dizajniran gumb.

Treba se pojaviti:

  • na pravom mjestu
  • u pravom trenutku
  • s jasnom porukom
  • u skladu s namjerom korisnika

Počnite od cilja

Prije nego što odlučite gdje staviti CTA, morate znati koji je glavni cilj stranice.

Na primjer:

  • uslužna stranica → poslani upit
  • webshop → kupnja
  • restoran → rezervacija
  • portfolio → kontakt
  • blog članak → čitanje povezanog sadržaja ili prelazak na uslugu

Ako stranica nema jasan cilj, teško je odrediti pravi CTA.

Zato je korisno prije dizajna definirati ciljeve web stranice.

Jedan glavni CTA

Na većini poslovnih stranica dobro je imati jedan glavni CTA.

To ne znači da na stranici smije postojati samo jedan gumb.

Znači da korisniku mora biti jasno koja je najvažnija akcija.

Primjer:

Primarni CTA: Zatražite ponudu

Sekundarni CTA: Pogledajte projekte

Ako koristite četiri različita CTA-a iste vizualne snage, korisnik mora sam odlučivati što je prioritet.

To stvara nepotrebnu neodlučnost.

Hero sekcija

Hero je gotovo uvijek dobro mjesto za glavni CTA.

Korisnik koji već zna što traži možda neće trebati čitati cijelu stranicu.

Primjer:

Izrada web stranica za tvrtke i obrte

Brze i pregledne poslovne web stranice s jasnim SEO temeljima.

Zatražite ponudu

Pogledajte projekte

Korisnik odmah vidi:

  • što nudite
  • za koga
  • što može napraviti

To je posebno važno na stranicama usluga.

Ako vas zanima kako organizirati cijelu takvu stranicu, pročitajte što treba imati stranica usluge.

CTA u navigaciji

Kod uslužnih webova često ima smisla staviti glavni CTA i u navigaciju.

Primjer:

Usluge | Projekti | O nama | Blog | Kontakt | Zatražite ponudu

CTA u meniju može biti vizualno istaknutiji od ostalih stavki.

Prednost je što korisniku ostaje lako dostupan dok pregledava različite dijelove weba.

Ali ne treba pretjerati.

Ako glavni meni sadrži:

  • Zatražite ponudu
  • Nazovite odmah
  • Rezervirajte termin
  • Besplatne konzultacije

navigacija vrlo brzo postane agresivna.

Nakon objašnjenja usluge

Jedno od najboljih mjesta za CTA je nakon sekcije u kojoj ste korisniku objasnili što dobiva.

Logika je jednostavna.

Prvo odgovorite na pitanje:

Što nudite?

Zatim ponudite:

Zatražite ponudu

Korisnik je upravo dobio dovoljno konteksta da CTA ima smisla.

To je puno prirodnije nego prikazivati kontakt gumb nakon svaka dva odlomka.

Nakon prednosti

Ako ste upravo pokazali zašto je usluga korisna, možete ponuditi sljedeći korak.

Primjer:

Što dobivate

  • responsive dizajn
  • SEO temelje
  • optimizirane performanse
  • jednostavno uređivanje sadržaja
  • podršku nakon objave

Pogledajte pakete

Ovdje CTA može biti manje obvezujući od glavnog kontaktnog CTA-a.

To je korisno za ljude koji još nisu spremni poslati upit.

Nakon projekata

Projekti su često trenutak u kojem se povjerenje značajno povećava.

Korisnik vidi dokaz da ste nešto slično već napravili.

Zato nakon projekta dobro funkcionira CTA poput:

Imate sličan projekt? Zatražite ponudu.

CTA tada nije nasumičan.

Dolazi neposredno nakon dokaza.

Nakon cijena

Cjenik ili paketi prirodno su jedno od najjačih mjesta za CTA.

Korisnik je upravo:

  • vidio cijenu
  • usporedio opcije
  • razumio što je uključeno

Sljedeći korak može biti:

Odaberite paket

ili:

Zatražite ponudu

Na stranici izrada web stranica – cijena i paketi CTA bi trebao biti posebno jasan uz svaki paket i nakon cijelog cjenika.

Nakon FAQ-a

FAQ često rješava posljednje nedoumice.

Korisnik možda prije toga nije bio spreman kontaktirati vas jer nije znao:

  • koliko traje projekt
  • treba li imati gotov sadržaj
  • kako izgleda plaćanje
  • može li sam uređivati web

Nakon što dobije odgovore, CTA ima puno više smisla.

Primjer:

Još uvijek imate pitanje?

Opišite nam što trebate i javit ćemo vam se s prijedlogom sljedećih koraka.

Pošaljite upit

Završni CTA

Svaka važna poslovna stranica trebala bi završiti jasnim sljedećim korakom.

Nemojte završiti stranicu:

  • zadnjim testimonialom
  • blog karticama
  • nasumičnom slikom
  • praznim prostorom prije footera

Završni CTA treba zaključiti cijelu priču stranice.

Primjer:

Planirate novi web?

Pogledajte naše pakete ili nam pošaljite opis projekta.

Zatražite ponudu

Koliko CTA-ova je previše?

Ne postoji univerzalan broj.

Dugačka stranica može imati više ponovljenih CTA-ova bez problema.

Važnije je koliko različitih akcija nudite.

Primjer dobre strukture:

  • hero → Zatražite ponudu
  • nakon usluge → Zatražite ponudu
  • nakon projekata → Zatražite ponudu
  • kraj stranice → Zatražite ponudu

To su četiri CTA-a, ali svi vode prema istom cilju.

Problematičnije je:

  • Zatražite ponudu
  • Rezervirajte sastanak
  • Nazovite nas
  • Preuzmite vodič
  • Prijavite se na newsletter
  • Pogledajte video
  • Pošaljite poruku

Ako se sve prikazuje kao jednako važno, korisnik gubi fokus.

Primarni i sekundarni CTA

Dobra stranica često koristi dvije razine akcije.

Primarni

Najvažnija poslovna akcija.

Primjer:

Zatražite ponudu

Sekundarni

Manje obvezujući sljedeći korak.

Primjer:

Pogledajte projekte

To je posebno korisno u hero sekciji.

Korisnik koji je spreman može odmah poslati upit.

Korisnik koji nije spreman može nastaviti istraživati.

Takav pristup smo koristili i u strukturi članka o tome kako izgleda dobra početna stranica.

CTA mora biti konkretan

Tekst gumba treba jasno opisivati što korisnik dobiva nakon klika.

Slabiji primjeri:

  • Kliknite ovdje
  • Saznajte više
  • Nastavi
  • Pošalji

Bolji primjeri:

  • Zatražite ponudu
  • Pogledajte cijene
  • Dogovorite konzultacije
  • Pogledajte projekte
  • Rezervirajte termin

“Saznajte više” nije uvijek loš.

Na kartici usluge može sasvim dobro funkcionirati.

Ali na glavnom CTA-u korisnije je biti precizniji.

Uskladite CTA i odredište

Ako gumb kaže:

Pogledajte cijene

mora voditi direktno na cijene.

Ne na naslovnu stranicu.

Ako kaže:

Zatražite ponudu

korisnik bi trebao završiti:

  • na kontakt formi
  • na stranici za upit
  • ili na dijelu stranice gdje može poslati upit

Ne tjerajte korisnika da nakon klika ponovno traži ono što mu je obećano.

Ne tražite previše prerano

Jedna od čestih grešaka je pokušati konvertirati korisnika prije nego što mu damo dovoljno informacija.

Primjer:

Zatražite ponudu

odmah ispod naslova može biti dobar izbor.

Ali ako se cijela stranica sastoji samo od kratkog opisa i kontakt forme, korisnik možda nema dovoljno povjerenja za taj korak.

Zato između CTA-ova treba postojati sadržaj koji pomaže odluci:

  • objašnjenje usluge
  • projekti
  • proces
  • cijena
  • recenzije
  • FAQ

CTA ne može zamijeniti kvalitetan sadržaj.

Ne skrivajte CTA

Suprotna greška je imati CTA samo jednom, na samom kraju vrlo duge stranice.

Korisnik možda već nakon prve tri sekcije odluči da želi kontakt.

Ne bi trebao scrollati još dvije minute samo da pronađe gumb.

CTA treba biti lako dostupan u ključnim trenucima.

Sticky CTA

Na nekim stranicama može imati smisla sticky CTA.

Primjerice:

Zatražite ponudu

ostaje vidljiv u navigaciji dok korisnik scrolla.

Na mobitelu se ponekad koristi i sticky donji gumb.

To može biti vrlo učinkovito, ali treba paziti da:

  • ne prekriva sadržaj
  • nije prevelik
  • ne smeta navigaciji
  • ne izgleda agresivno

Posebno na manjim ekranima svaki sticky element uzima vrijedan prostor.

CTA na mobitelu

Na mobilnim uređajima CTA mora biti lako kliknuti.

Treba provjeriti:

  • veličinu gumba
  • razmak između dva CTA-a
  • dužinu teksta
  • kontrast
  • sticky ponašanje

Dva vrlo mala gumba jedan pored drugoga mogu izgledati dobro na desktopu, ali biti neugodni za korištenje prstom.

Ponekad ih je na mobitelu bolje postaviti jedan ispod drugoga.

Vizualni prioritet

Primarni CTA treba biti lako prepoznatljiv.

Ako su svi gumbi jednaki, korisnik ne vidi prioritet.

Primjer:

Zatražite ponudu → puni button

Pogledajte projekte → outline ili tekstualni button

Tako korisniku vizualno pokazujemo:

ovo je glavni korak, a ovo alternativni.

Ne treba koristiti pet različitih stilova gumba.

Dosljednost je važna.

Kontrast

CTA se mora dovoljno razlikovati od pozadine.

Gumb koji se vizualno stapa s ostatkom stranice može biti lako previdjeti.

S druge strane, ne mora biti fluorescentno crven samo zato da privuče pažnju.

Treba koristiti boju iz design systema koja ima dovoljan kontrast i jasno označava interaktivni element.

CTA nije samo gumb

Poziv na akciju može biti i:

  • link
  • telefonski broj
  • forma
  • kartica
  • e-mail
  • rezervacijski widget

Na lokalnom webu jedan od najvažnijih CTA-ova može biti klik na telefonski broj.

Na webshopu to može biti:

Dodaj u košaricu

Kod blog članka:

Pročitaj povezani vodič

CTA treba odgovarati kontekstu.

Blog ima drugačiji CTA

Blog članak obično ne treba izgledati kao agresivna prodajna landing stranica.

Primarni cilj korisnika je dobiti odgovor na pitanje.

Zato prirodni CTA-ovi mogu biti:

  • povezani članak
  • detaljniji vodič
  • relevantna usluga

Primjerice, nakon članka o strukturi weba prirodno je ponuditi uslugu izrade web stranica.

Ne treba nakon svakog H2 naslova ubacivati:

Zatražite ponudu odmah!

Takav pristup narušava čitanje i povjerenje.

Kontekst je važniji

Isti CTA može imati potpuno drugačiji rezultat ovisno o tome gdje se nalazi.

Primjer:

Zatražite ponudu

odmah na početku stranice hvata korisnike koji su već spremni.

Isti CTA nakon:

  • cijena
  • referenci
  • FAQ-a

hvata korisnike kojima je trebalo više informacija prije odluke.

Zato nije pitanje:

Koje je najbolje mjesto za CTA?

nego:

U kojim trenucima korisnik može biti spreman napraviti sljedeći korak?

Pratite klikove

Ako koristite analitiku, vrijedi pratiti interakcije s važnim CTA-ovima.

Primjerice:

  • hero CTA
  • CTA uz cijene
  • završni CTA
  • klik na telefon
  • poslani obrazac

Tako možete vidjeti gdje korisnici najčešće reagiraju.

Ako se jedan CTA gotovo nikada ne koristi, možda:

  • nije na dobrom mjestu
  • nije dovoljno jasan
  • nema dovoljno konteksta
  • vodi prema pogrešnoj akciji

Odluke se tada mogu temeljiti na stvarnim podacima.

CTA i kontakt forma

Klik na CTA nije kraj korisničkog puta.

Ako korisnik klikne:

Zatražite ponudu

i zatim dobije formu s dvadeset obaveznih polja, možemo izgubiti konverziju u posljednjem koraku.

CTA i odredište moraju funkcionirati zajedno.

Forma treba prikupiti dovoljno informacija za kvalitetan upit, ali ne treba korisniku postavljati nepotrebne prepreke.

Česte greške

Previše različitih CTA-ova

Nije jasno koja je glavna akcija.

Nejasan tekst

“Kliknite ovdje” ne govori što se događa.

CTA samo na kraju

Korisnik koji je spreman ranije mora ga tražiti.

CTA nakon svake sekcije

Stranica počinje djelovati agresivno.

Slab kontrast

Gumb se teško primjećuje.

Pogrešno odredište

CTA obećava jedno, ali vodi na nešto drugo.

Loš mobilni prikaz

Gumb je premalen ili ga sticky elementi prekrivaju.

Prevelika obveza

Od korisnika odmah tražite sastanak ili kupnju iako još nema dovoljno informacija.

Jednostavan raspored

Za standardnu stranicu usluge dobar početak može izgledati ovako:

Hero
→ Primarni CTA

Problem
→ Bez CTA-a

Rješenje
→ CTA

Što je uključeno
→ Sekundarni CTA

Projekti
→ CTA

Cijene
→ CTA

FAQ
→ Završni CTA

Ne morate slijediti ovaj raspored doslovno.

Poanta je da CTA prati trenutke u kojima korisnik dobiva dovoljno informacija za odluku.

Manje, ali jasnije

CTA ne mora biti posvuda.

Treba biti tamo gdje ima smisla.

Za većinu poslovnih webova dovoljno je:

  • jedan jasan primarni CTA
  • jedan sekundarni CTA
  • ponavljanje primarne akcije na nekoliko ključnih mjesta

Ako korisnik u svakom trenutku razumije što može napraviti dalje, CTA radi svoj posao.

Ako želite širu sliku o strukturi i konverzijama, pročitajte što čini dobar poslovni web.

Ako planirate novi web, pogledajte naše pakete i cijene izrade web stranica.