Markkinointisähköpostit näyttävät erilaisilta Outlookissa
Päivitetty viimeksi: kesäkuuta 28, 2023
Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:
|
|
Vanhentunut Marketing Hub Basic-versio |
Jos käytät päivitettyä klassista sähköpostieditoria markkinointisähköpostien laatimiseen, saatat huomata ristiriitaisuuksia siinä, miten sähköpostisi renderöityy Outlookissa, koska Outlookin CSS-tuki on rajallinen.
Jos huomaat, että sähköpostin asemointi tai välit näyttävät vääriltä Outlookissa, noudata alla olevia vianmääritysvaiheita.
Lue lisää sähköpostin suunnittelusta HubSpot Designers Communityssä.
Huomaa: HubSpot-tuki ei voi tukea mukautettuja koodattuja sähköpostimalleja. Jos käytät mukautettua koodattua mallia, ota yhteyttä mallin luoneeseen palveluntarjoajaan. Voit myös olla yhteydessä muihin HubSpotin käyttäjiin ja suunnittelijoihin yhteisössä.
Välit
Outlookissa on kaksi tapaa säätää kuvien ympärillä olevia välejä: käyttämällä hspace- tai vspace-aluetta ja käyttämällä taulukoita.
hspace- ja vspace-välien käyttäminen
HTML-attribuutti vspace määrittelee pystysuuntaisen tilan ja lisää kuvan ylä- ja alareunaan yhtä suuren välin. Attribuutti hspace määrittelee vaakasuuntaisen tilan ja lisää kuvan oikealle ja vasemmalle puolelle yhtä suuren välin.
- Siirry HubSpot-tililläsi kohtaan Markkinointi > Sähköposti.
-
Vie hiiren kursori sähköpostin nimen päälle ja valitse sitten Muokkaa.
-
Napsauta sisältömoduulia ja valitse sitten Lisäasetukset > Lähdekoodi.
- Lisää kuvakoodin loppuun jompikumpi tai molemmat seuraavista koodeista: hspace="10" vspace="10", korvaa 10 haluamallasi välin määrällä.
Taulukoiden käyttäminen
Voit käyttää kolmisarakkeista taulukkoa, joka sisältää tasaisesti kuvan, välit ja tekstin:
- Siirry HubSpot-tililläsi kohtaan Markkinointi > Sähköposti.
-
Vie hiiren kursori sähköpostin nimen päälle ja valitse sitten Muokkaa.
-
Valitse rikatekstieditorin työkaluriviltä Lisää > Taulukko. Luo 3x1-taulukko.
-
Valitse rikatekstieditorin työkaluriviltä Lisäasetukset > Lähdekoodi...
-
Määritä tyhjään soluun leveys, esimerkiksi <td width="10">, jonka haluat kuvan ja tekstin väliin.
-
Määritä kirjasinperhe, fonttikoko, fontin väri ja rivikorkeus, kuten style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000" koska Outlook lisää oman muotoilunsa, kun sitä ei ole määritelty.
Vianmääritys odottamattomien vaakasuorien viivojen esiintyminen sähköpostissa
Joidenkin Outlook-versioiden tunnetun virheen vuoksi sähköpostin osioiden väliin saattaa ilmestyä vaakasuora viiva. Vaikka ongelman korjaamiseen ei ole yhtenäistä tapaa, voit kokeilla seuraavia vianmääritysvaiheita:
- Aseta sähköpostin taustaväri samaksi kuin sen rungon väri.
- Päivitä sisällön fonttikoko ja rivikorkeus parillisiksi.
- Sisällytä seuraavat CSS-tyylit sähköpostimallisi head-osioon:
ms-text-size-adjust: none; mso-line-height-rule: exactly;