Esikatsele ja optimoi, miten sähköpostisi näkyy eri asiakkaissa ja laitteissa.

Kun suunnittelet markkinointisähköpostia, voit esikatsella, miltä se näyttää eri laitetyypeillä ja sähköpostiohjelmilla. Jos huomaat, että sähköpostisi ei näytä odotetulla tavalla tietyillä asiakkailla, lue alla olevat parhaat käytännöt ja korjaukset yleisimpiin ongelmiin.

Esikatsele sähköpostia mobiililaitteilla ja työpöytäohjelmilla.

Ennen sähköpostin lähettämistä voit esikatsella, miltä se näyttää eri asiakkailla ja laitteilla.

• Siirry HubSpot-tililläsi kohtaan Markkinointi > Sähköposti.
• Napsauta olemassa olevan luonnostellun sähköpostinnimeä.
• Napsauta sähköpostieditorin oikeassa yläkulmassa pudotusvalikkoaToiminnot ja valitse sittenEsikatselu.
• Tarkista, miltä sähköpostisi näyttää sekä laajemmalla työpöytänäytöllä että pienemmällä mobiiliversiolla.
• Voit esikatsella, miltä sähköpostisi näyttää tietyissä sähköpostiohjelmissa, valitsemalla esikatseluruudun yläreunastaClients.
• Valitse vasemmanpuoleisessa ruudussavalintaruutu minkä tahansa sähköpostiohjelman vieressä, jonka haluat esikatsella.
• Napsauta oikeassa yläkulmassaTestaa sähköpostini nyt. HubSpot luo esikatselukuvat jokaiselle valitsemallesi asiakkaalle.
  • Voit siirtyä asiakkaiden esikatselujen välillä napsauttamalla <- tai >-painikkeita.
  • Oletusarvoisesti monet asiakkaat poistavat kuvat aluksi käytöstä, kun sähköpostiviesti ladataan ensimmäisen kerran. Jos haluat nähdä, miltä sähköpostisi näyttää ilman kuvia, kytkeKuvien esto -kytkin päälle.

Gmailin rajausongelmien korjaaminen

Jos sähköpostiviestisi kokonaiskoko, mukaan lukien viestin merkintöihin upotettu koodi, ylittää 102 kilotavua, Gmail leikkaa sähköpostisi. Nähdäksesi sähköpostisi koko sisällön vastaanottajan on napsautettava Näytä koko viesti -linkkiä, mikä voi vaikuttaa kielteisesti lähetysmaineeseesi ja häiritsee myös HubSpotin kykyä seurata vuorovaikutusta sähköpostisi kanssa.

Jos laatimasi sähköpostiviesti on vaarassa jäädä leikatuksi Gmailissa, Varoitus tulee näkyviin Tarkista ja lähetä -paneeliin.

Voit estää Gmailia leikkaamasta sähköpostiasi noudattamalla alla olevia ohjeita:

• Leikkaa ylimääräinen sisältö pois:Tarkista sähköpostiviestiäsi ja poista siitä kaikki sisältö, joka ei ole vastaanottajien kannalta välttämätöntä. Kannattaa myös tarkistaa koodi tai muotoilu, jonka olet saattanut sisällyttää, jos kopioit sisältöä erillisestä editorista. Muista, että suurten kuvien poistaminen ei pienennä sähköpostin kokoa merkittävästi, koska ne ladataan erikseen sähköpostin sisällöstä.
• Vältä useiden sähköpostiviestien lähettämistä samalla otsikolla: Jos lähetät vastaanottajalle useita sähköpostiviestejä, joilla on sama otsikko, Gmail yhdistää ne automaattisesti yhdeksi viestiketjuksi, vaikka uusin sähköposti sisältäisi uutta sisältöä.
• Testaa sähköpostia muutosten tekemisen jälkeen: Kun olet muokannut sähköpostia sen koon pienentämiseksi, lähetä testisähköposti omistamallesi Gmail-tilille varmistaaksesi, että sähköpostisi näkyy odotetulla tavalla ilman leikkauksia.

Tee sähköpostistasi mobiiliystävällinen

Vaikka sähköpostia on vaikea suunnitella niin, että se näyttäisi täydelliseltä työpöydän ja mobiililaitteen välillä, voit noudattaa alla olevia vinkkejä varmistaaksesi mahdollisimman hyvän ja yhtenäisen mobiilikokemuksen.

Käytä responsiivista sähköpostimallia

Kaikki HubSpotvedä ja pudota -mallitovat oletusarvoisesti responsiivisia. Tämä tarkoittaa, että sisältö mukautuu sen näytön mukaan, jolla sitä katsotaan. HubSpot lisää myös enimmäisleveyden kuviin sisältöeditorissa, joten sinun ei tarvitse huolehtia lähdekoodin muokkaamisesta enimmäisleveyden lisäämiseksi.

Jos luot koodattua sähköpostimallia HubSpotissa, muista käyttääresponsiivista sähköpostimallien merkintätapaa.. Voit myösostaa responsiivisen sähköpostimallin osoitteestaTemplate Marketplace -palvelusta.

Pienennä kuvatiedostojen kokoa

Useimmissa tapauksissa mobiililaitteiden latausnopeudet ovat hitaampia kuin pöytäkoneiden. Käytä pienempiä kuvatiedostoja, jotta sähköpostin latausaika lyhenee. HubSpot muuttaa automaattisesti kuvien kokoa, jotka sisältävät <img>-tunnisteen width-attribuutin. Palvelut, kuten FastStone Photo Resizer jaJPEGmini, voivat myöspienentää tiedostokokoa jopa 80 % ilman, että kuvan laatu heikkenee.

Suurenna linkkien ja CTA-painikkeiden kokoa

Varmista, että sisältösi on tarpeeksi suuri, jotta se on selvästi luettavissa mobiililaitteella. Varmista, että tilaajasi näkevät sisältösi selvästi ja voivat napsauttaa sitä, ja varmista, ettäkaikki tekstilinkit ja CTA-painikkeet ovat korkeampia ja leveämpiä kuin 57x57 pikseliä.

Vianmääritys sähköpostin esikatselutekstissä

Kun sähköpostiviestisi ilmestyy vastaanottajan postilaatikkoon, sähköpostiohjelmat, kuten Gmail tai Outlook, saattavat näyttää sähköpostin rungon lisäsisältöä aihe- ja esikatselutekstin jälkeen. Tämä käytös voi johtaa tahattomaan tekstiin esikatselun jälkeen. Jos esimerkiksi olet sisällyttänyt kuvan, kuten bannerin tai logon, sähköpostin yläosaan, kuvan alt-teksti saattaa sisältyä sähköpostin esikatseluun.

Voit estää tämän ongelman antamalla sähköpostin yläosassa olevan kuvan alt-tekstiksi tiivistelmän sähköpostin sisällöstä tai jättämällä alt-tekstin kokonaan pois. Voit varmistaa, että koko esikatseluteksti näkyy odotetulla tavalla, lähettämällä itsellesi testisähköpostin.

Vältä JavaScriptin ja rivikehysten käyttöä.

Jos käytät sähköpostiviestien luomiseen klassista sähköpostieditoria, sinun kannattaa välttää <script>- tai <iframe>-elementtien käyttöä mallissasi, sillä useimmat suuret sähköpostiohjelmat eivät renderöi niitä. Jos lisäät <iframe>-elementin HTML-elementtiin lisätäksesi videon sähköpostiin, sinun kannattaa sen sijaan käyttää videomoduulia.