Jos verkkosivusi on kauppasi ja sähköpostisi on näyteikkunasi, niin sinun toimintakehotus (CTA) painike on hämmästyttävä ikkunanäyttösi, joka vetää ihmiset sisään. Sanomattakin on selvää, että toimintakehotus on yksi sähköpostisi tärkeimmistä osista, ja jos sitä on vaikea löytää, vaikea käyttää tai se on jollain tavalla rikki, tilaajasi eivät ole klikkaa!
Älä kuitenkaan huoli. Autamme varmistamaan, että toimintakehotuspainikkeesi ovat luodinkestäviä ja että kaikki asiakkaat voivat nähdä ne sähköpostiohjelmasta tai katseluasetuksista riippumatta.
Tässä blogikirjoituksessa sukeltamme syvemmälle luodinkestävän napin luomiseen tilaajillesi käyttökokemuksen ja sähköpostikampanjasi tehokkuuden parantamiseksi.
Tässä on mitä löydät:
Mikä on luodinkestävä painike?
Luodinkestävät painikkeet ovat toimintakehotuspainikkeita, jotka on rakennettu koodilla kuvien sijaan. Voit vaihtaa GIF-, PNG- ja JPEG-tiedostosi luotettavasti HTML- ja CSS-muotoihin. Jos käytät vain koodia, painike näkyy kaikissa sähköpostiohjelmissa, vaikka kuvat ovat pois päältä, mikä tekee niistä “luotinkestäviä”.
Lisäksi voit päivittää painikkeiden sisällön ja tyylin yksinkertaisesti muokkaamalla HTML-malliasi. Sinun ei enää tarvitse tuhlata aikaa painikkeiden luomiseen suunnittelutyökalussa, kuten Photoshopissa, niiden lataamiseen palvelimelle ja HTML-koodin päivittämiseen.
Älä käytä luodinkestäviä painikkeita
Sanon tämän kerran enkä koskaan sano sitä enää. Ainoa todella luodinkestävä painike on kuva.
Tiedän. Mutta se on oikeastaan ainoa tapa varmistaa, että painike näyttää täsmälleen samalta 100 %:ssa sähköpostiohjelmissa. Koska me kaikki tiedämme, kuinka epäjohdonmukaisilta sähköpostimme voivat näyttää eri sähköpostiohjelmissa, sovelluksissa ja laitteissa.
Tästä huolimatta sinun ei pitäisi koskaan käyttää kuvapohjaista painiketta. Kuvapainikkeet katoavat, kun kuvat poistetaan käytöstä kuvan estoja ne eivät ole näytönlukuohjelmia käyttävien tilaajien käytettävissä (sitä lisää hetkessä).
Jos toimintakehotteesi sisältyvät kuviin, tilaajat jäävät todennäköisesti huomaamatta viestisi. Vielä pahempaa, he eivät ole vuorovaikutuksessa kampanjoidesi kanssa.
Kuvapohjaisten toimintakehotuspainikkeiden käyttö vaikuttaa myös saavutettavuus sähköpostistasi. Jos piilotat toimintakehotuksen kontekstin kuvan sisään, näytönlukuohjelmat eivät välttämättä pysty lukemaan niitä, jolloin sähköpostiisi ei pääse näkövammaisille tilaajille.
Nyt kun tiedät enemmän kuvapainikkeista, sinun pitäisi ymmärtää, että alkuperäinen lausuntoni on vain suurimmaksi osaksi totta. Kuvapohjaiset painikkeet näyttävät samalta kaikissa sähköpostiohjelmissa joissa kuvat ovat päällä ja vain jos tilaaja ei käytä näytönlukuohjelmaa. Ovatko ne siis todella luodinkestäviä? Ei. Ja koska molempia yllä mainittuja tapauksia on mahdotonta seurata tavallisella sähköpostiseurannalla, et voi tietää, kuinka suurella prosentilla tilaajistasi on tämä huono kokemus.
Joten hylkää kuva CTA ja varmista, että tilaajasi näkevät ja voivat käyttää toimintakehotuksiasi riippumatta siitä, mitä laitetta he käyttävät.
Mikä tekee kauniista painikesuunnittelusta?
Painikkeet ovat kuitenkin enemmän kuin pelkkä koodi. Useat tekijät vaikuttavat siihen, että painikkeistasi tulee käyttökelpoisia ja katseenvangitsevia.
Sähköpostipainikkeen muoto
Tee painikkeistasi painikkeita.
Me kaikki pidämme hauskoista ja ainutlaatuisista painikkeista, mutta usein jos eksyt liian kauas odotetusta, tilaajat huomaavat tarkoituksen eivätkä ryhdy toimiin. Kyllä, sanat voivat sanoa, että jotain on napsautettava, mutta kuten he sanovat: “Kuva on tuhat sanaa arvoinen.”
Käytä vakiomuotoisia painikkeita varmistaaksesi, että kiinnität ihmisten huomion, varsinkin jos he skannaavat. Vakiomuotoja ovat:
- Pyöristetyt kulmat
- Neliömäiset kulmat
- Pillerin muotoinen
- Ghost-painike
- Varjostettu painike
Tämä ei tarkoita sitä, etteikö painikkeilla voisi tehdä hauskoja asioita. Magic Spoon lisäsi painikkeisiinsa hauskoja animoituja GIF-kuvia kiinnittääkseen niihin entistä enemmän huomiota.
Sähköpostipainikkeen koko
Vuosittaisen sähköpostitilamme mukaan yli 40 % tilaajista avaa sähköpostit mobiililaitteilla sitoutumisraporttion tärkeää, että painike on suunniteltu siten, että se toimii kaikissa laitteissa.
Jos painike on liian pieni, sitä on vaikea napsauttaa mobiililaitteilla. Jos se on liian suuri, se näyttää vähemmän painikkeelta ja enemmän suunnitteluelementiltä.
Ihanteellinen koko mobiililaitteiden napsauttamista varten on käännetty väliltä 42px ja 72px (noin 11-19 mm). Tämä näyttää keskimääräiseltä painikkeen korkeudessa verkossa, ja myös täällä Litmusissa käyttämämme painikkeet kuuluvat tälle alueelle.
Eräässä tutkimuksessa, joka nousi 30 mm:iin, napauttamalla napsauttamalla tarkkuus oli tasanteella 20 mm, joten on kohta, jossa painikkeen koolla ei ole enää niin suurta eroa.
Sähköpostipainikkeen tila ja täyte
Varmista, että painikkeiden ympärillä on myös tarpeeksi tyhjää tilaa, jotta ne erottuvat joukosta. Tämä helpottaa myös tilaajien napsauttamista oikeaa painiketta.
Paras esimerkki tästä on sähköposti, jossa on useita linkkejä yhdessä kappaleessa. Jos niputat linkit lähekkäin, tilaajasi eivät koskaan klikkaa tarkasti sitä, mitä haluat heidän napsauttavan, etenkään mobiililaitteilla.
Visuaalinen palaute
Kaikki sähköpostiohjelmat eivät tue interaktiiviset sähköpostitmutta mahdollisuuksien mukaan lisäämällä hieman interaktiivisuutta visuaalisen palautteen saamiseksi tilaajat tietävät, että heidän vuorovaikutuksensa on rekisteröity.
Se on heille ylimääräinen merkki siitä, että jotain on napsautettavaa.
Tämä voi olla niin yksinkertaista kuin värinmuutos tai monimutkaisempi valintasi mukaan. (Tiedämme, että joskus on hauskaa mennä ulos, joten älä pidättele…mutta tiedä milloin hillitä itsesi.)
Omassa vakiopainikkeessamme on värinvaihto sekä painonappiefekti.
Mutta kokeilimme myös jotain uutta, ja meillä oli hauskaa tammikuun uutiskirjeemme painikkeilla. Upea design-elementti, jota oli myös hauska “työntää”.
Sähköpostipainikkeen teksti ja fonttikoko
Pidä todellinen toimintakehotuskopiosi tai -tarrasi toimintakykyisenä ja ytimekkäänä. Kerro tilaajille, mitä haluat heidän tekevän mahdollisimman selkeästi ja ytimekkäästi.
Yleensä 1-5 sanaa riittää.
Tämä pituus pitää myös sähköpostisi skannattavissa. Ja jos sinulla on enemmän sanottavaa? Lisää se otsikkoon painikkeen yläpuolella. Pitämällä toimintakehotukset säännöllisesti 1–5 sanan tarkkuudella, se tekee siitä harvinaisesta hetkestä, jonka käyt läpi, erottumaan huomattavasti merkityksellisemmällä tavalla.
5 tapaa koodata luodinkestävä CTA-painike
Yli kanssa 300 000 mahdollista sähköpostin renderöintiäonko todella yllättävää, että et voi tehdä kaikille sopivia painikkeita, jotka toimivat kaikkialla?
Mitä voit tehdä, on tehdä painike, joka toimii melkein kaikkialla. Ja on olemassa muutamia eri tapoja luoda näitä painikkeita tarpeidesi mukaan. Tutustu näihin ja selvitä, mikä niistä toimii parhaiten tilaajien tukena.
1. Ehdollinen pehmustepainike
Kiitokset Mark Robbins tälle ehdollisen täytön painikkeelle. Se on se, jota käytämme täällä Litmusissa.
Tämä painike käyttää linkin tyyliä kaikille paitsi Outlookille. Sitten se käyttää ehdollista koodia Outlook-kohtaisen täytön ja reunasäteen lisäämiseen. Koska Outlook-täyttöä ohjataan erikseen, voit muokata Outlook-täyttöä vaikuttamatta painikkeen ulkoasuun muissa sähköpostiohjelmissa.
About the Author
