Jokainen verkkosivuston sivu yrittää saada vierailijan tekemään jotain. Toimintakehote on elementti, joka tekee tämän pyynnön selväksi. Ilman sitä vierailijan, joka on valmis toimimaan, täytyy selvittää seuraava askel itse, eikä moni viitsi.
Toimintakehote (call to action, CTA) on painike, linkki tai tekstinpätkä, joka ohjaa sivuston vierailijan tekemään tietyn seuraavan askeleen. Seuraava askel voi olla puhelun varaaminen, tarjouspyynnön tekeminen, rekisteröityminen, jonkin lataaminen tai yhteydenotto. Toimintakehote tekee halutusta toiminnosta näkyvän, ilmeisen ja helpon tehdä. Sivut ilman selkeää toimintakehotetta jättävät vierailijat ilman suuntaa ja ilman ilmeistä syytä jäädä.
Minkälaisia toimintakehotteita on?
Muodon mukaan
Painike-CTA on yleisin muoto. Klikattava painike, jossa on toimintaan kehottava teksti, sijaitsee paikassa, jossa se on helppo nähdä. Painikkeet toimivat, koska ne erottuvat visuaalisesti ympäröivästä sivusta ja viestivät selkeästi interaktiivisuudesta.
Leipätekstin lauseeseen upotettu tekstilinkki-CTA on visuaalisesti vähemmän huomiota herättävä kuin painike. Etuna on sijoittelu. Se voi olla täsmälleen siinä kohdassa, jossa lukijan huomio on silloin, kun toiminto on järkevin.
Sivun koko leveydelle ulottuva kiinteä palkki tai banneri-CTA pysyy näkyvissä vierailijan vierittäessä. Tämä muoto sopii hyvin aikaan sidottuihin tarjouksiin tai tilanteisiin, joissa yhden toiminnon pitää näkyä johdonmukaisesti jokaisella sivulla.
Jotkin CTA:t ohittavat klikkauksen kokonaan. Lomakeosio pyytää vierailijoita syöttämään tietonsa suoraan sivulle sen sijaan, että he klikkaisivat jonnekin muualle. Yhteydenottolomakkeet ja uutiskirjeen tilaukset ovat yleisimpiä esimerkkejä.
Tavoitteen mukaan
Kaikki CTA:t eivät palvele samaa tarkoitusta. Ensisijainen CTA ajaa sivun tärkeintä toimintoa, tyypillisesti varausta, ostoa tai yhteydenottoa. Toissijaiset CTA:t vievät vierailijoita kohti liittyviä toimintoja, jotka rakentavat kohti ensisijaista tavoitetta, kuten asiakastarinan lukemista, hinnaston katsomista tai demon katsomista.
Minne toimintakehotteet pitäisi sijoittaa verkkosivustolla?
Sijoittelu riippuu sivutyypistä ja siitä, missä kohtaa päätöksentekoprosessia vierailija todennäköisesti on saapuessaan kuhunkin osioon.
Etusivulla ensisijaisen CTA:n paikka on above the fold -alueella, näkyvissä ilman vierittämistä. Vierailijat, jotka saapuvat haun tai suosituksen kautta ja näkevät heti, että yritys sopii heille, toimivat nopeasti, jos CTA on siellä. Toinen CTA etusivun alaosassa tavoittaa vierailijat, jotka lukevat pidemmälle ennen päätöstä. Artikkeli miten suunnittelet toimivan etusivun käsittelee, miten CTA toimii yhdessä etusivun muun asettelun kanssa.
Palvelu- tai tuotesivulla ensisijaisen CTA:n pitäisi ilmestyä sen jälkeen, kun on kuvattu, mitä sisältyy, mutta ennen kuin vierailijan täytyy vierittää sen pisteen ohi, jossa hän on nähnyt tarpeeksi päättääkseen. Toinen CTA sivun lopussa tavoittaa vierailijat, jotka lukevat loppuun asti.
Blogiartikkeleissa ja tietosivuilla CTA:iden pitäisi näkyä asiayhteydessä, kohdassa, jossa sisältö on juuri käsitellyt ongelmaa, jonka yritys ratkaisee. CTA, joka on sijoitettu heti sen osion jälkeen, joka selittää, miksi jokin on tärkeää, on tehokkaampi kuin sellainen, joka on artikkelin lopussa, jota vierailija ei ehkä lue loppuun. Siitä, miten navigointi ja sivurakenne yhdessä siirtävät vierailijoita sivujen välillä, lue mikä on verkkosivuston navigointi.
Miten kirjoitat toimivan toimintakehotteen?
Vahva CTA-teksti on täsmällinen siitä, mitä tapahtuu, kun vierailija klikkaa. "Varaa ilmainen puhelu" on selkeämpi kuin "Ota yhteyttä". "Katso hinnat" on selkeämpi kuin "Lue lisää". "Lataa tarkistuslista" on selkeämpi kuin "Klikkaa tästä". Vierailijan pitäisi tietää täsmälleen, mitä hän saa tai mitä seuraavaksi tapahtuu, ennen kuin hän klikkaa.
Yksinkertaisin kaava CTA-tekstille on toimintaverbi, jota seuraa täsmällinen lopputulos tai tarjottava asia. "Pyydä tarjous." "Aloita ilmainen kokeilu." "Katso koko asiakastarina." Jokainen näistä kertoo vierailijalle, mitä hän saa, ei vain sitä, että hänen pitäisi tehdä jotain.
Palveluyrityksille CTA-teksti, joka poistaa koetun riskin, toimii paremmin kuin yleiset vaihtoehdot. "Varaa ilmainen 20 minuutin puhelu" on vähemmän uhkaava kuin "Varaa konsultaatio". "Pyydä tarjous ilman sitoumusta" poistaa pelon myyntipaineesta. Epäröinnin käsitteleminen itse CTA:ssa vähentää kitkaa vierailijoille, jotka ovat kiinnostuneita mutta varovaisia.
Kuinka monta toimintakehotetta sivulla pitäisi olla?
Sivulla pitäisi olla yksi ensisijainen CTA ja enintään yksi tai kaksi toissijaista CTA:ta. Sivu, jolla viisi eri toimintakehotetta kilpailee huomiosta, antaa vierailijoille liikaa vaihtoehtoja ja johtaa yleensä vähempiin konversioihin kuin sivu, jolla on yksi selkeä pääpyyntö. Kun jokainen sivun elementti yrittää olla tärkein, mikään ei ole.
Poikkeus ovat pitkät sivut, joilla on useita erillisiä osioita ja joilla toistettu ensisijainen CTA jokaisen osion lopussa antaa vierailijoille selkeän polun riippumatta siitä, kuinka pitkälle he vierittävät ennen toimimispäätöstä. Sivun rakenne ja se, miten keskeisten toimintojen sijoittelu muokkaa vierailijoiden käyttäytymistä, käsitellään artikkelissa mikä on UX-suunnittelu.
Miten CTA eroaa palveluyrityksillä ja tuoteyrityksillä?
Tuoteyritykset voivat käyttää suoria kaupallisia CTA:ita, koska seuraava askel on selvä. Osta tuote. "Lisää ostoskoriin" ja "Osta nyt" toimivat, koska vierailija tietää täsmälleen, mihin hän sitoutuu.
Palveluyritykset pyytävät yleensä vierailijoita tekemään vähemmän sitovan askeleen ennen kauppaa, koska palvelua ei voi ostaa yhdellä klikkauksella. Tavoitteena on saada vierailija keskusteluun, ei viimeistellä kauppaa. CTA:t kuten "Varaa ilmainen puhelu", "Pyydä tarjous" tai "Lähetä meille projektikuvauksesi" vievät palveluyrityksen vierailijoita eteenpäin pyytämättä sitoumusta, johon he eivät ole valmiita. Kielen pitäisi vastata sitä, missä kohtaa päätöksentekoa vierailija on.
Mikä saa toimintakehotteen epäonnistumaan?
CTA epäonnistuu, kun se on näkymätön, epämääräinen tai sijoitettu väärään hetkeen. Painiketta, joka sulautuu sivun taustaväriin, ei klikata. CTA, jossa lukee "Lähetä", ei kerro vierailijalle mitään siitä, mitä hän saa. CTA, joka on sijoitettu ennen kuin vierailija on nähnyt mitään syytä toimia, jää huomiotta, koska vierailija ei ole valmis.
Visuaalinen kontrasti on luotettavin korjaus näkymättömille CTA:ille. Painikkeen värin pitäisi erota selvästi ympäröivistä sivun elementeistä. Tyhjä tila CTA:n ympärillä erottaa sen sisällöstä ja vetää katseen siihen. Mikä on visuaalinen hierarkia selittää, miten kontrasti ja välistys ohjaavat vierailijan huomion sivun tärkeimpiin elementteihin.
Miten WEMASY hoitaa toimintakehotteet
WEMASYn verkkosivustorakentimessa on CTA-painikeosioita, banneriosioita ja lomakeosioita, jotka voi sijoittaa mihin tahansa sivulle vedä ja pudota -editorilla. Painikkeiden värejä ohjataan brändivärien asetuksista, ja ne pätevät johdonmukaisesti kaikilla sivuilla. CTA-tekstiä voi muokata suoraan osiossa vaikuttamatta ulkoasuun. Painikkeen sijoittelua, kokoa ja välistystä voi säätää ilman koodia.
Katso, mitä sisältyy, WEMASYn verkkosivustorakentimesta, tai tutustu paketteihin hinnastosivulla.
Usein kysytyt kysymykset
Minkä värinen toimintakehotepainikkeen pitäisi olla?
Painikkeen pitäisi erottua selvästi taustasta ja sivun ympäröivistä elementeistä. Tarkalla värillä on vähemmän merkitystä kuin kontrastilla. Painike, joka on samaa värisävyä kuin tausta, muuttuu näkymättömäksi. Painike, jonka väri erottuu sivusta, huomataan heti. Useimmilla sivustoilla yhden johdonmukaisen korostusvärin käyttö kaikissa ensisijaisissa CTA-painikkeissa koko sivustolla tekee niistä ennustettavia ja helppoja löytää, kun vierailijat siirtyvät sivulta toiselle. WEMASYn verkkosivustorakentimella saat tämän käyttöön suoraan omalla sivustollasi.
Onko toimintakehote sama asia kuin laskeutumissivu?
Ei. Toimintakehote on sivun elementti, joka ohjaa vierailijan tekemään tietyn toiminnon. Laskeutumissivu on erillinen sivu, joka on rakennettu yhden konversiotavoitteen ympärille ja jonka tärkein elementti on yleensä ensisijainen CTA. Laskeutumissivu on olemassa tukemaan CTA:ta. Laskeutumissivun CTA laukaisee konversion, jonka saavuttamiseksi sivu on rakennettu.
Mistä tiedät, toimiiko toimintakehote?
Seuraamalla CTA:n klikkausprosenttia ja sen sivun konversioprosenttia, jolla se esiintyy. Jos merkittävä osa vierailijoista saapuu sivulle mutta harva klikkaa CTA:ta, painike ei ehkä ole tarpeeksi näkyvä, teksti ei ehkä ole houkutteleva tai CTA voi olla sijoitettu väärään kohtaan sivua. Yhden muuttujan testaaminen kerrallaan, aloittaen tekstistä, sitten sijoittelusta ja sitten väristä, on luotettavin tapa tunnistaa, mikä muutos tuottaa parannuksen.
Pitäisikö jokaisella verkkosivuston sivulla olla toimintakehote?
Pitäisi. Jokaisella sivulla, jolle vierailija voi päätyä, pitäisi olla vähintään yksi selkeä seuraava askel. Jopa tietosivujen, joita ei ole suunniteltu konversiosivuiksi, pitäisi ohjata vierailijat johonkin. Se voi olla aiheeseen liittyvä artikkeli, olennainen palvelusivu tai yhteystietosivu. Sivu ilman CTA:ta on umpikuja. Seuraavan askeleen ei tarvitse olla kova myyntiyritys, mutta sen pitäisi olla olemassa ja helppo löytää.
Mitä eroa on ensisijaisella ja toissijaisella toimintakehotteella?
Ensisijainen CTA on tärkein toiminto, jonka vierailija voi sivulla tehdä, tyypillisesti toiminto, joka johtaa suoraan konversioon, kuten varaukseen, ostoon tai yhteydenottoon. Toissijainen CTA tarjoaa vähemmän sitovan vaihtoehdon vierailijoille, jotka eivät ole vielä valmiita ensisijaiseen toimintoon, kuten asiakastarinan katsomisen, palvelusta lukemisen tai päivitysten tilaamisen. Molemmat palvelevat vierailijoita päätöksenteon eri vaiheissa. Ensisijaisen CTA:n pitäisi aina olla visuaalisesti näkyvämpi kuin toissijaisen.