Sähköpostiallekirjoitus: kevyt 600×200-banneri

Hyvä sähköpostiallekirjoitus on hillitty: nimi, rooli ja yksi tai kaksi yhteydenottotapaa oikeana tekstinä, sitten yksi pieni 600×200-banneri brändillesi. Pidä kuva kevyenä ja linkitä se yhdelle sivulle. Älä jätä puhelinta tai sähköpostiosoitetta vain kuvaan, sillä moni postilaatikko piilottaa kuvat lukijan lupaan asti.

Mitä allekirjoitukseen kuuluu

Allekirjoituksella on kaksi tehtävää: kertoa kuka olet ja miten sinut tavoittaa sekä muistuttaa mitä teet. Ensimmäinen on tekstiä, toinen voi olla banneri. Muu on hälyä, jonka ihmiset oppivat ohittamaan.

Allekirjoitusbannerin koko ja tiedostopaino

Suunnittele banneri koossa 600×200, suhteella 3:1. Perinteiset sähköpostipohjat perustuvat 600 pikselin leveyteen, joten kuva sopii puhelimen postiin ja työpöydän lukuruutuun ilman skaalausta. Vie tiheille näytöille sama suunnitelma kaksinkertaisena 1200×400 ja määritä näyttöleveydeksi 600 pikseliä.

Tiedostopaino merkitsee enemmän kuin luulisi, sillä kuva kulkee pitkän ketjun jokaisessa vastauksessa. Pidä se selvästi alle 100 KB:n. Liukuväri toimii laadukkaana JPEG:nä. Käytä PNG:tä vain läpinäkyvyyteen tai hienoon tekstiin. Uutiskirjettä varten sähköpostiotsakkeen suunnittelu kattaa suuremman muodon.

Bannerin suunnittelu

Sata kertaa viikossa näkyvän bannerin pitää sanoa yksi asia rauhallisesti. Se toimii hillittynä mainintana tulevasta tapahtumasta, uudesta palvelusta, varauslinkistä tai brändi-ilmeestä lyhyellä rivillä. Vaihda sanat kausittain, säilytä tausta.

Tumma tila on todellinen ansa. Osa postisovelluksista kääntää tai sävyttää vaaleat värit, jolloin läpinäkyvän taustan logo katoaa tummaan postilaatikkoon. Oma täysi tausta, kuten syvä liukuväri, näyttää samalta molemmissa. Tumman tilan suunnittelu ja liukuvärit sähköpostissa kertovat ohjelmien värinkäsittelystä.

Koossa pysyvän allekirjoituksen HTML

Sähköpostiohjelmien asettelu on vanhanaikaista, joten allekirjoitukset tehdään yksinkertaisilla taulukoilla ja inline-tyyleillä. Tämä toimii yleisissä ohjelmissa: liitä HTML-tiedostoon, avaa selaimessa, valitse kaikki ja kopioi postisovelluksen allekirjoitusasetuksiin.

<table cellpadding="0" cellspacing="0" border="0" style="font-family: Arial, Helvetica, sans-serif; color: #1f2937;">
  <tr>
    <td style="padding-bottom: 8px;">
      <strong style="font-size: 15px;">Maya Okafor</strong><br>
      <span style="font-size: 13px;">Founder, Studio Alder</span><br>
      <a href="https://example.com/book" style="font-size: 13px; color: #1f2937;">Book a call</a>
      &middot;
      <a href="https://example.com" style="font-size: 13px; color: #1f2937;">example.com</a>
    </td>
  </tr>
  <tr>
    <td>
      <a href="https://example.com/weddings">
        <img src="https://example.com/email/banner-1200x400.jpg"
             width="600" height="200" alt="Studio Alder: now booking spring weddings"
             style="display: block; border: 0; max-width: 100%; height: auto;">
      </a>
    </td>
  </tr>
</table>

Allekirjoituksen tekeminen vaiheittain

1. 1

   Kirjoita tekstiosa

   Nimi, rooli ja yritys, yksi toimintalinkki, verkkosivusto. Lue ääneen ja poista mitä et sanoisi.

2. 2

   Suunnittele 600×200-banneri

   Bränditausta ja yksi lyhyt rivi. Sanat keskelle ja tilaa molempiin päihin.

3. 3

   Vie koossa 1200×400

   Laadukas JPEG liukuväreille ja valokuville, PNG läpinäkyvyyteen. Tarkista alle 100 KB:n koko.

4. 4

   Lataa verkkosivustollesi

   Vakaa kansio kuten /email/ pitää osoitteen samana ja bannerin myös vanhoissa viesteissä.

5. 5

   Muokkaa ja liitä HTML

   Sovita yllä oleva koodi, määritä leveydeksi 600, kirjoita oikea vaihtoehtoteksti ja liitä postisovellukseen.

6. 6

   Testaa kunnolla

   Lähetä Gmail- ja Outlook-osoitteeseen, avaa puhelimella, vaihda tumma tila päälle ja pois ja vastaa ketjuun kahdesti.

Tiimin yhtenäiset allekirjoitukset

Allekirjoitukset muuttuvat: yksi lisää sitaatin, toinen käyttää viime vuoden logoa. Anna tiimille yksi HTML-pohja ja banneri. Vaihda banneri keskitetysti viestin muuttuessa. Brändin yhtenäisyyden periaate pätee tässä pienemmässä koossa.

Gradientlyn Studiossa on valmis Sähköpostiallekirjoitus-koko 600×200. Mukautettu 1200×400 sopii tarkkaan vientiin. Ilmaisvienneissä on pieni vesileima, joten puhdas banneri tarvitsee Pron, joka tuo myös brändipaketin: logo, värit ja fontit yhdessä paikassa. Bannerin takana on sama Mark kuin somejulkaisuissa ja käyntikorteissa, joten vastaus postilaatikossa näyttää selvästi brändiltäsi.