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.
Istnieją dwie metody dostosowywania odstępów wokół obrazów w Outlooku: za pomocą hspace lub vspace oraz za pomocą tabel.
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.
Najedź kursorem na nazwę wiadomości e-mail, a następnie kliknij Edytuj.
Kliknij moduł treści,
Możesz użyć 3-kolumnowej tabeli, aby równomiernie umieścić obraz, odstępy i tekst:
Najedź kursorem na nazwę wiadomości e-mail, a następnie kliknij Edytuj.
Na pasku narzędzi edytora tekstu sformatowanego kliknij Wstaw > Tabela. Utwórz tabelę 3x1.
Na pasku narzędzi edytora tekstu sformatowanego kliknij przycisk Więcej, a następnie kliknij ikonę kodu źródłowego .
Określ szerokość w pustej komórce, na przykład <td width="10">, aby określić odstęp między obrazem a tekstem.
Określ rodzinę czcionki, rozmiar czcionki, kolor czcionki i wysokość linii, takie jak style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000", ponieważ program Outlook doda własną stylizację, jeśli nie zostanie ona określona.
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;