Mukautetut koodatut markkinointisähköpostit näyttävät erilaisilta Outlookissa

Jos olet luonut mukautetun koodatun markkinointisähköpostin, saatat huomata ristiriitaisuuksia siinä, miten sähköposti renderöityy Outlookissa, kuten asemointi- tai välilyöntiongelmia. Voit seurata alla olevissa osioissa esitettyjä vianmääritysvaiheita, jotka auttavat sinua

Jos huomaat, että sähköpostiviestin 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ä.

Välykset

Outlookissa on kaksi tapaa säätää kuvien ympärillä olevia välejä: h- tai v-välien käyttö ja taulukoiden käyttö.

hspace- ja vspace-avaruuden käyttäminen

HTML-attribuutti vspace määrittelee pystysuuntaisen tilan ja lisää kuvan ylä- ja alareunaan yhtä suuren tilan. 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 sen sähköpostin nimen päälle, jossa on mukautettu koodattu malli, ja valitse sitten Muokkaa.

• Napsauta sisältömoduulia.

• Lisää kuvakoodin loppuun jompikumpi tai molemmat seuraavista koodeista: hspace="10" vspace="10", korvaten 10 haluamallasi välilyönnillä.

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.

• Siirry sähköpostin nimen kohdalle, jossa on mukautettu koodattu malli, ja napsauta sitten Muokkaa.

• Valitse rikatekstieditorin työkaluriviltä Lisää > Taulukko. Luo 3x1-taulukko.
  
  

  

• Napsauta rikkaan tekstin editorin työkalurivillä Lisäasetukset ja valitse sitten Lähdekoodi.

• Määritä tyhjään soluun leveys, esimerkiksi <td width="10">, jonka haluat kuvan ja tekstin väliin.

• Määritä fonttiperhe, 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, jos sitä ei ole määritetty.

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ääritystoimia:

• 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;