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

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

Päivitetty viimeksi: 9 lokakuuta 2025

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

Marketing Hub Professional, Enterprise

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.

Ratkaise välitilakysymykset

Outlookissa on kaksi tapaa säätää kuvien ympärillä olevia välejä: käyttämällä h- tai v-väliä ja käyttämällä taulukoita.

Käytä hspace- ja vspace-väliä

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.
Napsauta laaditun sähköpostin nimeä käyttäen mukautettua koodattua mallia.
Napsauta sähköpostieditorissa moduulia , jota haluat muokata.
Napsauta rikkaan tekstin työkalupalkissa pudotusvalikkoa Advanced (Lisäasetukset ) ja valitse Source code (Lähdekoodi).
Lisää valintaikkunassa kuvakoodin loppuun hspace="10" vspace="10". Korvaa 10 haluamallasi välilyönnillä.

Screenshot of the source code editor in the email editor. The hspace="10" vspace="10" code is highlighted.

Käytä taulukoita

Voit käyttää kolmisarakkeista taulukkoa, joka sisältää tasaisesti kuvan, välit ja tekstin.

Siirry HubSpot-tililläsi kohtaan Markkinointi > Sähköposti.
Napsauta laaditun sähköpostin nimeä käyttäen mukautettua koodattua mallia.
Napsauta sähköpostieditorissa moduulia , jota haluat muokata.
Napsauta rikkaan tekstin työkalurivillä Insert (Lisää ) -pudotusvalikkoa ja valitse Table (Taulukko) ja luo 3x1-taulukko.

Screenshot of the email editor. The Insert dropdown menu & Table option are highlighted. A 3x1 table is being created.

Napsauta rikkaan tekstin editorin työkalurivillä Advanced (Lisäasetukset )-pudotusvalikkoa ja valitse Source code ( Lähdekoodi).
Lisää valintaikkunassa tyhjälle solulle leveys, esimerkiksi <td width="10">, määrittääksesi kuvan ja tekstin välisen tilan.
Aseta fonttiperhe, -koko ja -väri sekä rivin korkeus, koska Outlook lisää oman muotoilunsa, jos sitä ei ole määritetty.

Odottamattomien vaakaviivojen vianmääritys

Joidenkin Outlook-versioiden tunnetun ongelman vuoksi sähköpostin osioiden väliin saattaa ilmestyä vaakasuora viiva. Jos näin tapahtuu, kokeile seuraavia ohjeita:

Aseta sähköpostin taustaväri samaksi kuin sen runkoväri.
Päivitä sisällön fonttikoko ja rivikorkeus parillisiksi.
Lisää seuraavat CSS-tyylit sähköpostimallisi head-osioon:

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.