Niestandardowe wiadomości marketingowe wyglądają inaczej w Outlooku

Jeśli utworzyłeś niestandardową marketingową wiadomość e-mail, możesz zauważyć rozbieżności w sposobie renderowania wiadomości e-mail w programie Outlook, takie jak problemy z pozycjonowaniem lub odstępami. Aby uzyskać pomoc, możesz wykonać kroki rozwiązywania problemów opisane w poniższych sekcjach

Jeśli zauważysz, że pozycjonowanie lub odstępy w wiadomości e-mail wyglądają nieprawidłowo w programie Outlook, wykonaj poniższe czynności.

Dowiedz się więcej o projektowaniu wiadomości e-mail w społeczności projektantów HubSpot.

Odstępy

Istnieją dwie metody dostosowywania odstępów wokół obrazów w Outlooku: przy użyciu hspace lub vspace oraz przy użyciu tabel.

Używanie hspace i vspace

Atrybut HTML vspace definiuje przestrzeń pionową i doda równe odstępy na górze i na dole obrazu. Atrybut hspace definiuje przestrzeń poziomą i dodaje równe odstępy po prawej i lewej stronie obrazu.

• Na koncie HubSpot przejdź do Marketing > E-mail.

• Najedź kursorem na nazwę wiadomości e-mail z niestandardowym szablonem, a następnie kliknij Edytuj.

• Kliknij moduł treści.

• Na końcu kodu obrazu dodaj jeden lub oba poniższe kody: hspace="10" vspace="10", zastępując 10 żądaną ilością odstępów.

Korzystanie z tabel

Możesz użyć 3-kolumnowej tabeli, aby równomiernie umieścić obraz, odstępy i tekst:

• Na koncie HubSpot przejdź do Marketing > E-mail.

• Najedź kursorem na nazwę wiadomości e-mail z niestandardowym szablonem, a następnie kliknij przycisk Edytuj.

• Na pasku narzędzi edytora tekstu sformatowanego kliknij Wstaw > Tabela. Utwórz tabelę 3x1.
  
  

  

• Na pasku narzędzi edytora tekstu sformatowanego kliknij przycisk Zaawansowane, a następnie wybierz opcję Kod źródłowy.

• Określ szerokość w pustej komórce, np. <td width="10">, aby określić odstęp między obrazem a tekstem.

• Określ rodzinę czcionki, rozmiar czcionki, kolor czcionki i wysokość linii, np. style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000", ponieważ program Outlook doda własny styl, jeśli nie zostanie określony.

Rozwiązywanie problemów z nieoczekiwanymi poziomymi liniami pojawiającymi się w wiadomościach e-mail

Ze względu na znany błąd w niektórych wersjach programu Outlook, między sekcjami wiadomości e-mail może pojawić się pozioma linia. Chociaż nie ma spójnego sposobu na naprawienie tego problemu, możesz wypróbować następujące kroki rozwiązywania problemów:

• Ustaw kolor tła wiadomości e-mail na taki sam, jak kolor jej treści.
• Zaktualizuj rozmiar czcionki i wysokość linii w treści, aby były liczbami parzystymi.
• Dołącz następujące style CSS w sekcji nagłówka szablonu wiadomości e-mail:

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