Siirry sisältöön
Huomaa: Tämän artikkelin käännös on tarkoitettu vain tiedoksi. Käännös on luotu automaattisesti käännösohjelmiston avulla, eikä sitä ole välttämättä tarkistettu. Näin ollen tämän artikkelin englanninkielistä versiota on pidettävä hallitsevana versiona, joka sisältää uusimmat tiedot. Voit tutustua siihen täällä.

Markkinointisähköpostit näyttävät erilaisilta Outlookissa

Päivitetty viimeksi: syyskuuta 25, 2024

Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:

Marketing Hub   Professional , Enterprise
Content Hub   Professional , Enterprise
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-väliä 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 > Markkinointisä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ä.

source-code-hspace-vspace

Taulukoiden käyttäminen

Voit käyttää 3-sarakkeista taulukkoa, joka sisältää tasaisesti kuvan, välit ja tekstin:

  • Siirry HubSpot-tililläsi kohtaan Markkinointi > Markkinointisähköposti.
  • Valitse rikatekstieditorin työkaluriviltä Lisää > Taulukko. Luo 3x1-taulukko.

    insert-table-in-classic-marketing-email-editor

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

table-styling

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:

ms-text-size-adjust: none; mso-line-height-rule: exactly;

Oliko tästä artikkelista apua?
Tätä lomaketta käytetään vain dokumentaation palautteeseen. Lue, miten saat apua HubSpotin kanssa.