Jeśli stworzyłeś niestandardową wiadomość e-mailową o charakterze marketingowym, możesz zauważyć rozbieżności w sposobie wyświetlania wiadomości w programie Outlook, takie jak problemy z rozmieszczeniem elementów lub odstępami. Problemy z odstępami można czasem rozwiązać poprzez określenie atrybutów „hsapce” i „vspace” lub poprzez użycie tabel.
Rozwiązywanie problemów z odstępami
W programie Outlook istnieją dwie metody dostosowywania odstępów wokół obrazów: za pomocą właściwości hspace lub vspace oraz za pomocą tabel.
Korzystanie z atrybutów hspace i vspace
Atrybut HTML vspace określa odstęp pionowy i dodaje jednakowe odstępy nad i pod obrazkiem. Atrybut hspace określa odstęp poziomy i dodaje jednakowe odstępy po prawej i lewej stronie obrazka.
- Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > E-mail. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > E-mail.
- Kliknij nazwę szkicu wiadomości e-mail utworzonego przy użyciu niestandardowego szablonu.
- W edytorze wiadomości e-mail kliknij moduł, który chcesz edytować.
- Na pasku narzędzi formatuowania tekstu kliknij menu rozwijane „Zaawansowane ” i wybierz opcję „Kod źródłowy”.
- W oknie dialogowym dodaj
hspace="10" vspace="10" na końcu kodu obrazu. Zastąp 10 żądaną liczbą spacji.
Korzystaj z tabel
Możesz użyć tabeli z trzema kolumnami, aby równomiernie rozmieszczać obraz, odstępy i tekst.
- Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > E-mail. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > E-mail.
- Kliknij nazwę szkicu wiadomości e-mail utworzonego przy użyciu szablonu z własnym kodem.
- W edytorze wiadomości e-mail kliknij moduł, który chcesz edytować.
- Na pasku narzędzi formatuowania tekstu kliknij menu rozwijane „Wstaw” , wybierz opcję „Tabela”, a następnie utwórz tabelę o wymiarach 3x1.
-
Na pasku narzędzi edytora tekstu sformatowanego kliknijmenu rozwijane „Zaawansowane ”i wybierz opcję „Kod źródłowy”.
- W oknie dialogowym dodaj szerokość pustej komórki, np.
<td width="10">, aby ustawić odstęp między obrazem a tekstem.
- Ustaw rodzinę czcionek, rozmiar i kolor, a także wysokość linii, ponieważ program Outlook doda własne style, jeśli nie zostaną one określone.
Rozwiązywanie problemów z nieoczekiwanymi poziomymi liniami
Z powodu znanego problemu występującego w niektórych wersjach programu Outlook między sekcjami wiadomości e-mail może pojawić się pozioma linia. Jeśli tak się stanie, wykonaj następujące czynności:
- Ustaw kolor tła wiadomości e-mail tak, aby był taki sam jak kolor treści.
- Zmień rozmiar czcionki i wysokość linii w treści na wartości parzyste.
- Dodaj następujące style CSS „ ” do sekcji head szablonu wiadomości e-mail:
ms-text-size-adjust: none; mso-line-height-rule: exactly;
Marketing Email
Marketing Hub
Professional, Enterprise
