• UI IN UX

Pridobite klik: 8 nasvetov za učinkovito oblikovanje CTA

  • Felix Rose-Collins
  • 6 min read
Pridobite klik: 8 nasvetov za učinkovito oblikovanje CTA

Uvod

Doseganje prve strani rezultatov iskanja v Googlu in pritegnitev pozornosti občinstva je pravi izziv, saj ljudje le redko kliknejo na rezultat na drugi strani. Optimizacija spletnega mesta za SEO je nujna za dosego tega cilja.

Vendar to ne pomeni, da vam bo uvrstitev v prvo deseterico nujno zagotovila dobro stopnjo konverzije. Res je, da lahko pričakujete povečanje prometa na spletnem mestu, vendar je za konverzijo ključen še en element - učinkovit poziv k akciji.

Glavna naloga CTA je usmeriti obiskovalce k naslednjemu koraku in jih spodbuditi k ukrepanju - naročite se na novice, prenesite e-knjigo, kupite izdelek ali storitev ali se prijavite na preizkus.

Vendar pa je slabo oblikovan CTA enako dober kot noben, saj ne bo ustvaril klikov in olajšal konverzij.

V tem članku bomo predstavili najboljše nasvete za oblikovanje neustavljivih CTA, ki jih potencialni uporabniki ne bodo mogli klikniti. Preberi in se nauči več!

1. Uporabite lepljivo stransko vrstico CTA

S CTA-ji je treba pritegniti pozornost obiskovalcev in jih pripraviti do tega, da kliknejo.

Nekatere spletne strani, kot so domače strani ali prispevki v blogih, imajo veliko vsebine, zato se kode CTA zlahka pomešajo z drugimi elementi in postanejo praktično nevidne.

Spoznajte Ranktracker

Platforma "vse v enem" za učinkovito SEO

Za vsakim uspešnim podjetjem stoji močna kampanja SEO. Vendar je ob neštetih orodjih in tehnikah optimizacije težko vedeti, kje začeti. Ne bojte se več, ker imam za vas prav to, kar vam lahko pomaga. Predstavljam platformo Ranktracker vse-v-enem za učinkovito SEO

Končno smo odprli registracijo za Ranktracker popolnoma brezplačno!

Ustvarite brezplačen račun

Ali se prijavite s svojimi poverilnicami

Vnesite lepljivo stransko vrstico CTA.

Ta plavajoči gumb je pritrjen ob strani spletne strani in ostane viden, ko se uporabnik pomika po strani navzgor in navzdol, ne da bi bil preveč vsiljiv ali moteč. Ni vam treba skrbeti, ali bo potencialna stranka pozabila na vašo odlično ponudbo, medtem ko bere članek ali pregleduje ocene strank.

ATH Sport daje 10 % popust na prvo naročilo in spodbuja to spodbudo na svoji domači strani in na celotnem spletnem mestu z namestitvijo lepljive stranske vrstice CTA z napisom "Save 10%". Na ta način so obiskovalci subtilno opozorjeni, naj ukrepajo in uveljavijo popust.

Use a sticky sidebar CTA (Vir: ATH Sport)

2. Izkoristite negativni prostor

Ena največjih napak, ki jih lahko storite pri uporabi kode CTA, je, da jo zakopljete sredi velikega bloka besedila. To je zanesljiv način, da ga obiskovalci spregledajo in odidejo brez konverzije.

Ne bojte se čim bolje izkoristiti negativnega prostora, tj. območja v oblikovanju, ki ni zasedeno z besedilom ali drugimi elementi. Če svoj CTA obkrožite z belim prostorom, lahko ustvarite vizualno prekinitev, ki gledalcu pomaga pritegniti pozornost na gumb.

Manj ko je motečih elementov okoli CTA, bolj bo klikljiv.

Spoznajte Ranktracker

Platforma "vse v enem" za učinkovito SEO

Za vsakim uspešnim podjetjem stoji močna kampanja SEO. Vendar je ob neštetih orodjih in tehnikah optimizacije težko vedeti, kje začeti. Ne bojte se več, ker imam za vas prav to, kar vam lahko pomaga. Predstavljam platformo Ranktracker vse-v-enem za učinkovito SEO

Končno smo odprli registracijo za Ranktracker popolnoma brezplačno!

Ustvarite brezplačen račun

Ali se prijavite s svojimi poverilnicami

Družba Flamingo daje CTA na svoji domači strani dovolj prostora in jo loči od drugih elementov, s čimer pozornost obiskovalcev usmeri na glavni cilj - dodajanje sledilnika odhodov v storitev Slack. Kljub veliko belega prostora zasnova ni videti prazna ali nedokončana, zato je ključnega pomena najti pravo ravnovesje.

Leverage negative space (Vir: Flamingo)

3. Ustvarite občutek nujnosti

Nujnost in pomanjkanje sta močna dejavnika konverzije, zato morate ta psihološka načela vključiti v svojo kopijo CTA.

Zgledujte se po Amazonu in njihovem pametnem opozorilu "Na zalogi je le še 1/2/3", ki tudi neodločne stranke spodbudi, da izdelek takoj naročijo, preden ga kdo drug odtuji.

Ljudje dojemajo izdelke, ki jih primanjkuje ali so tik pred razprodajo, kot dragocenejše, kar sproži strah pred zamujanjem (FOMO).Ta pojav lahko izkoristite tako, da pripravite kopijo CTA, ki se vrti okoli omejene razpoložljivosti izdelka.

Če želite poudariti nujnost, uporabite besede, ki določajo čas, kot so Zdaj, Takoj ali Danes.

CTA na domači strani podjetja Bed Bath & Beyond je odličen primer kombinacije nujnosti in pomanjkanja. Kupci so povabljeni, da "nakupujejo zdaj", saj ponudba velja do 8. januarja, vendar je ta priložnost dodatno zmanjšana z dodatkom "Dokler zaloge trajajo". Dejstvo, da je sam CTA v veliki rdeči pasici, nameščeni nad pregibom, ga naredi še bolj presenetljivega in prepričljivega.

Create a sense of urgency - Bed Bath & Beyond (Vir: Bed Bath & Beyond)

Januarska domača stran vsebuje CTA z nekoliko drugačnim pristopom k nujnosti. Skrbno oblikovano besedilo "Pridružite se čakalni listi" ustvarja vznemirjenje okoli aplikacije in ustvarja povpraševanje, saj namiguje, da so še druge potencialne stranke, ki nestrpno čakajo na zagon. Ta preprost, a zanimiv CTA deluje, ker daje nekoliko ekskluziven občutek - kot da bi se uvrstili na seznam kluba VIP.

Create a sense of urgency - January (Vir: januar)

4. Vključite besede moči

Kot pove že ime, lahko besede moči pri potencialnih strankah vzbudijo čustva. 95 % nakupnih odločitev je podzavestnih, kar pomeni, da imajo čustva pri tem pomembno vlogo.

Zato vključite besede, kot so

  • Brezplačno
  • Neverjetno
  • Novo
  • Učinkovito
  • Enostavno
  • Takoj
  • Zagotovljeno
  • Brez tveganja
  • Certificirano
  • Zaščitena stran
  • Preizkušeno
  • Preverjeno
  • Dodatno

bo v občinstvu vzbudil pravo pozornost in ga spodbudil k ukrepanju.

Kot lahko vidite, so nekatere od teh besed namenjene prepričevanju strank, da je varno klikniti na gumb in opraviti nakup ali se naročiti na e-novice. Druge se osredotočajo na poudarjanje vrednosti vaše ponudbe.

Domača stran aplikacije Evernote uporabnikomobljublja, da bodo z njo lahko organizirali svoje življenje, medtem ko jih CTA vabi k brezplačni prijavi. In kdo bi lahko zavrnil tako mamljivo ponudbo?

Include power words - Evernote (Vir: Evernote)

Podobno je na domači strani CTA podjetja BaseLang, ki uporabnike vabi, da začnejo z učenjem španščine za "samo 1 dolar", kar je najboljše, kar lahko ponudite, če ponudite brezplačno storitev. Celotno sporočilo blagovne znamke je udarno s pomočjo drugih močnih besed, kot sta "neomejeno" ali "vse, kar lahko poješ", ki obe sporočata vrednost ponudbe, da lahko potencialne stranke poskusijo za en teden in plačajo simbolično pristojbino v višini 1 dolarja.

Include power words - BaseLang (Vir: BaseLang)

5. Poskrbite, da bo vaš CTA pop

Verjetno ste že slišali za pravilo 15 sekund, po katerem imate na voljo le četrt minute, da pritegnete pozornost obiskovalcev. To vam ne daje veliko manevrskega prostora, kar pomeni, da morate ukrepati hitro in poskrbeti, da bo CTA med prvimi stvarmi, ki jih ljudje opazijo, ko pristanejo na vaši spletni strani.

Eden najboljših načinov za dosego tega cilja je razpršiti nekaj barv. Obstajajo različna mnenja o tem, katera barva povečuje konverzijo, vendar je to še vedno vprašljivo. Vendar pa lahko sklepamo, da ne gre toliko za to, ali boste izbrali rdečo, zeleno, modro ali rumeno barvo, temveč za ustvarjanje kontrasta.

Uporabite lahko na primer tako imenovane komplementarne barve, ki so na nasprotnih straneh barvnega kolesa. Če je vaša spletna stran večinoma modra, bo oranžna barva CTA ustvarila močan kontrast.

Domača stran podjetja Menlo Caoching je bela in siva, zato je zaradi krepke rdeče barve, ki so jo izbrali za CTA, takoj vidna. Oblikovanju koristi tudi negativni prostor, ki dodatno poudari gumb CTA in ga naredi izstopajočega v nevtralnem ozadju.

Make your CTA pop (Vir: Menlo Coaching)

6. Ne bodite nejasni

Ne pričakujte, da bodo obiskovalci sami sklepali, kaj se bo zgodilo v nadaljevanju, temveč jim to povejte.

Gumbi CTA z napisom "Klikni tukaj" ali "Pošlji" bodo ljudi le zmedli, to pa je najslabše, kar lahko storite.

Trik je v tem, da obiskovalcem jasno sporočite, kakšne koristi jim bo prineslo ukrepanje, in jih obvestite o naslednjem koraku.

Dropbox na svoji domači strani uporablja pristop "kaj je zame", saj potencialnim strankam sporoča, da bodo s klikom na gumb CTA lahko poiskale najboljši načrt zase. Očitno je, da bodo na naslednji strani našli podrobnosti o načrtu, funkcije in primerjave, ki jim bodo pomagale pri odločitvi.

Don’t be vague (Vir: Dropbox)

7. Dodajte družbeni dokaz

Ko gre za pretvorbo potencialnih strank, nič ne deluje bolje kot socialni dokazi. 87 % nakupnih odločitev se začne s spletnimi raziskavami, stranke pa pred oddajo naročila v povprečju preberejo deset mnenj.

Ker pa ne želite, da potencialne stranke zapustijo vaše spletno mesto, medtem ko iščejo mnenja in pričevanja strank, jim je najbolje pokazati socialne dokaze že tam, preden jim predstavite CTA.

Tako boste okrepili zaupanje in odpravili morebitne dvome o nakupu.

Prav to počne družba Buffer na svoji domači strani. Njihovi CTA-ji so povezani s citati zadovoljnih strank, ki poudarjajo, kako jim uporaba platforme olajša življenje. Da bi blagovna znamka dodala še eno plast verodostojnosti, je vključila imena in fotografije strank. Ta preprosta taktika je zelo učinkovita, saj imenu doda obraz in naredi družbeni dokaz bolj verodostojen.

Add social proof (Vir: Buffer)

8. Naj bodo stvari preproste

Zaradi vseh nasvetov, ki smo jih obravnavali do zdaj, boste morda dobili vtis, da morajo biti vaši CTA-ji pretirani, da bi delovali.

V resnici pa je preprostost pogosto podcenjena.

Spoznajte Ranktracker

Platforma "vse v enem" za učinkovito SEO

Za vsakim uspešnim podjetjem stoji močna kampanja SEO. Vendar je ob neštetih orodjih in tehnikah optimizacije težko vedeti, kje začeti. Ne bojte se več, ker imam za vas prav to, kar vam lahko pomaga. Predstavljam platformo Ranktracker vse-v-enem za učinkovito SEO

Končno smo odprli registracijo za Ranktracker popolnoma brezplačno!

Ustvarite brezplačen račun

Ali se prijavite s svojimi poverilnicami

V mnogih primerih boste dosegli odlične rezultate, če bo vaš CTA preprost tako z vidika oblikovanja kot postopka pretvorbe.

CTA na domači strani podjetja Jira preverja vse možnosti s CTA "Nadaljuj z Googlom". Hudič se skriva v podrobnostih, in čeprav se tu na videz ne dogaja nič posebnega, je učinkovitost tega CTA-ja v tem, da zelo poenostavi stvari za tiste, ki se odločijo za prijavo.

Namesto zapletenega postopka prijave Jira uporabnikom prihrani čas, saj jim omogoča dostop do platforme prek računa Google. Za to je potrebnih le nekaj klikov in ni nadležnega izpolnjevanja obrazcev, ki je odgovorno za številne opuščene registracije in nakupovalne vozičke. Poleg tega kopija vsebuje čarobno besedo Free (brezplačno), ki je sposobna prepričati tiste, ki se upirajo, da kliknejo in nadaljujejo.

Keep things simple (Vir: Jira)

Zaključek

Klic k akciji je morda najmanjši element oblikovanja na vaši spletni strani, vendar je njegov pomen velik. Brez njega potencialne stranke ne bi vedele, kaj od njih pričakujete in kakšen naj bo njihov naslednji korak. Zato skrbno premislite o oblikovanju svojih klikov CTA in jih ne zanemarite. Te taktike vam bodo pomagale zagotoviti, da bodo kliki prihajali.

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

Začnite uporabljati Ranktracker... brezplačno!

Ugotovite, kaj preprečuje uvrstitev vašega spletnega mesta.

Ustvarite brezplačen račun

Ali se prijavite s svojimi poverilnicami

Different views of Ranktracker app