Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.

Wiadomości marketingowe wyglądają inaczej w Outlooku

Data ostatniej aktualizacji: września 25, 2024

Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:

Marketing Hub   Professional , Enterprise
Content Hub   Professional , Enterprise
Wcześniejsze konto Marketing Hub Basic

Jeśli korzystasz ze zaktualizowanego klasycznego edytora wiadomości e-mail do tworzenia marketingowych wiadomości e-mail, możesz zauważyć rozbieżności w sposobie renderowania wiadomości e-mail w programie Outlook ze względu na ograniczoną obsługę CSS w programie Outlook.

Jeśli zauważysz, że pozycjonowanie wiadomości e-mail lub odstępy 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.

Uwaga: Wsparcie HubSpot nie obsługuje niestandardowych szablonów wiadomości e-mail. Jeśli używasz niestandardowego szablonu, skontaktuj się z dostawcą, który go stworzył. Możesz także nawiązać kontakt z innymi użytkownikami i projektantami HubSpot w społeczności.

Odstępy

Istnieją dwie metody dostosowywania odstępów wokół obrazów w Outlooku: za pomocą hspace lub vspace oraz za pomocą tabel.

Używanie hspace i vspace

Atrybut HTML vspace definiuje przestrzeń pionową i doda równe odstępy do górnej i dolnej części obrazu. Atrybut hspace definiuje przestrzeń poziomą i dodaje równe odstępy po prawej i lewej stronie obrazu.

  • Na koncie HubSpot przejdź do sekcji Marketing > Marketingowa wiadomość 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.

source-code-hspace-vspace

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 sekcji Marketing > Marketingowa wiadomość e-mail.
  • Na pasku narzędzi edytora tekstu sformatowanego kliknij Wstaw > Tabela. Utwórz tabelę 3x1.

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

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

table-styling

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:

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

Czy ten artykuł okazał się pomocny?
Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.