Esimerkkejä toimintakehotuksista. Satoja painikkeita maailmanlaajuisten tuotemerkkien myyntisivuilla Mikä painikkeiden väri on paras muuntamiseen?

Kotiin / Tietojen palautus

"Todellinen päätös mitataan sillä, että teit uuden toimenpiteen. Jos toimenpiteitä ei tehdä, et ole oikeastaan ​​päättänyt."

Tony Robbins

Kuulostaa vakuuttavalta, eikö?

Mieti, milloin viimeksi ostit jotain verkosta. Tämä ostos on saatettu tehdä sosiaalisten verkostojen osallistuessa. Tämä menetelmä on nykyään varsin suosittu, ja markkinoijat yrittävät parhaansa mukaan rikastuttaa sosiaalisen median sisältöä, soveltaa perusteita ja vahvistaa "taivutteluastetta" eri tavoin.

On todennäköistä, että verkkoostopäätöksesi tehtiin toimintakehotuksen perusteella, joka vaikutti sinuun julkaisun mukana seuraavan pienen painikkeen muodossa.

Se on vain pieni painike, mutta se voi olla ero päätöksesi ja loistavan työkalun välillä yritykselle, joka haluaa muuntaa sinut asiakkaaksi.

Onko niin helppoa luoda ja oikein sijoittaa vakuuttava kehotus toimia? Miksi jotkin kirkkaat ja suuret painikkeet eivät saa luottamusta eivätkä kerää napsautuksia, kun taas ensi silmäyksellä täysin epävakaat puhelut sosiaalisissa verkostoissa voivat tuoda ennennäkemättömän myynnin?

Tässä artikkelissa yritämme selvittää, mikä on tämän maagisen markkinointityökalun teho ja edut, sillä se voi houkutella lisää käyttäjiä, lisätä myyntiä ja luoda liidejä.

Aloitetaan kuitenkin ihan perusasioista...

Mikä on CTA ja mitä sillä tehdään

"Nyt on aika toimia. Koskaan ei ole liian myöhäistä aloittaa jotain."

Antoine de Saint Exupery

Toimintakehotus tai CTA (call to action) motivoi lukijoita toimimaan. Tämä puhelu auttaa heitä muodostamaan yhteyden, lataamaan, ostamaan, osallistumaan, rekisteröitymään ja tekemään monia muita toimintoja. Tämä on eräänlainen markkinointivipu, joka usein tuo mukanaan positiivisia tuloksia tuotemerkit.

Miten sosiaalisen median toimintakehotukset eroavat muista toimintakehotuksista?

Ei mitään. Tai käytännössä ei mitään. Useimmiten sosiaalisissa verkostoissa sinun tarvitsee vain "pakata" valituksesi tiettyyn malliin tai käyttää mielikuvitustasi uuden kehittämiseen. Useimmat suosittu ilme CTA sosiaalisessa mediassa on painike.

Mikä on paras paikka CTA:n sijoittamiseen sosiaalisessa mediassa?

Tämä on melko kiistanalainen kysymys, ja se riippuu useista tekijöistä (esimerkiksi tekstin pituudesta tai sen aiheesta). Useimmiten kirjoittajat lisäävät sen viestien loppuun tai kuvien sisään sosiaalisissa verkostoissa. Kutsu voidaan näyttää painikkeena, tekstilinkkinä tai kokonaan kuvana.

Miten toimintakehotus vaikuttaa jälkianalyysiin

Miksi on tärkeää lisätä viestiisi toimintakehotus?

CTA auttaa saavuttamaan kolme liiketoimintatavoitetta:

  • napsautuksia
  • myynti
  • osallistuminen

Voit helposti seurata CTA-viestejä KUKU.io-analytiikan avulla.

Voit kokeilla painikkeiden muotoa ja värimalleja, mikä lisää konversiota. Viesti voi yksinkertaisesti herättää positiivisia tunteita ja miellyttäviä kommentteja, mutta toimintakehotus auttaa yritystä saavuttamaan tavoitteensa.

Tehokkaan toimintakehotuksen luominen: perusteet

Ensin sinun on ymmärrettävä selvästi, kenelle puhut ja mitä vaadit.

Päässäsi on tietysti aluksi paljon jäsentämättömiä ajatuksia: Mikä kutsu? Mihin toimintaan? Tavoitteet, motiivit, laajuus...

12 kaavaa tehokkaan toimintakehotuksen luomiseen sosiaalisessa mediassa

  1. Luo tai muokkaa toimintakehotuksia jokaiselle sosiaaliselle verkostolle erikseen

Sosiaaliset verkostot toimivat eri tavalla, varsinkin kun on kyse toimintakehotuksista. Facebook suosittelee käyttämään mainoksia, joissa on toimintakehotuspainikkeita, joita voit napsauttaa ja seurata. Instagramissa voit lisätä oman painikkeen sponsoroidun sisällön loppuun.

  1. Tarjoa todellista arvoa

Jos haluat kiinnittää lukijoiden huomion ja saada heidät toimimaan, sinun on tarjottava jotain todellista arvoa. Ajattele vahvoja kannustimia ja asioita, jotka voivat todella vaikuttaa. Lukijoiden tulee ymmärtää selvästi, miksi he tarvitsevat tarjouksesi.

  1. Tarjoa ilmainen vaihtoehto

Vakuuttaaksesi lukijasi toimimaan tietyllä tavalla (lataa kirja, tilaa sähköposti, osta tuote jne.) - tarjoa ilmainen versio.

"Täytä tilauslomake ja vastaanota vapaa pääsy webinaariin"

Painike: "Saa ilmaiseksi"

  1. Käytä vetoavia sanoja

Muista, että päätavoitteesi on motivoida lukijoita selkeään toimintaan. Voit rohkaista heitä tekemään tämän hyödyllisillä toimintaverbeillä. Tee oma tutkimus ja luo luettelo tällaisista verbeistä. Vältä epämääräisiä tai siveellisiä sanoja, ammattikieltä tai puhekieltä.

  1. Kosketa tunteitasi

Yritä vetoomuksissasi päästä lähemmäksi lukijoiden tunteita ja tunteita. Heidän ei pitäisi jäädä välinpitämättömiksi. Käytä kirkkaita sanoja ja vetoomuksia, testaa erilaisia ​​vaihtoehtoja. Jopa pieni painike auttaa sinua saamaan paljon seuraajia Instagramissa, Facebookissa, Twitterissä ja muissa sosiaalisissa verkostoissa.

  1. Muistuta minua väsymyksestä

Ihmisillä on taipumus turhautua moniin asioihin ja he arvostavat varmasti ratkaisua ongelmaansa, joka tekee heidän tiensä menestykseen vaikeaksi.

"Oletko kyllästynyt tehottomiin ruokavalioihin? Osta uusi proteiinikompleksimme ja luo unelmiesi vartalo 3 kuukaudessa!

Painike: "Osta nyt"

  1. Aseta aikarajat

Tämä tekee valituksestasi täsmällisen ja selkeän. Esimerkiksi "Yritä nyt" on houkuttelevampi kuin pelkkä "Yritä".

  1. Yksinkertaistaa

Mitä yksinkertaisempi ja selkeämpi toimintakehotustekstisi on, sitä nopeammin se tavoittaa vastaanottajat. Lukijan ei tarvitse käydä läpi paljon ajatusprosesseja ja loogisia tehtäviä ymmärtääkseen lauseesi. Tekstin kerran lukemisen jälkeen viestin vastaanottajien tulee ymmärtää, mitä heidän on tehtävä, ja tehdä se.

  1. Osoita tiettyä viestin vastaanottajaa

Puhumalla suoraan tietylle lukijalle rakennat luottamusta ja rohkaiset toimintaan. On tärkeää, että lukijat tuntevat, että välität heistä.

Käytä sanoja kuten "sinä", "sinun", "sinä" jne. lisätäksesi vuorovaikutukseen läheisyyttä. Esimerkiksi "Kokeile ilmaista settiäsi".

  1. Mukaan

Tarjoa yhteydenpidon jatkamista ja lisätietoja.

  1. Muistuta itseäsi julkkiksen kokemuksesta

"Miksi Madonna käyttää kosmetiikkaamme"

"Haluan kokeilla" -painiketta.

  1. Testaa erilaisia ​​toimintakehotuksia

Älä unohda seurata toimintakehotustuloksiasi. Voit määrittää, mitkä motivaatioviestit toimivat paremmin ja mitkä painikkeet tai linkit eivät herätä huomiota. Mukauta, siirrä ja kiillota ne täydelliseksi. Tämän analyysin avulla voit etsiä muunnelmia ja optimoida toimintakehotuspainikkeesi. Muista, että voit helposti käyttää analytiikkatyökaluja palveluista, kuten Buffer tai KUKU.io, seurataksesi postauksen tehokkuutta hyödyllisillä mittareilla.

Nyt sinulla ei pitäisi olla ongelmia luoda tehokkaita toimintakehotuksia.

Käytä yllä olevia kaavoja ja ehdotustesi etuja. Ja tietysti, muista viedä kaikki asiakkaidesi prisman läpi ottaen huomioon heidän toiveensa ja kuvitella itsesi heidän kengiinsä. Kiinnitä huomiota painikkeiden suunnitteluun, värimaailmaan ja kirjasinkokoon. Onnea toimintakehotuksestasi!

Kerron sinulle ensimmäisistä tekijöistä, jotka mielestäni vaikuttavat CTA (call to action) -painikkeen, joka tunnetaan myös nimellä "osta" kaupallisissa projekteissa, tehokkuuteen.
Ei neuvoja tai neuvoja, kuvakaappaukset on tarkoitettu vain tekstin havainnollistamiseen. Kuka tahansa voi rakentaa omia hypoteesejaan ja testata niitä split-testeillä.

1) Sijainti

Ensimmäinen näyttö on kaikki. Projektista riippuen jopa 50 % käyttäjistä ei vierittä sivua alaspäin. Eli jos meillä on pääpainike toisella näytöllä me itse, omin käsin, vähennämme muuntamista.
Se on helppo tarkistaa: Katsomme minkä pikselin painike on päällä ja vertaamme sitä käyttäjien näyttöjen korkeuteen GA:n mukaan. Jos esimerkiksi painikkeen alareuna on 900 pikseliä, 30 % käyttäjistä saa sen (tai osan siitä) toisella näytöllä.
Eli sisään yleinen tapaus, mitä korkeampi toimintakehotuspainike, sitä parempi. Perinteisesti hänen paikkansa on oikealla, koska Käyttäjät ovat oikeakätisiä, ja useimpien sivustojen sisältö on vasemmalla.


Esimerkki: Lamoda-verkkosivustolla kaikki saappaat eivät näy ensimmäisellä näytöllä, mutta painike on paikallaan.

2) Koko

Koko on aksentti, painotus on prioriteetti, prioriteetti mikä? Kyllä - kuka täällä on vastuussa? Jos haluamme myydä, CTA-painikkeen tulisi olla tärkein, eli suurikokoinen.
Mutta ei liian suuri, jotta se ei putoa suunnittelusta eikä vie puolta näytöstä.


Yoox-verkkosivustolla ei ole epäilystäkään siitä, mikä käyttöliittymäelementti on tärkein.

3) Väri

Mitä meillä täällä on. On hyvä, jos se on kontrastinen, eli se eroaa sivuston pääelementtien väristä. Mutta sen pois jättäminen suunnittelusta luo ylimielisyyden tunteen. Siksi en pidä punaisen/oranssin sävyjä universaaleina ja parhaimpana (mikä on yleistä käytettävyysasiantuntijoiden keskuudessa). Mutta joissakin tapauksissa ne todella toimivat, kaikki riippuu sivuston suunnittelusta.


Wildberry-verkkosivustolla painike eroaa suunnittelusta ja on syystäkin oranssi.

4) Teksti (sisältö)

Tämä on suosikkihetkeni. Näet eläintarhan vaihtoehtoja verkkosivuilla tekstinä painikkeen sisällä. Mielestäni painikkeen tekstin pitäisi olla:
  • kuvaa tarkasti toimintaa, määritä se. Tässä mielessä "osta" ei tarkoita mitään.
  • sisältää . Esimerkiksi "Lisää ostoskoriini"
  • sisältää toimintakehotuksen, älä ole neutraali.
Tässä: Nuoli, jossa on erikoissymboli (→) painikkeessa, jos sen painamisen jälkeen tapahtuu siirtymä, ja sen puuttuminen, jos siirtymää ei ole.


Utkonoksen verkkosivuilla päätettiin olla kokonaan ilman tekstiä. Hyvä päätös? Älä ajattele.

5) Muoto

Tässä vaiheessa on vahva yhteys sivuston suunnitteluun, mutta yleisesti ottaen suorakaiteen muotoa voidaan pitää parempana, se on yleisin ja käyttäjille mukavin.


Boscon verkkosivuilla painike on pyöreä, mikä on epätavallista. Testaisin sen tehokkuutta.

6) Interaktiivisuus/kosketus

On niin mukavaa leikkiä välillä hiiren osoitinpainikkeella. Kerran, kahdesti, kolme kertaa osoitit sitä ja nyt olet jo painanut sitä. Harvinainen tapaus? Ei, se toimii. Siksi vaihdamme väriä peittokuvan avulla, suurennamme fonttia tai muutamme painiketta jollain tavalla. Ja se on oikein!
Voit myös antaa työkaluvinkin, tämä on myös interaktiivinen.


Booking.com kehottaa sinua napsauttamalla painiketta siirtyäksesi uuteen vaiheeseen.

Ja tietysti, jos painike on kupera, niin sitä painettaessa on parempi painaa sitä, tämä on kosketus. Siksi varjolla varustettu kolmiulotteinen painike on yleensä parempi kuin litteä.

7) Toisto

Jos meillä on sisältöarkki (esimerkiksi aloitussivu), on hyvä toistaa painike. Miksi? Jotta sinun ei tarvitse vierittää paljon ylöspäin napsauttaaksesi sitä. Ja myös muistuttamaan käyttäjää, miksi näytämme hänelle kaiken tämän sivulla - jotta hän ostaa.


Onlinetours-sivustolla on painike sivun yläosassa ja sama alareunassa.

8) Työn laatu

Erillinen kohta, joka on jo selvä, mutta ei aina toteutettu. Rumaa, vinoa painiketta napsautetaan harvemmin, vaikka koko sivusto ei vieläkään ole mitään. Tämä on este, jota kukaan ei tarvitse, ja kuka tahansa älykäs suunnittelija voi helposti poistaa sen.
Lisäksi, hyvä nappi sen ympärillä on sisennystä, mikä lisää sen riippumattomuutta ja erottuu kaikesta sisällöstä. Huono - tarttuu reunoihin ja muihin esineisiin.


Nix-verkkosivuston haalistuneet mallipainikkeet 90-luvulta ovat selvästi ohjelmoijien tekemiä.

9) Vaihdettavuus

Kun käynnistät uudelleen tai vierität alas, painikkeen väri muuttuu. Jossain vaiheessa hän tarttuu näyttöön. Kuka tästä välittää? - Ei kukaan. Herättääkö se huomiota? - Kyllä.
Tämä tekniikka sopii jaettuun testiin, kokeillaan sitä.

10) Suhde muihin toimintakehotuspainikkeisiin

Vaikein hetki. En voi antaa sääntöjä, mutta jos meillä on muita pääpainikkeen vieressä, niin ne vaikuttavat toisiinsa ja tämä on otettava huomioon. Mikään ei ole pahempaa kuin kaksi samanlaista vierekkäin, se pessimimoi molempia ja vähentää niiden napsautussuhdetta.


BEBAKIDS-verkkosivustolla ne ovat hieman erikokoisia, mutta hyvin samanlaisia.

Johtopäätös

Tekijöitä on monia (hän ​​kuvaili tärkeimmät), ne kaikki vaikuttavat erikseen ja niiden yhdistelmä vaikuttaa yhdessä. Uskon, että kaikki ymmärtävät, kuinka tämä vaikuttaa konversioon - suoraan ja suoraan. Tästä johtuen lisäsin sitä 1,5 kertaa tai enemmän. Joka tapauksessa sen eteen kannattaa tehdä lujasti töitä.

Toimivia nappeja kaikille!

Mikä on CTA-elementti? Toimintakehotus(CTA) - toimintakehotus, joka rohkaisee käyttäjää ottamaan jonkin sivun kehittäjän suunnitteleman vaiheen (osto, tilaus, lataus). Graafisesti tällainen puhelu korostetaan kirkkaalla painikkeella (useimmiten), jossa on soittoteksti: "osta nyt", "lataa", "rekisteröidy".

Joskus napsauttamalla tällaista painiketta siirrymme toiselle sivulle yksityiskohtainen kuvaus tavaroita tai palveluita. Sitten painike olisi asianmukaisesti merkitty "Opi lisää", "Opi lisää".

Huomio: CTA-painikkeen tulee aina olla koko sivusuunnittelun värimaailmassa, sen tulee olla yhdistetty ja olla esteettinen. MUTTA erotu joukosta.

CTA-painikkeiden korostaminen

Napin muoto on pitkänomainen, sen reunat pyöristetyt. Painike noudattaa ylävalikon muotoa. Sen väri on vihreä ja koko sivu on tehty sinisen sävyin. Mutta väriyhdistelmä on yhdenmukainen yleisen valikoiman kanssa. Painike on kirkas, mutta sopii muuhun grafiikkaan.

Valituskirjoitus "huutaa" säästöistä, joita tällä ohjelmalla voi saada. Kirjainmerkit ovat samanvärisiä kuin muu teksti.

Painikkeen kutsu liittyy läheisesti alennuselementtiin. Näet tarjouksen ja sitten painikkeen, jossa on mahdollisuus käyttää tätä tarjousta. Tässä painike on looginen kohta.

Soittopainike on luonteeltaan yleinen

Huomio: painikkeet yleisillä merkinnöillä ohjelmisto, esimerkiksi "lataa", "lataa", eivät sovellu aloitussivuille. Niistä ei ole tietoa siitä, kuka on kehittäjä tai kuka omistaa ohjelman. Tämä aiheuttaa käyttäjien epäluottamusta ja kieltäytymistä.

Katsotaanpa esimerkkiä yleisestä painikkeesta käyttämällä esimerkkinä Internet Exploreria.


Painike on kirkas, ääriviivat selkeät, muoto on suorakaiteen muotoinen. Väri vastaa selaimen logoa.

Painikkeessa ei ole selvennyksiä, yleinen kutsu on "Lataa". Mutta tässä se on varsin sopiva, koska tuotemerkki on hyvin tunnettu. Kutsun väri on kontrasti painikkeen värin kanssa, mutta yhdistettynä sivun tekstiin.

Huomio: jos ohjelman lataaminen on maksullista, niin käyttöehdot kannattaa laittaa painikkeen viereen. Kuinka Apple-brändi teki sen.


Tutkittuasi vain painiketta voit jo ymmärtää ehdotetun palvelun merkityksen.

Painikkeen koko on melko suuri, värimaailma eroaa muusta sivusta. Painikkeen väri on vihreä, tämä on luottamuksen ja rauhan väri. Hyvä psykologinen liike.

Toimintakehotus on hyvin selkeä, ja taloudelliset hyödyt näkyvät välittömästi - "ilmaiseksi". Ohjelman kieli näytetään välittömästi.

CTA-painikkeen löytäminen sivun yläreunasta

Katsotaanpa esimerkkejä Googlesta.

Molempien sivujen soittopainikkeet ovat hyvin samankaltaisia, mikä ei ole yllättävää. Molemmilla painikkeilla on klassinen merkki (varjo, äänenvoimakkuus). Painikkeet sijaitsevat saman värimaailman saarilla, joihin on lisätty tekstiä.
Picasan painikkeessa on selkeä viesti, joka osoittaa, että uusin versio on ladattavissa.

Kuinka parantaa CTA-elementtiä

Älä unohda, että aloitussivun toimintakehotuselementti on tärkein. Sitä käytetään keskittämään käyttäjän huomio, viimeiseen toimintaan - ostoon.

Jos sivu on täynnä tekstiä ja kuvia, sen painike yksinkertaisesti katoaa.

CTA-elementin luomisessa on tiettyjä sääntöjä:

1. Jos se on painike, sen pitäisi näyttää painikkeelta.

2. Värin tulee olla kirkas, mutta yleisen mallin mukainen.

3. Painikkeen koko ei saa olla pieni.

4. Voit käyttää elementtiä, kuten nuolia, jotka osoittavat painikkeeseen, mutta eivät jää innostumaan.

5. Tekstivalituksen on oltava harkittua.

6. Käytä kontrastia CTA-elementille.

7. Sivutekstin ja CTA-elementin tekstin fontin on oltava sama.

8. Koko sivun värimaailma saa sisältää enintään 4 väriä.

9. Testaa eri elementtien muunnelmia ja valitse niistä paras.

Keskustellaan "kiireellisistä" kysymyksistä verkkokaupan kassapainikkeista.

Mitä on parempi kirjoittaa "Osta"-painikkeeseen?

Neuvo, joka säästää paljon aikaa, on älä välitä. Jos 4-5 vuotta sitten oli vielä jossain määrin tärkeää, mitä tähän painikkeeseen kirjoitettiin, niin nyt siihen ei voi kirjoittaa yhtään mitään, vain näytä kuvake korilla ja se riittää.

Suurin osa ihmisistä on ollut Internetissä pitkään. He ymmärtävät, että "Osta" ei sido heitä mihinkään, ja "Lisää ostoskoriin" ei liity mitenkään roskakoriin. He tietävät, että kun he napsauttavat "osta", rahaa ei veloiteta automaattisesti heidän kortiltansa, ja kun he "lisäävät ostoskoriin", tuote ei katoa ikuisesti. Siksi on turha tuhlata aikaa ja ihmetellä, edes oikea vastaus johon ei paranna myymälässäsi mitään merkittävästi.

Jos kuitenkin haluat puhua siitä, vedetään esiin maalaisjärkeä, puretaan logiikka ja yritetään selvittää se.

Olisi loogista kirjoittaa ostopainikkeen tuotekorttiin teksti "Osta", jos klikkauksen jälkeen tuote lisätään ostoskoriin ja käyttäjä ohjataan välittömästi tilaussivulle. Eli tapauksissa, joissa verkkokaupasta ostetaan harvoin useampaa kuin yhtä tuotetta.

On olemassa mielipide, että "Osta"-painike konvertoi vähemmän kuin "Lisää ostoskoriin" -painike, koska "Osta" on jo tehty päätös ja "Lisää ostoskoriin" on silti vain prosessi, joka ei vaadi oikeaa päätöstä. nyt. On turha väitellä, ehkä näin on. Mutta sinun on päätettävä, mihin lasketaan tässä tapauksessa muuntaminen. Jos tuotteen lisääminen ostoskoriin on toivottu muunnos, niin painiketta kannattaa kutsua sillä tavalla, mutta älkää sitten yllättykö hylätyistä kärryistä. Jos lasket valmiin tilauksen konversioksi, sinun ei tarvitse pelätä kirjoittaa "Osta".

"Lisää ostoskoriin" -painike tarkoittaa merkitykseltään useiden tuotteiden ostamista, kun ne kaikki lisätään ensin ostoskoriin ja tilaus tehdään sinne.

Voit kirjoittaa "Lisää ostoskoriin" poistamalla sanan "lisää". Tällaista yksinkertaistamista vastustaa, he sanovat, että ilman verbiä toimintakehotus on huonompi. Valinta on sinun.

"Tilaa"-painike ei herätä kysymyksiä, jos verkkokaupassa on tuotteita sekä varastossa että tilauksessa. Laita sitten "Osta"-painike "varastossa" oleviin tuotteisiin ja "Tilaa" niihin, jotka ovat vain tilausta varten.

Tämä painike sopii myös ruoan tilaussivustoille. Koska on tapana sanoa "tilataan pizza", niin vastaavalla verkkosivustolla on täysin mahdollista käyttää "Tilaa" -painiketta "Osta" sijaan. Mutta "Osta" ja "Lisää ostoskoriin" -painikkeet toimivat myös yhtä hyvin.

Älä murehdi liikaa siitä, mitä kirjoittaa ostopainikkeeseen ja milloin. Älä kuuntele asiantuntijoita, jotka ostaakseen heiltä konsultaatioita ja kursseja lisäävät jokaisen pienen asian tärkeyttä.

Kaukana ovat ajat, jolloin verkkokaupassa ostaminen tuntui vaaralliselta. Ehkä jossain Siperian metsissä on villikäyttäjien heimoja ja heidän on psykologisesti vaikeampaa napsauttaa "Osta" kuin "Lisää ostoskoriin", mutta tätä ei ole todistettu tieteellä, ja yksittäisiä tapauksia on kuvattu Internetissä. älä herätä luottamusta.

Suosittelen lukemaan artikkelin tuotekorttien automaattisesta optimoinnista tietyistä tapahtumista riippuen. Siinä puhutaan erityisesti painikkeen tekstin muuttamisesta näiden tapahtumien mukaan.

“Lisää ostoskoriin”, “Lisää ostoskoriin”, “Lähetä ostoskoriin”, yksinkertaisesti “Lisää ostoskoriin”, “Osta”, “Tilaa” - yksi piparjuuri (Brassica-perheen kasvi).

Nyt kun olemme selvittäneet painikkeen tekstin, siirrytään väriin.

Ihanteellinen ostopainikkeen väri

Googlettamalla löytyy tulokset A-B testit, joissa kirjoittajat väittävät, että vihreät painikkeet toimivat paremmin, oranssit painikkeet ovat myös hyviä ja punaiset painikkeet ovat pahoja. Googlaamalla vähän enemmän voit löytää vastakkaisia ​​näkökulmia. Ei ole tarpeen ottaa näitä lausuntoja uskoon ja värjätä painikkeita ajattelemattomasti uudelleen.

Voit mennä vielä pidemmälle ja alkaa testata paitsi väriä myös painikkeiden rakennetta. Puun näköiset napit myyvät luonnontuotteita paremmin kuin kiiltävät muoviset. Brutaalit metallinapit sopivat hyvin miesten tuotteisiin, ja pehmeät vaaleanpunaiset napit ovat 5 % todennäköisemmin napsautettuja söpöiltä miehiltä.

Painikkeen värin testaaminen suhteessa kohdeyleisöön on samaa hölynpölyä kuin painikkeen tekstuurin testaaminen.

Luuletko, että monet potentiaalisista asiakkaistasi eivät huomaa sinistä "Lisää ostoskoriin" -painiketta valkoisella pohjalla? Ja jos teet siitä vihreän, kuinka moni niistä, jotka eivät ostaneet sinisellä napilla, ajattelevat:

"NOIN! Näillä miehillä on vihreä nappi, olen rauhallinen, vihreä väri kertoo minulle, että heiltä on turvallista ostaa."

Luuletko tosissasi, että "Osta"-painikkeen väri on ainoa viimeinen este, joka estää vierailijoita tekemästä ostoksia? Korjaa ensin muut tärkeät ongelmat ja siirry sitten sellaisiin pieniin asioihin. Kirjoitin tästä artikkelissa vääristä prioriteeteista kaupan kanssa työskennellessä. Lue se, ehkä se on sinun tapaus.

Jos kävijä tulee verkkokauppaasi aikomuksena ostaa (eikä etsi kuvauksia uusista vempaimista tai kuvia hienoista tytöistä bikineissä - se riippuu tuotteesta), hän on tyytyväinen hintaan, toimitusaikaan, kauppaasi ei näytä hänestä huijaukselta, johtaja on verkossa ja pystyy vastaamaan kaikkiin kysymyksiin oikein - sitten asiakas ostaa painikkeen väristä riippumatta.

Valkoinen painike, jossa on valkoista tekstiä valkoisella taustalla, toimii huonommin kuin minkä tahansa värinen painike, joka erottuu taustasta - älä mene ennustajalle (joko testaa sitä tai ei). :-)

Oikeasti, punainen painike toimii huonommin, kun sen vieressä on vihreä painike. Mielestäni ei ole tarvetta selittää miksi.

Esimerkki kahdesta painikkeesta vierekkäin. Punainen ja vihreä. Kumpaa klikkaisit ajattelematta?

Sama asia, jos esimerkiksi yksi painike on punainen ja toinen sen vieressä on harmaa ja painikkeen nimi on kirjoitettu harmaalla - harmaa näyttää "Poista käytöstä" - ei-aktiivinen, ei toimi ja vastaavasti , harvemmat ihmiset napsauttavat sitä.

Esimerkki harmaan painikkeesta. Klikkaisitko sitä?

Harmaat painikkeet harmaalla tekstillä ovat muuten yleinen ongelma verkkokaupoissa. Onneksi pääasiallista "osta"-painiketta ei yleensä käytetä näin, mutta apupainikkeet ("Lisää suosikkeihin", "Pikatilaus", "Vertaa") ovat hyvin yleisiä. Suunnittelija yrittää tehdä siitä kauniin, sijoittaa aksentit oikein, mutta unohtaa standardin, johon kaikki ovat tottuneet työskennellessään käyttöjärjestelmän kanssa - harmaat painikkeet harmaalla tekstillä (sekä valintaruudut ja radioruudut) ovat elementtejä, joita ei ole saatavana napsautusta ja valintaa varten.

Jotkut eläimet teeskentelevät kuolleita välttääkseen huomattamisen ja syömisen. Samoin harmaat painikkeet, joissa on harmaa teksti, teeskennetään ei-aktiivisiksi, jotta kukaan ei napsauta niitä.

Jos haluat painikkeiden napsauttavan, älä tee tällaisia ​​painikkeita verkkokaupassasi:

Käyttöjärjestelmän painike, johon kaikki ovat tottuneet, ei ole käytettävissä

Jos "Osta"-painike on riittävän suuri ja kontrastinen, sen väri on melkein merkityksetön. Melkein siksi, että on poikkeuksia, joista kaksi mainitsin edellä. Varmasti voi mainita enemmänkin.

Siksi, kun kaupat käyttäytyvät A-B testaus ne saavat erilaisia ​​tuloksia. Jotkut painavat paremmin punaista painiketta, toiset paremmin vihreää painiketta jne. Kyse ei ole myytävästä tuotteesta, ei yleisöstä, vaan myymälän suunnittelusta ja painikkeen ympärillä olevasta kontekstista.

Milloin tarvitset "Yhden napsautuksen tilaus"- tai "Pikatilaus"-painikkeen?

Kannattaako tuollainen nappi tehdä? Painike on hyödyllinen ja tekemisen arvoinen. Mutta kuten monissa muissakin asioissa, tässäkin on omat vivahteensa (etsi itse anekdootti vivahteesta).

Yhden napsautuksen osto tarvitaan, jos tilaukset sisältävät usein vain yhden tuotteen tai tuotteet ovat melko kalliita.

Mutta jos tilauksessa on yleensä useampi kuin yksi tuote, tämä painike voidaan jättää pois. Jos se painotetaan suunnittelussa enemmän kuin pääasiallinen, tämä toiminto voi vähentää keskimääräistä sekin määrää (koska "Tilaa yhdellä napsautuksella" tarkoittaa tilauksen tekemistä sen sijaan, että lähetät tuotteen ostoskoriin) ja vaikeuttaa työtä johtajista - heidän täytyy viettää enemmän aikaa puhelimessa ja ilmoittaa ostajan tiedot.

Siksi, jos haluat toteuttaa nopean tilauksen ja välttää sen turhia komplikaatioita, sinun tulee muistaa sijoittaa aksentteja verkkosivuston suunnitteluun siten, että tärkein "Lisää ostoskoriin" -painike on etusijalla ja "Tilaa yhdellä kertaa" napsautus on vähemmän havaittavissa.

Yleinen virhe "Tilaa yhdellä klikkauksella" -painikkeen toiminnassa on, että tällaisen painikkeen kautta tehty tilaus ei mene yleiseen ostoskorin kautta hyväksyttyjen tilausten listaan, vaan toiseen listaan ​​tai esimiehelle. Itse asiassa tämä painike toimii kuten "Soita takaisin", mikä on väärin.

Tämä virhe tehdään yleensä yksinkertaisesta syystä - pikatilauksessa ei ole tarpeeksi tietoa automaattinen luominen täysimääräinen tilaus, joten ne laitetaan tietolohkoon tai lähetetään yksinkertaisesti sähköpostitse johtajalle. Kaikki tilaukset, riippumatta siitä, miten ne on vastaanotettu, tulee lisätä yleiseen luetteloon. Tämä yksinkertaistaa työtä eikä aiheuta tarpeettomia askeleita kaupan liiketoimintaprosesseihin.

Toinen yleinen ongelma— pakottaa käyttäjän syöttämään nimensä ja puhelinnumeronsa joka kerta, kun hän napsauttaa "Pikatilaus"-painiketta. Jos käyttäjä on valtuutettu tai hän on jo syöttänyt nimensä ja puhelinnumeronsa, älä pakota häntä syöttämään niitä uudelleen - syötä ne automaattisesti. Ostajan tarvitsee vain napsauttaa "Tee tilaus" -painiketta. Muuten, yhden käyttäjän "pikatilaukset" voidaan yhdistää yhdeksi. Jos toteutat tällaisen liimauksen, tämä ratkaisee osittain ongelman tilauksissa yhdeltä käyttäjältä, joka haluaa ostaa useita tuotteita, mutta jostain syystä tekee tilauksen ei ostoskorin kautta, vaan "Osta yhdellä klikkauksella" -painikkeen kautta.

Milloin "Lisää ostoskoriin" -painiketta tarvitaan vain tuotekortissa ja milloin myös tuoteluettelossa?

Tämä on toinen suosittu kysymys "osta" -painikkeesta. Se on pitkälti sama kuin "Pikatilaus" -painikkeen tapauksessa - se riippuu kaupan myymistä tuotteista. Jos joudut ennen ostamista valitsemaan tuotteelle useita parametreja, joita ei voida näyttää tuoteluettelossa (koko, väri, paino jne.), niin "Lisää ostoskoriin" -painiketta ei lisätä tuoteluetteloon.

Hyväksy, näyttää oudolta, jos "Lisää ostoskoriin" -painike on vaatekaupassa, mutta et voi valita vaatteiden kokoa ja väriä. Ja vaikka se olisi mahdollista, onko mahdollista katsoa välittömästi eurooppalaisten ja venäläisten kokojen vastaavuustaulukkoa jne., valinnan kannalta tärkeitä tietoja?

Eri asia on, myykö myymälä esimerkiksi kotitalouskemikaaleja. Näitä tuotteita ostetaan säännöllisesti, usein ominaisuudet ovat ostajan tiedossa, tehtävänä ei ole valita, vaan löytää tarvitsemasi, lisätä se ostoskoriin ja tehdä tilaus nopeasti. Jos sivusto sisältää tällaisen ostosjärjestelmän, on erittäin toivottavaa lisätä tuoteluetteloon "Lisää ostoskoriin" -painike. Tässä tapauksessa sinun on luonnollisesti annettava samassa luettelossa, "Lisää ostoskoriin" -painikkeen yläpuolelle, mahdollisuus valita haluamasi tuoteparametrit. Kotitalouskemikaalien tapauksessa tämä voi olla paino, kappaleet, haju jne.

"Kassalle"-painike ostoskorissa

Koska aloimme puhua verkkokaupan pääpainikkeista, kosketetaan ostoskoriin.

Verkkokaupoissa on usein kaksi koria. Pieni, joka yleensä sijaitsee oikeassa yläkulmassa, kertoo enemmän siitä, että kori on täynnä ja pääkori, johon tilaus tehdään.

On siis toivottavaa, että pienessä kärryssä suureen kärryyn siirtymispainiketta ei kutsuta samalla nimellä kuin tuotekortin painiketta. Tämä voi aiheuttaa pientä, mutta tarpeetonta sekaannusta. Eli jos tuotekortissasi painikkeen nimi on "Lisää ostoskoriin", niin pienessä ostoskorissa painiketta ei pitäisi kutsua samaksi.

Painikkeita, joilla on eri toiminnot, kutsutaan samaksi - tämä on väärin.

Kaikki on yksinkertaista isossa korissa. Jos sinulla on vaiheittainen prosessi, eli tilauksen tekeminen on jaettu useisiin pieniin vaiheisiin, niin seuraavaan vaiheeseen siirtymispainikkeen merkinnän pitäisi kertoa sinulle, mitä tapahtuu seuraavaksi. Esimerkiksi kärry on jaettu 5 vaiheeseen:

Sellainen askel askeleelta korit Ne ovat harvinaisia ​​nykyaikaisissa myymälöissä, mutta silti niitä löytyy ja ne toimivat ja toimivat melko hyvin.

Ostoskori koostuu nykyään yleensä vain yhdestä sivusta, joka sisältää sekä listan ostoskorissa olevista tuotteista että tilauskentät. Esimerkiksi juuri tämä tehdään 1C-Bitrixin myymälän vakiototeutuksessa.

Tässä on sama sääntö kuin yllä olevassa esimerkissä. Painikkeen etiketin tulee osoittaa toiminto, joka suoritetaan, kun sitä painetaan. Jos yhtäkkiä jokainen käytössäsi oleva painike on nimeltään "Seuraava", sen alla on oltava vihje, mihin tämä painike johtaa.

Jos myymälässä on yksisivuinen ostoskori, tulee siinä olevan painikkeen nimi olla joko "Lähetä tilaus" (jos sinulla on välikiitossivu) tai "Siirry maksuun", jos Kiitos-sivua ei ole.

Lisää draamapainike

Tietysti se on bayan, mutta jos et ole nähnyt sitä, se on mielenkiintoinen.

Painikkeiden suunnittelusta käydään paljon kiistaa ja tutkimusta. Mutta vieraillessamme toisella verkkosivustolla saamme joskus vaikutelman, että markkinointi toimii erillään suunnittelusta ja toimintakehotus toimii täysin päinvastaisella tavalla. On kuin hän huutaisi vieraalle: "Älä tee sitä!" Kukaan ei tiedä, mikä on onnistuneen toimintakehotuksen salaisuus (todennäköisesti tuotteen tarve loppujen lopuksi). Vietimme kuitenkin paljon aikaa tämän ongelman tutkimiseen ja löysimme mielenkiintoisia sivustoja, joissa oli onnistunut toimintakehotus.

MailChimp

Sivustolla on paljon painikkeita, mutta "Prepare for Launch" -ikkuna sähköpostiyrityksen luomiseksi on ehkä vaikuttavin. Huumorilla tehty se esittelee prosessia ja houkuttelee epätavallisuudellaan.

Vaikka tekstiä ei olisikaan, punaisen painikkeen yläpuolella oleva animoitu simpanssin käsi kertoo, mitä vierailijan tulisi tehdä.

Hallitse WP:tä

CTA-painike täyttää koko tilavuuden kotisivu. Otsikko ja lyhyt kuvausteksti kertovat tarkalleen, mitä palvelu tekee. Osoitepyyntö tarjoaa huomaamattomasti aloittaa palvelujen käytön sisäänkirjautumisen jälkeen. Visuaalit ovat mielenkiintoisia ja sisältö on taitavasti pelkistetty haluttuun toimintaan.

Sininen esiliina

Kotisivu on todella sarja toimintakehotuksia. Tämä osio välittää tietoa vierailijalle helposti luettavassa muodossa. Jopa pieni Ilmainen toimitus -kuvake on mukava kosketus. He käyttivät tuoretuotteiden taustaa täydellisesti tehdäkseen pisteen. Kun katsot häntä, alat tuntea nälkää.

Spotify

Kuten Blue Apron, Spotify näyttää pääasiallisen myyntivalttinsa CTA:ssa. Mutta ne tekevät siitä helpompaa ja helpompaa vierailijalle. Liukusäätimen kohokohdat tärkeitä tietoja musiikin suoratoistopalvelusta, mutta rohkaisee lähinnä klikkaamaan lisää yksityiskohtaiset tiedot. He eivät yritä ylikuormittaa, vaan helpottavat rekisteröitymistä tai tiedon saamista.

Zillow

Zillow on kiinteistöjen hakusivusto. Ja alusta alkaen vierailija löytää CTA-alueen, jonka avulla hän voi ryhtyä haluttuun toimintaan. Kaikki on sijoitettu niin, että ei tarvitse etsiä. Yksinkertaisuus ja minimalismi.

B&O Play

Raskas annos kaunista teollista muotoilua sekä kutsu nähdä kokoelma tai aloittaa näiden kuulokkeiden ostoprosessi. Tarpeettoman tiedon puuttuminen ja tehokas suunnittelu tekevät toiminnasta houkuttelevan.

Mercy Corps

Kun käsittelet vaikeita elämäntilanteita, aikaa ei ole hukattavaksi. Mercy Corps luo kiireen tunteen. Valokuva yhdistettynä rohkeaan, vakavaan otsikkoon varmistaa, että vierailijat ymmärtävät tilanteen vakavuuden. Ne auttavat meitä näkemään epäonnesta kärsineet ihmiset ja tarjoavat tavan toimia.

Pesä

Tunnetun termostaattiyrityksen NESTin kotisivuilla julkaistaan ​​"Earth Day" samaan aikaan heidän energiansäästötuotteensa kanssa. Tuikkivat tähdet sisään tausta yhdessä tuotteen kanssa valokuvaus todella vaikuttaa (se antaa vaikutelman avaruudessa kelluvasta planeettasta). Samalla sivu ei ole täynnä tarpeettomia elementtejä ja luo tilaa.

Skagen

Tämä on tanskalainen yritys, joka myy minimalistisia kelloja muiden muotiasusteiden ohella. Niiden toimintakehotus osoittaa erinomaista värien käyttöä ja tuotemerkin yksinkertaisuutta. He näyttävät sanovan - kun sinulla on ainutlaatuinen tuote, anna sen puhua puolestaan.

Patagonia

Tämä on urheilu- ja ulkoiluvaatteisiin erikoistunut yritys. Heidän kotisivunsa liukusäädin - yhdistää tuotteet ja syyt - on kauniisti renderöity kuva, joka edistää ympäristöystävällistä elokuvaa. Kuva on suuri ja selkeä. He pyrkivät tuomaan ruudulle hieman erämaata. Tämä on oikein heidän kohdeyleisönsä näkökulmasta.

Toimintakehotus

Hyvän toimintakehotuksen tulee määrittää yleisö ja käyttäjäkokemuksen haluttu tulos. Värien ja kuvien tulee heijastaa brändiä ja auttaa välittämään viestiä. Tekstin tulee olla lyhyttä ja täsmällistä.

Toimintakehotukset tekevät ennen kaikkea erinomaisen työn ohjaaessaan käyttäjää oikeaan suuntaan yksinkertaisella tavalla. Kaikki nämä esimerkit osoittavat, ettei asioita tarvitse yrittää monimutkaistaa. Yksinkertaiset mutta selkeät sanat riittävät vakuuttamaan ihmiset toimimaan.

Perustuu speckyboy.com-sivuston materiaaleihin.

______________________________________________________________________

Materiaalin on luonut sisältömarkkinointitoimisto Textoteka.

Haluatko itse toteuttaa sisältömarkkinointia yritykseesi? Liity yhteisöömme

© 2024 ermake.ru - Tietoja PC-korjauksesta - Tietoportaali