Spletna trgovina mora predvsem uporabljati preproste, eksplicitne in hierarhične gumbe: "Dodaj v košarico" na listu izdelka, "Nadaljuj s plačilom" v košarici, "Odkrij zbirko" za vodenje navigacije in "Vprašaj za nasvet", ko je podpora res uporabna.Najboljši gumb ni najbolj izviren: je tisti, ki jasno nakazuje naslednji korak.
Čemu pravzaprav služi akcijski gumb?
Gumb za dejanje ali CTA spremeni namero v konkreten korak. Lahko se premakne k nakupu, odpre zbirko, doda izdelek v košarico, zahteva informacije ali dokonča naročilo. Njegova učinkovitost je odvisna tako od lokacije in besedila kot od barve.
Najbolj uporabno pravilo je preprosto: zaslon mora imeti očitno prednost. Na razpoložljivem listu izdelkov je glavno dejanje praviloma dodajanje v košarico Povezava do vodnika po velikosti, skupna raba ali dodajanje med priljubljene ostaja drugotnega pomena.V košarici prioriteta postane plačilo.
Bistveni gumbi spletne trgovine
Dodaj v košarico
To je glavni CTA lista izdelka.Po izbiri variant mora ostati viden in jasno navesti, ali manjka možnost.
Nadaljujte s plačilom
V košarici ta gumb nedvoumno vodi do blagajne. Izogibajte se temu, da bi bilo videti enako kot "Nadaljuj z nakupovanjem".
Odkrijte kolekcijo
Na domači strani ali uredniški strani se usmeri k natančnemu izboru.Konkreten naslov je boljši od nejasnega "Več se".
Vprašajte za nasvet
Uporabno za tehnične, prilagodljive ali visoko vključene izdelke.Dokonča nakup brez nepotrebne zamenjave glavnega gumba.
Obvesti me o vrnitvi
Za nedostopni izdelek opozorilo o vrnitvi na zalogo daje pošten naslednji korak, namesto da bi gumb za nakup pustil neaktiven.
Glej moj ukaz
Po nakupu morajo biti dejanja sledenja ločena od komercialnih CTA in natančno opisati destinacijo.
Kateri gumb uporabiti glede na stran?
Isti obiskovalec nima enakega namena na dobrodošlici, zbirki ali listu izdelkov Hierarhija se mora zato tekom tečaja razvijati.
| Stran | Glavno dejanje | Možno sekundarno ukrepanje | Izogibati |
|---|---|---|---|
| Home | Odkrijte določeno zbirko ali ponudbo | Poglej, kaj je novega | Več konkurenčnih gumbov v isti pasici |
| Zbirka | Ogled izdelka | Filtriraj ali razvrsti | Hiter nakup brez zadostnih informacij |
| List izdelka | Dodaj v košarico | Vodnik po velikosti ali nasvet | Socialni CTA-ji bolj vidni kot nakup |
| Košarica | Nadaljujte s plačilom | Nadaljuj z nakupovanjem | Zunanja promocija, ki se preusmeri z blagajne |
| Blog članek | Odkrijte ustrezen izdelek ali storitev | Preberite povezan vodnik | Komercialni gumb, ki ni povezan s predmetom |
Kako napisati besedilo, zaradi katerega želite klikniti?
Besedilo mora objaviti takojšen rezultat klikaZačnite z akcijskim glagolom, naj bo kratek in se izogibajte pretiranim obljubam "Glej poletne obleke" je bolj informativno kot "Klikni tukaj". "Prejemi vodnik" je natančnejše kot "Pošlji".
Oblikovanje, kontrast in mobilni: pravila, ki jih je treba spoštovati
Rezervirajte najbolj vidno barvo za prednostni CTA in uporabite bolj diskreten slog za sekundarna dejanja.Gumb mora biti prepoznaven kot element, ki ga je mogoče klikniti, z udobnim območjem klika, berljivim besedilom in vidnim stanjem pri lebdenju ali ostrenju.
Na mobilni napravi mora glavni gumb ostati lahko dosegljiv, ne da bi skrival pomembne informacije.Celotna širina pogosto dobro deluje, če vzdržujete stranske robove in ne zlagate več fiksnih palic.Preverite tudi dolge različice, povečana besedila in prevode.
Napake, ki slabijo pozive k ukrepanju
Pobarvaj vse
Če vsak gumb tako ujame oko, noben ne označuje prioriteteOhrani prevladujočo barvo za glavno dejanje.
Spremeni besednjak
"Kupi", "Naroči" in "Dodaj" ne smejo naključno označevati istega koraka. Doslednost je pomirjujoča.
Skrij pogoje
CTA ne bi smel nadomestiti informacij o cenah, dobavi, razpoložljivosti ali spremembah, potrebnih za odločitev.
Optimizirajte samo sprejem
List izdelkov in košarica sta pogosto bližje pretvorbi.Njuna hierarhija si zasluži prednostno pozornost.
Za širši pogled na potovanje preberite tudi kako izboljšati Shopify nakupovalni voziček in zakaj obiskovalci zapustijo trgovino brez nakupa.
Katero storitev morate izbrati za izboljšanje svojih CTA?
Brezplačna mini revizija
Primerno, če želite identificirati nekatere vidne prioritete, preden razmislite o širšem posegu.
Optimizacija listov izdelkov
Izberite, kdaj se težava osredotoča na predstavitev izdelka, hierarhijo glede nakupa in jasnost informacij.
Preoblikovanje trgovine Shopify
Ustrezno, če je treba CTA, navigacijo, zbirke, liste izdelkov in košarico uskladiti skupaj.
Personalizirana zahteva
Predstavite kontekst, zadevne strani in tehnične omejitve, da prejmete ustrezno priporočilo.
Praktični kontrolni seznam pred objavo gumbov
- Na vsakem zaslonu prevladuje eno samo glavno dejanje.
- Besedilo natančno opisuje naslednji korak.
- Glavni CTA je v nasprotju z ozadjem, ne da bi pri tem izgubil berljivost.
- Sekundarna dejanja so vizualno bolj diskretna.
- Gumb ostane uporaben pri širini 375 px.
- Različice in napake prikazujejo jasno navodilo.
- Klik vodi do napovedanega cilja.
- Tipkovnica in fokus vam omogočata uporabo gumba.
- Cena, dostava in razpoložljivost ostanejo vidni pred nakupom.
- Pot se testira od sprejema do potrditve.
pogosta vprašanja o akcijskem gumbu za e-trgovino
Kakšno barvo naj uporabim za gumb Dodaj v košarico?
Uporabite barvo, ki je dovolj kontrastna z okoljem listov izdelka in jo rezervirajte za glavno dejanje.Ni univerzalno zmagovalne barve: bolj sta pomembni skladnost z blagovno znamko in berljivost.
Ali naj napišeteKupite zdaj "ali" Dodaj v košarico?
"Dodaj v košarico" ustreza klasični poti, ki vam omogoča nadaljevanje nakupovanja. "Kupite zdaj" je primeren le, če klik dejansko vodi do neposredne nakupne poti in če je ta pospešek koristen.
Koliko gumbov je mogoče prikazati na listu izdelka?
Obstaja lahko več dejanj, vendar mora prevladovati le eden.Nakup ostaja glavni; vodnik po velikosti, nasvet, priljubljene ali delitev mora biti sekundarna in jasno razlikovati.
Ali je na mobilnem telefonu priporočljiv fiksni gumb na dnu zaslona?
Lahko olajša dodajanje v košarico na dolgem listu izdelka, če ne skrijete vsebine, izbir različic ali pomembnih sporočil.Preizkusiti ga je treba na več velikostih zaslona.
Ali je mogoče ikone uporabljati brez besedila?
Pri običajnih dejanjih, kot sta nakupovalni voziček ali iskanje, lahko ikona deluje, če je njen pomen očiten in je na voljo dostopno besedilo. Za odločno ukrepanje je izrecno besedilo še vedno zaželeno.
Kje postaviti glavni gumb na list izdelka?
Postavite ga v bližino cene, variacij in informacij, potrebnih za odločitev, v hitro viden del.Pojaviti se mora za obveznimi izbirami in pred zelo podrobno sekundarno vsebino.
Kako naj vem, ali je treba CTA spremeniti?
Analizirajte klike, osip in povratne informacije uporabnikov, nato pa najprej preverite jasnost potovanja. Preizkusite eno spremembo naenkrat: besedilo, kontrast, položaj ali hierarhijo, da boste razumeli njen učinek.
Preoblikujte svoje gumbe v jasne korake na poti
SiteQuiVend lahko preuči hierarhijo vaših CTA-jev, vaših listov izdelkov in vaše nakupovalne poti, da vas vodi k ciljni optimizaciji ali bolj globalnemu preoblikovanju, odvisno od dejanskega stanja trgovine.
