Primjeri poziva na akciju. Stotine dugmadi na prodajnim stranicama globalnih brendova Koja je boja dugmadi najbolja za konverziju?

Dom / Data Recovery

“Prava odluka se mjeri činjenicom da ste poduzeli novu akciju. Ako nema akcije, niste zaista odlučili."

Tony Robbins

Zvuči uvjerljivo, zar ne?

Razmislite o tome kada ste zadnji put kupili nešto na internetu. Ova kupovina je možda obavljena uz učešće društvenih mreža. Ova metoda je danas prilično popularna, a trgovci se trude da na različite načine obogate sadržaj društvenih mreža, primjene osnove i ojačaju „stepen uvjerljivosti“.

Velike su šanse da je vaša odluka o kupovini putem interneta donesena na osnovu poziva na akciju koji je utjecao na vas u obliku malog dugmeta koji prati objavu.

To je samo malo dugme, ali može biti razlika između vaše odluke i odličnog alata za kompaniju koja želi da vas pretvori u kupca.

Zar je tako lako stvoriti i pravilno postaviti uvjerljivu poziv na akciju? Zašto neka svijetla i velika dugmad ne zadobiju povjerenje i ne skupljaju klikove, a pozivi na društvenim mrežama koji su na prvi pogled potpuno neuvjerljivi mogu donijeti neviđenu prodaju?

U ovom članku pokušavamo utvrditi koja je snaga i prednosti ovog čarobnog marketinškog alata koji može privući više korisnika, povećati prodaju i generirati potencijalne klijente.

Međutim, počnimo sa samim osnovama...

Šta je CTA i šta s njim raditi

“Vrijeme je za djelovanje sada. Nikad nije kasno da se nešto započne."

Antoine de Saint Exupery

Poziv na akciju ili CTA (poziv na akciju) motivira čitatelje da poduzmu akciju. Ovaj poziv im pomaže da se povežu, preuzmu, kupuju, učestvuju, prijave i poduzmu mnoge druge radnje. Ovo je svojevrsna marketinška poluga uvjeravanja, koja vrlo često donosi pozitivni rezultati brendovi.

Kako se CTA-ovi društvenih medija razlikuju od drugih poziva na akciju?

Ništa. Ili praktično ništa. Na društvenim mrežama najčešće je potrebno samo da "upakujete" svoju žalbu u određeni šablon ili iskoristite svoju maštu da razvijete novi. Većina popularan pogled CTA na društvenim mrežama je dugme.

Gdje je najbolje mjesto za postavljanje CTA-a na društvenim mrežama?

Ovo je prilično diskutabilno pitanje i zavisi od različitih faktora (na primjer, dužine teksta ili njegove teme). Autori ga najčešće dodaju na kraj postova ili unutar slika na društvenim mrežama. Poziv može biti prikazan kao dugme, tekstualna veza ili u potpunosti slika.

Kako CTA utiče na post analizu

Zašto je važno dodati poziv na akciju svojim objavama?

CTA pomaže u postizanju 3 glavna poslovna cilja:

  • klikovi
  • prodaja
  • uključenost

Možete jednostavno pratiti CTA objave koristeći KUKU.io analitiku.

Možete eksperimentirati s oblikom gumba i shemama boja, to će povećati konverziju. Objava može jednostavno generirati pozitivne emocije i ugodne komentare, ali poziv na akciju pomoći će poslu da postigne svoje ciljeve.

Kako kreirati efikasan poziv na akciju: osnove

Prvo morate jasno razumjeti kome se obraćate i na šta pozivate.

Naravno, u početku će vam se u glavi pojaviti mnogo nestrukturiranih misli: Koji poziv? Na koju akciju? Ciljevi, motivi, domet...

12 formula za stvaranje efikasnog CTA-a na društvenim mrežama

  1. Kreirajte ili prilagodite CTA-ove za svaku društvenu mrežu posebno

Način na koji društvene mreže funkcioniraju je drugačiji, posebno kada su u pitanju CTA. Facebook predlaže korištenje oglasa s gumbima za poziv na akciju na koje možete kliknuti i pratiti. Na Instagramu možete dodati svoje dugme na kraju sponzorisanog sadržaja.

  1. Ponudite stvarnu vrijednost

Ako želite da privučete pažnju svojih čitalaca i navedete ih da preduzmu akciju, morate ponuditi nešto od prave vrednosti. Razmislite o snažnim poticajima i stvarima koje zapravo mogu napraviti razliku. Vaši čitaoci bi trebali jasno razumjeti zašto im je potrebna vaša ponuda.

  1. Ponudite besplatnu opciju

Da ubijedite svoje čitaoce da se ponašaju na određeni način (preuzmite knjigu, pretplatite se na email, kupiti proizvod itd.) - ponudite besplatnu verziju.

„Popunite formular za pretplatu i primite slobodan pristup za webinar"

Dugme: “Nabavi besplatno”

  1. Koristite riječi zaziva

Zapamtite da je vaš glavni cilj motivirati čitatelje da preduzmu jasnu akciju. Možete ih potaknuti na to pomoću korisnih akcijskih glagola. Uradite vlastito istraživanje i napravite listu takvih glagola. Izbjegavajte nejasne ili opscene riječi, žargon ili narodni jezik.

  1. Dodirnite svoje emocije

U svojim apelima pokušajte da se približite osjećajima i emocijama vaših čitalaca. Ne treba da ostanu ravnodušni. Koristite svijetle riječi i pozive, testirajte razne opcije. Čak i malo dugme pomoći će vam da dobijete mnogo pratilaca na Instagramu, Facebooku, Twitteru i drugim društvenim mrežama.

  1. Podseti me na umor

Ljudi imaju tendenciju da budu frustrirani zbog mnogih stvari i sigurno će cijeniti rješenje njihovog problema koje im otežava put do uspjeha.

„Jeste li umorni od neefikasnih dijeta? Kupite naš novi proteinski kompleks i kreirajte tijelo svojih snova za 3 mjeseca!”

Dugme: "Kupi sada"

  1. Postavite vremenska ograničenja

Ovo će vašu žalbu učiniti konkretnom i jasnom. Na primjer, "Pokušajte sada" je uvjerljivije od jednostavnog "Molim vas, pokušajte".

  1. Pojednostavite

Što je vaš CTA tekst jednostavniji i jasniji, to će brže doći do primatelja. Čitalac ne mora da prolazi kroz mnogo misaonih procesa i logičkih zadataka da bi razumeo vašu rečenicu. Nakon što jednom pročitaju tekst, primaoci poruke treba da shvate šta treba da urade i da to urade.

  1. Adresa određenog primaoca poruke

Direktnim obraćanjem određenom čitatelju gradite povjerenje i potičete na akciju. Važno je da čitaoci osete da vam je stalo do njih.

Koristite riječi poput “ti”, “tvoj”, “ti” itd. da dodate intimnost u interakciju. Na primjer, "Isprobajte svoj besplatni set."

  1. Uključi

Ponudite nastavak komunikacije i saznajte više.

  1. Podsjetite se na iskustvo slavne osobe

“Zašto Madonna koristi našu kozmetiku”

Dugme “Želim probati”.

  1. Testirajte različite CTA-ove

Ne zaboravite pratiti svoje CTA rezultate. Možete odrediti koji motivacijski postovi imaju bolje rezultate, a koji gumbi ili linkovi ne privlače pažnju. Prilagodite ih, pomaknite i uglancajte ih do savršenstva. Ova analiza će vam omogućiti da potražite varijacije i optimizirate svoje CTA dugmad. Zapamtite, lako možete koristiti analitičke alate iz servisa kao što su Buffer ili KUKU.io da biste pratili učinak svoje objave s korisnim pokazateljima.

Sada ne biste trebali imati problema sa kreiranjem efektivnih poziva na akciju.

Koristite gornje formule i prednosti vaših prijedloga. I, naravno, sve prođite kroz prizmu svojih klijenata, uzimajući u obzir njihove želje i zamišljajući sebe u njihovoj koži. Obratite pažnju na dizajn gumba, sheme boja i veličinu fonta. Sretno sa vašim pozivom na akciju!

Reći ću vam o prvim faktorima koji, po mom mišljenju, utiču na efikasnost dugmeta CTA (poziv na akciju), poznatog i kao „kupi“ u komercijalnim projektima.
Bez savjeta ili savjeta, screenshotovi su samo za ilustraciju teksta. Svako može izgraditi vlastite hipoteze i testirati ih split testovima.

1) Lokacija

Prvi ekran je sve. Ovisno o projektu, do 50% korisnika ne skroluje stranicu prema dolje. Odnosno, ako imamo glavno dugme na drugom ekranu mi sami, vlastitim rukama, smanjujemo konverziju.
Lako je provjeriti: gledamo u kojem pikselu je dugme na vrhu i upoređujemo ga sa visinom ekrana korisnika prema GA. Na primjer, ako je donja ivica dugmeta 900 piksela, onda ga 30% korisnika dobije (ili njegov dio) na drugom ekranu.
To jest, u opšti slučaj, što je više CTA dugme, to bolje. Tradicionalno, njeno mjesto je na desnoj strani jer Korisnici su dešnjaci, a sadržaj na većini stranica je lijevo.


Primjer: Na web stranici Lamoda nisu sve čizme vidljive na prvom ekranu, ali je dugme na svom mestu.

2) Veličina

Veličina je naglasak, naglasak je prioritet, prioritet je šta? Da - ko je ovde glavni? Ako želimo da prodamo, onda bi CTA dugme trebalo da bude glavno, odnosno veliko.
Ali ne prevelik da ne ispadne iz dizajna i ne zauzme polovinu ekrana.


Na Yoox web stranici nema sumnje koji je element interfejsa glavni.

3) Boja

Šta imamo ovde. Dobro je ako je kontrastna, odnosno razlikuje se od boje glavnih elemenata stranice. Ali njegovo izostavljanje u dizajnu stvara osjećaj arogancije. Zato nijanse crvene/narančaste ne smatram univerzalnim i najboljima (što je uobičajeno među stručnjacima za upotrebljivost). Ali, u nekim slučajevima, oni stvarno rade, sve ovisi o dizajnu stranice.


Na web stranici Wildberry, gumb je u kontrastu s dizajnom i s razlogom je narandžasti.

4) Tekst (sadržaj)

Ovo je moj omiljeni trenutak. Možete vidjeti zoološki vrt opcija na web stranicama kao tekst unutar gumba. Vjerujem da bi tekst u gumbu trebao biti:
  • tačno odražavaju radnju, specificiraju je. U tom smislu, "kupiti" ne znači ništa.
  • uključiti . Na primjer, "Dodaj u moju košaricu"
  • sadrže poziv na akciju, a ne biti neutralan.
Ovdje: Strelica sa posebnim simbolom (→) u gumbu ako nakon pritiska na njega dođe do prijelaza, a njegovo odsustvo ako nema prijelaza.


Na sajtu Utkonos odlučili su da u potpunosti bez teksta. Dobra odluka? Nemoj misliti.

5) Oblik

U ovom trenutku postoji jaka veza sa dizajnom stranice, ali općenito se pravokutni oblik može smatrati poželjnijim, najčešći je i udoban za korisnike.


Na sajtu Bosco dugme je okruglo, što je neobično. Testirao bih ga na efikasnost.

6) Interaktivnost/taktilnost

Tako je lijepo ponekad se igrati tipkom za prelazak miša. Jednom, dvaput, tri puta ste ga uperili i sada ste ga već pritisnuli. Redak slučaj? Ne, radi. Stoga mijenjamo boju pomoću preklapanja, povećavamo font ili nekako mijenjamo dugme. I to je tačno!
Možete dati i opis alata, ovo je također interaktivno.


Booking.com od vas traži da kliknete na dugme da biste prešli na novi korak.

I, naravno, ako je dugme konveksno, onda kada ga pritisnete, bolje ga je pritisnuti, to je taktilnost. Stoga je trodimenzionalni gumb sa sjenom obično poželjniji od ravnog.

7) Ponavljanje

Ako imamo list sadržaja (na primjer, odredišnu stranicu), onda je dobro ponoviti dugme. Zašto? Tako da ne morate mnogo da skrolujete prema gore da biste kliknuli. I takođe, da podsjetimo korisnika zašto mu sve ovo prikazujemo na stranici - da kupi.


Na web stranici Onlinetours nalazi se dugme na vrhu stranice i isto dugme na dnu.

8) Izrada

Zasebna tačka koja je već jasna, ali nije uvijek implementirana. Ružno, krivo dugme se klikne rjeđe, čak i ako je cijela stranica još uvijek ništa. Ovo je prepreka koja nikome nije potrebna i može je lako ukloniti svaki pametan dizajner.
osim toga, dobro dugme oko njega je udubljenje, što povećava njegovu nezavisnost i izdvaja ga iz svih sadržaja. Loše - lijepi se za rubove i druge predmete.


Izblijedjela dugmad sa šablonima iz 90-ih na Nix web stranici su očigledno napravili programeri.

9) Promjenjivost

Kada ponovo pokrenete sistem ili skrolujete nadole, dugme menja boju. U jednom trenutku ona se drži ekrana. Koga briga za ovo? - Niko. Privlači li pažnju? - Da.
Ova tehnika je pogodna za split test, hajde da je isprobamo.

10) Odnos sa drugim CTA dugmadima

Najteži trenutak. Ne mogu da dam pravila, ali ako imamo druge pored glavnog dugmeta, onda utiču jedni na druge i to se mora uzeti u obzir. Nema ništa gore od dva slična rame uz rame, pesimizira oboje, smanjujući njihov CTR.


Na web stranici BEBAKIDS malo se razlikuju po veličini, ali vrlo slični.

Zaključak

Faktora je mnogo (opisao je glavne), svi utiču zasebno, a njihova kombinacija utiče zajedno. Mislim da svi razumiju kako to utiče na konverziju – direktno i direktno. Zbog toga sam ga povećao za 1,5 puta ili više. U svakom slučaju, vrijedno je naporno raditi na tome.

Radna dugmad za sve!

Šta je CTA element? Poziv na akciju(CTA) - poziv na akciju, koji ohrabruje korisnika da preduzme neki korak (kupovina, pretplata, preuzimanje) predviđen od strane programera stranice. Grafički, takav poziv je istaknut svijetlim gumbom (najčešće) s natpisom-poziv: "kupi sada", "preuzmi", "registriraj se".

Ponekad, klikom na takvo dugme, idemo na drugu stranicu sa detaljan opis robe ili usluge. Tada bi dugme bilo prikladno označeno kao „saznaj više“, „saznaj više“.

pažnja: CTA dugme uvek treba da bude u šemi boja čitavog dizajna stranice, treba da bude kombinovano i da ima estetski izgled. ALI istaći se.

Kako istaknuti CTA dugmad

Oblik dugmeta je izdužen, ivice su mu zaobljene. Dugme prati oblik gornjeg menija. Boja mu je zelena, a cijela stranica urađena u plavim tonovima. Ali kombinacija boja je u skladu s općim rasponom. Dugme je svijetlo, ali odgovara ostatku grafike.

Žalbeni natpis „viči“ o uštedi koja se može postići korištenjem ovog programa. Znakovi slova su iste boje kao i ostatak teksta.

Poziv na dugme je usko povezan sa elementom popusta. Videćete ponudu, a zatim dugme sa opcijom korišćenja ove ponude. Ovdje je dugme logična tačka.

Dugme za poziv je opšte prirode

Pažnja: dugmad sa opštim natpisima o softver, na primjer, "upload", "download", nisu prikladni za odredišne ​​stranice. O njima nema informacija o tome ko je programer ili ko je vlasnik programa. To izaziva nepovjerenje i odbijanja korisnika.

Pogledajmo primjer generičkog dugmeta koristeći Internet Explorer kao primjer.


Dugme je svijetlo, konture su jasne, oblik je pravokutnog. Boja odgovara logotipu pretraživača.

Nema pojašnjenja na dugmetu, opšti poziv je „Preuzmi“. Ali ovdje je sasvim prikladno, jer je brend dobro poznat. Boja poziva je u suprotnosti sa bojom dugmeta, ali u kombinaciji sa tekstom stranice.

Pažnja: ako se preuzimanje programa plaća, onda bi bilo prikladno staviti uslove korištenja pored gumba. Kako je brend Apple to uradio.


Nakon što ste proučili samo dugme, već možete razumjeti značenje predložene usluge.

Veličina dugmeta je prilično velika, šema boja se razlikuje od ostatka stranice. Boja dugmeta je zelena, ovo je boja poverenja i smirenosti. Dobar psihološki potez.

Poziv na akciju je vrlo jasan, a ekonomske koristi su odmah vidljive – „besplatno“. Programski jezik je odmah naznačen.

Pronalaženje CTA dugmeta na vrhu stranice

Pogledajmo primjere iz Google-a.

Dugmad za pozive na obe stranice su veoma slična, što nije iznenađujuće. Oba tastera imaju klasičan karakter (senka, jačina zvuka). Dugmad se nalazi na ostrvima iste šeme boja, sa dodanim tekstom.
Picasa ima jasnu poruku na dugmetu koja ukazuje da je najnovija verzija dostupna za preuzimanje.

Kako poboljšati CTA element

Ne zaboravite da je CTA element za odredišnu stranicu najvažniji. Koristi se za fokusiranje pažnje korisnika, za završnu radnju - kupovinu.

Ako je stranica preopterećena tekstom i slikama, tada će se gumb na njoj jednostavno izgubiti.

Postoje određena pravila kada kreirate CTA element:

1. Ako je dugme, onda bi trebalo da izgleda kao dugme.

2. Boja bi trebala biti svijetla, ali u skladu sa cjelokupnom shemom.

3. Veličina dugmeta ne bi trebala biti mala.

4. Možete koristiti element kao što su strelice koje pokazuju na dugme, ali nemojte se zanositi.

5. Tekst žalbe mora biti promišljen.

6. Koristite kontrast za CTA element.

7. Font teksta stranice i teksta CTA elementa moraju biti isti.

8. Šema boja cijele stranice ne smije uključivati ​​više od 4 boje.

9. Testirajte različite varijante elemenata i odaberite najbolju.

Hajde da razgovaramo o "hitnim" pitanjima o dugmadima za naplatu u online prodavnici.

Šta je bolje napisati na dugmetu „Kupi“?

Savjet koji će vam uštedjeti mnogo vremena je da se ne trudite. Ako je prije 4-5 godina još bilo donekle važno šta je napisano na ovom gumbu, sada ne možete ništa napisati na njemu, samo pokažite ikonu sa korpom i to će biti dovoljno.

Većina ljudi je na internetu već duže vrijeme. Oni razumiju da ih “Kupi” ni na šta ne obavezuje, a “Dodaj u korpu” nema veze sa kantom za smeće. Oni znaju da kada kliknu na "kupi", novac neće biti automatski naplaćen sa njihove kartice, a kada "dodaju u korpu", proizvod neće nestati zauvijek. Stoga, nema potrebe za gubitkom vremena i čudom, čak ni najtačniji odgovor na koji neće bitno poboljšati ništa u vašoj radnji.

Međutim, ako želite razgovarati o tome, hajde da izvučemo malo zdravog razuma, raspakiramo logiku i pokušamo to shvatiti.

Logično bi bilo da se na kartici proizvoda na dugmetu za kupovinu upiše tekst "Kupi", ako se nakon klika proizvod dodaje u korpu, a korisnik se odmah šalje na stranicu za narudžbu. Odnosno, u slučajevima kada se u online prodavnici rijetko kupuje više od jednog proizvoda.

Postoji mišljenje da dugme „Kupi“ manje konvertuje od dugmeta „Dodaj u korpu“, jer je „Kupi“ već doneta odluka, a „Dodaj u korpu“ je još uvek samo proces koji ne zahteva pravo odlučivanja. sada. Nema smisla raspravljati, možda je to tako. Ali morate odlučiti u šta ćete računati u ovom slučaju konverzija. Ako je dodavanje proizvoda u košaricu željena konverzija, tada bi se gumb trebao tako zvati, ali nemojte se iznenaditi napuštenim kolicima. Ako obavljenu narudžbu računate kao konverziju, onda se ne morate bojati napisati "Kupi".

Dugme „Dodaj u korpu“ po svom značenju podrazumeva kupovinu nekoliko proizvoda, kada se svi prvo dodaju u korpu i tamo se narudžba.

Možete jednostavno napisati "Dodaj u korpu", uklanjajući riječ "dodaj". Biće protivnika takvog pojednostavljenja, oni će reći da je bez glagola poziv na akciju gori. Izbor je na vama.

Dugme "Naruči" neće izazvati nikakva pitanja ako online trgovina ima proizvode na zalihama i po narudžbi. Zatim stavite dugme „Kupi“ na proizvode „na lageru“, a „Naruči“ na one koji su samo za narudžbu.

Ovo dugme je takođe pogodno za sajtove za naručivanje hrane. Pošto je uobičajeno reći „naručimo pizzu“, onda je na odgovarajućoj web stranici sasvim moguće koristiti dugme „Naruči“ umjesto „Kupi“. Ali dugmad “Kupi” i “Dodaj u korpu” će takođe raditi jednako dobro.

Ne brinite previše o tome šta i kada napisati na dugmetu za kupovinu. Ne slušajte stručnjake koji, da bi što bolje kupovali konsultacije i kurseve od njih, naduvavaju važnost svake sitnice.

Davno su prošli dani kada je kupovina u online prodavnici izgledala opasno. Možda negdje u šumama Sibira postoje plemena divljih korisnika i psihološki im je teže kliknuti na “Kupi” nego “Dodaj u košaricu”, ali to nije dokazala nauka, a na internetu su opisani izolirani slučajevi ne ulijevaju povjerenje.

Preporučujem da pročitate članak o automatskoj optimizaciji kartica proizvoda ovisno o određenim događajima. Posebno govori o promeni teksta na dugmetu u zavisnosti od ovih događaja.

“Dodaj u korpu”, “Dodaj u korpu”, “Pošalji u korpu”, jednostavno “Dodaj u korpu”, “Kupi”, “Naruči” - jedan hren (biljka porodice Brassica).

Sada kada smo sredili tekst dugmeta, pređimo na boju.

Idealna boja dugmeta za kupovinu

Ako proguglate, možete pronaći rezultati A-B testovi u kojima autori tvrde da zelena dugmad rade bolje, narandžasta dugmad su takođe dobra, a crvena dugmad zli. Guglanjem malo više možete pronaći suprotne tačke gledišta. Nema potrebe uzimati ove izjave na vjeru i nepromišljeno mijenjati dugmad.

Možete ići još dalje i početi testirati ne samo boju već i teksturu dugmadi. Dugmad s efektom drveta bolje prodaju prirodne proizvode od sjajnih plastičnih. Brutalna metalna dugmad su pogodna za muške proizvode, a nežno roze dugmad je 5% veća verovatnoća da ih kliknu slatki momci.

Testiranje boje dugmeta u odnosu na ciljnu publiku ista je besmislica kao i testiranje teksture dugmeta.

Mislite li da mnogi vaši potencijalni kupci neće primijetiti plavo dugme "Dodaj u korpu" na bijeloj pozadini? A ako ga učinite zelenim, koliko će onih koji nisu kupili plavim dugmetom pomisliti:

„O! Ovi momci imaju zeleno dugme, osećam se smireno, zelena boja mi govori da je bezbedno kupiti od njih.”

Da li ozbiljno mislite da je boja dugmeta „Kupi“ jedina poslednja prepreka koja sprečava posetioce da obave kupovinu? Prvo riješite druge važne probleme, a onda pređite na takve sitnice. O tome sam pisao u članku o pogrešnim prioritetima u radu sa trgovinom. Pročitajte, možda je to vaš slučaj.

Ukoliko posjetitelj dođe u Vašu online prodavnicu s namjerom da kupi (a ne traži opise novih gadžeta ili fotografije cool djevojaka u bikiniju - zavisi od proizvoda), bit će zadovoljan cijenom, rokom isporuke, vašom trgovinom neće mu izgledati kao prevara, menadžer će biti na mreži i moći će tačno odgovoriti na sva pitanja - tada će klijent kupiti, bez obzira na boju dugmeta.

Bijelo dugme s bijelim tekstom na bijeloj pozadini radi lošije od gumba bilo koje boje koja je u kontrastu s pozadinom - ne idite gatari (provjeravajte ili ne). :-)

Ozbiljno, crveno dugme će raditi lošije kada se pored njega nalazi zeleno dugme. Mislim da nema potrebe objašnjavati zašto.

Primjer dva dugmeta jedan pored drugog. Crvena i zelena. Na koji biste kliknuli bez razmišljanja?

Ista stvar, ako je jedno dugme, na primer, crveno, a drugo do njega sivo i naziv dugmeta je napisan sivom bojom - sivo će izgledati kao "Onemogući" - neaktivno, ne radi, pa prema tome , manje ljudi će kliknuti na njega.

Primjer sivog dugmeta. Da li biste kliknuli na njega?

Inače, siva dugmad sa sivim tekstom čest su problem u online prodavnicama. Na sreću, glavno dugme „kupi“ se obično ne koristi ovako, ali su pomoćna dugmad („Dodaj u favorite“, „Brza narudžba“, „Uporedi“) vrlo česta. Dizajner se trudi da ga učini lijepim, da pravilno postavi akcente, ali zaboravlja na standard na koji su svi navikli kada rade sa OS-om - siva dugmad sa sivim tekstom (kao i okviri za potvrdu i radio kutije) su elementi koji nisu dostupni za klikanje i odabir.

Neke životinje se pretvaraju da su mrtve kako ne bi bile primijećene i pojedene. Isto tako, siva dugmad sa sivim tekstom se pretvaraju da su neaktivna tako da niko ne klikne na njih.

Ako želite da dugmad kliknu, nemojte praviti takve dugmad u svojoj online prodavnici:

Nepristupačno dugme u OS-u na koje su svi navikli

Ako je dugme "Kupi" dovoljno veliko i dovoljno kontrastno, onda je njegova boja gotovo nevažna. Gotovo zato što postoje izuzeci, od kojih sam dva citirao gore. Sigurno se više može citirati.

Stoga, kada se trgovine ponašaju A-B testiranje dobijaju različite rezultate. Neki su bolji u pritiskanju crvenog dugmeta, drugi su bolji u pritiskanju zelenog dugmeta itd. Ne radi se o proizvodu koji se prodaje, ne o publici, već o dizajnu prodavnice i kontekstu oko dugmeta.

Kada vam je potrebno dugme „Narudžba jednim klikom“ ili „Brza narudžba“?

Vrijedi li napraviti takvo dugme? Dugme je korisno i vrijedi ga učiniti. Ali, kao iu mnogim drugim stvarima, i ovo ima svoje nijanse (pronađite sami anegdotu o nijansi).

Kupovina jednim klikom je potrebna ako narudžbe često ne sadrže više od jednog proizvoda ili su proizvodi prilično skupi.

Ali ako obično postoji više od jednog proizvoda u narudžbi, onda ovo dugme može biti izostavljeno. Ako je naglasak na njemu u dizajnu veći nego na glavnom, ova funkcionalnost može smanjiti prosječan iznos čeka (pošto „Naruči jednim klikom“ podrazumijeva naručivanje, a ne slanje artikla u košaricu) i zakomplicirat će rad menadžera - moraće da provedu više vremena na telefonu, navodeći podatke o kupcu.

Stoga, ako želite implementirati brzu narudžbu i izbjeći nepotrebne komplikacije s njom, morate imati na umu da akcente u dizajnu web stranice postavite na način da glavno dugme „Dodaj u košaricu“ bude prioritet, a „Naruči u 1 klik” je manje primjetan.

Česta greška u radu dugmeta „Naruči u jednom kliku“ je da narudžba izvršena preko takvog dugmeta ne spada u opštu listu narudžbi koje se prihvataju preko korpe, već na drugu listu ili na e-mail menadžera. U stvari, ovo dugme radi kao „Vrati poziv“, što je netačno.

Ova greška se obično pravi iz jednostavnog razloga - nema dovoljno podataka u brzom redosledu automatsko kreiranje potpunu narudžbu, tako da se stavljaju u informativni blok ili se jednostavno šalju e-poštom menadžeru. To pojednostavljuje rad i ne stvara nepotrebne korake u poslovnim procesima trgovine.

Još jedan čest problem— prisiliti korisnika da unese svoje ime i broj telefona svaki put kada klikne na dugme „Brza narudžba“. Ako je korisnik ovlašten ili je već unio svoje ime i broj telefona, nemojte ga prisiljavati da ih ponovo unese – unesite ih automatski. Kupac će morati samo da klikne na dugme „Naruči“. Inače, "brze narudžbe" od jednog korisnika mogu se spojiti u jednu. Ako implementirate takvo lijepljenje, to će djelimično riješiti problem s narudžbama od jednog korisnika koji želi kupiti više proizvoda, ali iz nekog razloga naručuje ne preko košarice, već putem dugmeta „Kupi jednim klikom“.

Kada je dugme „Dodaj u korpu“ potrebno samo na kartici proizvoda, a kada i na listi proizvoda?

Ovo je još jedno popularno pitanje u vezi sa dugmetom „kupi“. To je isto kao u slučaju dugmeta „Brza narudžba“ – zavisi od proizvoda koje prodavnica prodaje. Ako prije kupovine trebate odabrati nekoliko parametara za proizvod koji se ne mogu prikazati na listi proizvoda (veličina, boja, težina itd.), tada se dugme „Dodaj u korpu“ ne dodaje na listu proizvoda.

Slažete se, izgledat će čudno ako se dugme "Dodaj u košaricu" nalazi u trgovini s odjećom, ali ne možete odabrati veličinu i boju odjeće. A čak i ako je moguće, hoće li biti prilike da se odmah pogleda tabela korespondencije između evropskih veličina i ruskih veličina, itd., Informacije važne za odabir?

Druga je stvar ako trgovina prodaje, na primjer, kućnu hemiju. Ovi proizvodi se redovno kupuju, često su karakteristike već poznate kupcu, zadatak nije odabrati, već pronaći ono što vam treba, dodati u korpu i brzo naručiti. Ako stranica podrazumijeva takvu šemu kupovine, onda je vrlo poželjno da na listi proizvoda navedete dugme „Dodaj u korpu“. U ovom slučaju, naravno, morate na istoj listi, iznad dugmeta „Dodaj u korpu“, dati mogućnost odabira željenih parametara proizvoda. U slučaju kućnih hemikalija, to može biti težina, komadi, miris itd.

Dugme "Naplata" u korpi

Pošto smo počeli da pričamo o glavnim dugmadima online prodavnice, dotaknimo se kolica.

Internet prodavnice često imaju dve korpe. Mali, koji se obično nalazi u gornjem desnom uglu, više služi da vas obavesti da je korpa puna i glavna korpa u kojoj se vrši narudžbina.

Dakle, poželjno je da se u malim kolicima dugme za odlazak u velika kolica ne zove isto kao dugme na kartici proizvoda. Ovo može uzrokovati manju, ali nepotrebnu zabunu. Odnosno, ako se na vašoj kartici proizvoda dugme zove „Dodaj u korpu“, onda se u maloj kolici dugme ne bi trebalo zvati isto.

Dugmad s različitim funkcijama nazivaju se isto - to je pogrešno.

Sve je jednostavno u velikoj korpi. Ako imate proces korak po korak, tj. naručivanje je podijeljeno u nekoliko malih koraka, tada bi vas natpis na gumbu za prelazak na sljedeći korak trebao obavijestiti šta će se dalje dogoditi. Na primjer, kolica su podijeljena u 5 koraka:

Takve korpe korak po korak Rijetke su u modernim radnjama, ali se i dalje nalaze i rade i rade prilično dobro.

Danas se korpa za kupovinu obično sastoji od samo jedne stranice, koja sadrži i listu artikala u korpi i polja za naručivanje. Na primjer, upravo se to radi u standardnoj implementaciji trgovine u 1C-Bitrix.

Ovdje je pravilo isto kao u gornjem primjeru. Oznaka na dugmetu treba da označava radnju koja će se izvršiti kada se pritisne. Ako se odjednom svako dugme koje imate nazove „Dalje“, onda ispod njega mora biti nagoveštaj kuda ovo dugme vodi.

Ako prodavnica ima korpu za kupovinu na jednoj stranici, tada bi se dugme u njoj trebalo zvati ili „Pošalji narudžbu“ (ako imate međustranicu zahvalnosti) ili „Nastavi na plaćanje“ ako ne postoji stranica sa zahvalom.

Add Drama Button

Naravno da je bajan, ali ako ga niste vidjeli, bit će zanimljivo.

Postoji mnogo kontroverzi i istraživanja oko dizajna dugmadi. Ali kada posjetimo drugu web stranicu, ponekad imamo dojam da marketing funkcionira odvojeno od dizajna, a poziv na akciju ima potpuno suprotnu funkciju. Kao da viče posetiocu: "Nemoj to da radiš!" Niko ne zna koja je tajna uspješnog CTA-a (vjerovatno potreba za proizvodom, ipak). No, proveli smo dosta vremena istražujući ovaj problem i pronašli izbor zanimljivih stranica s uspješnim pozivom na akciju.

MailChimp

Na sajtu postoji mnogo dugmadi, ali prozor „Pripremi se za pokretanje“ za kreiranje kompanije za e-poštu je možda najimpresivniji. Napravljen sa humorom, demonstrira proces i privlači svojom neobičnošću.

Čak i da nije bilo teksta, ruka animirane čimpanze koja se nalazi iznad crvenog dugmeta saopštava šta bi posetilac trebalo da uradi.

ManageWP

CTA dugme ispunjava čitav volumen početna stranica. Naslov i kratki tekst opisa vam tačno govore šta servis radi. Zahtjev za adresu nenametljivo nudi početak korištenja usluga nakon unosa. Vizuali su zanimljivi, a sadržaj je pametno sveden na željenu akciju.

Plava pregača

Početna stranica je zaista niz CTA-ova. Ovaj odjeljak posjetitelju prenosi informacije u lako čitljivom formatu. Čak je i mala ikona besplatne dostave lijep dodir. Savršeno su iskoristili pozadinu svježih proizvoda kako bi naglasili. Gledajući u njega, počinjete osjećati glad.

Spotify

Kao i Blue Apron, Spotify pokazuje svoju glavnu prodajnu tačku u CTA-u. Ali oni ga čine lakšim i dostupnijim posjetiteljima. Isticanje klizača važne informacije o servisu za streaming muzike, ali uglavnom potiče klikanje za više detaljne informacije. Ne pokušavaju da preplave, ali olakšavaju prijavu ili dobijanje informacija.

Zillow

Zillow je stranica za pretragu nekretnina. I od samog početka, posjetitelj će pronaći CTA područje koje će mu omogućiti da preduzme željenu akciju. Sve je locirano tako da nema potrebe za traženjem. Jednostavnost i minimalizam.

B&O Play

Velika doza prekrasnog industrijskog dizajna, uz poziv da pogledate kolekciju ili započnete proces kupovine ovih slušalica. Odsustvo nepotrebnih informacija i efektan dizajn čine akciju atraktivnom.

Mercy Corps

Kada se nosite s teškim životnim situacijama, nemate vremena za gubljenje. Mercy Corps stvara osjećaj hitnosti. Fotografija, zajedno sa podebljanim, ozbiljnim naslovom, osigurava da posjetitelji razumiju ozbiljnost situacije. Oni nam pomažu da vidimo ljude pogođene nesrećom i pružaju način da preduzmemo akciju.

Nest

Početna stranica poznate termostatske kompanije NEST najavljuje "Dan planete Zemlje" kako bi se poklopio sa njihovim proizvodom za uštedu energije. Zvijezde koje trepere unutra pozadini zajedno sa proizvodom fotografija zaista stvara utisak (ostavlja utisak planete koja lebdi u svemiru). Istovremeno, stranica nije pretrpana nepotrebnim elementima i stvara prostor.

Skagen

Ovo je danska kompanija koja prodaje minimalističke satove, zajedno sa ostalim modnim dodacima. Njihov CTA pokazuje izvanrednu upotrebu boje i jednostavnost na brendu. Čini se da kažu – kada imate jedinstven proizvod, samo neka govori sam za sebe.

Patagonia

Ovo je kompanija specijalizirana za sportsku i outdoor odjeću. Njihov klizač na početnoj stranici - povezuje proizvode i uzroke - je lijepo prikazana slika koja promovira ekološki prihvatljiv film. Slika je velika i jasna. Nastoje da na ekran prenesu malo divljine. To je tačno sa stanovišta njihove ciljne publike.

Poziv na akciju

Dobar CTA bi trebao definirati publiku i željeni ishod korisničkog iskustva. Boja i slike trebaju biti odraz brenda i pomoći u prenošenju poruke. Tekst treba da bude kratak i precizan.

Pozivi na akciju, prije svega, odlično usmjeravaju korisnika u pravom smjeru na jednostavan način. Svi ovi primjeri pokazuju da ne treba težiti kompliciranju. Jednostavne, ali jasne riječi su dovoljne da ubijede ljude da djeluju.

Zasnovano na materijalima sa speckyboy.com.

______________________________________________________________________

Materijal je kreirala agencija za marketing sadržaja Textoteka.

Želite li sami implementirati content marketing u svoje poslovanje? Pretplatite se na našu zajednicu

© 2024 ermake.ru -- O popravci računara - Informativni portal