Optymalizacja marketingowych wiadomości e-mail pod kątem urządzeń mobilnych

Podczas tworzenia marketingowej wiadomości e-mail można ukryć określone sekcje na komputerach stacjonarnych lub mobilnych klientach poczty e-mail. Możesz także zmienić konfigurację kolumn i ogólny układ, aby poprawić wrażenia odbiorców czytających wiadomość e-mail na mniejszych urządzeniach.

Dostosowanie wiadomości e-mail do różnych urządzeń może pomóc zwiększyć zaangażowanie i poprawić ogólne wrażenia użytkownika z wiadomości e-mail.

Zrozumienie ograniczeń i rozważań

• Ustawianie oddzielnych modułów i stylizacji na komputerach stacjonarnych i urządzeniach mobilnych można wykonać tylko w edytorze typu "przeciągnij i upuść". W przypadku wiadomości e-mail utworzonych przy użyciu szablonów menedżera projektów programiści będą musieli ręcznie dodać wszelkie dostosowania urządzenia.
• Następujące klienty poczty e-mail nie obsługują wiadomości e-mail zoptymalizowanych pod kątem urządzeń mobilnych: Yahoo! Mail na Androida, AOL Mail na Androida, Gmail IMAP i niektóre wersje Samsung Mail. W tych klientach ukryte moduły będą widoczne, a konfiguracje tylko dla urządzeń mobilnych zostaną zignorowane.
• Ustawienia modułów, takie jak rozmiar czcionki lub wypełnienie, nie mogą być ustawione na różne wartości dla urządzeń mobilnych i stacjonarnych. Aby użyć różnych wartości dla tych ustawień, zaleca się utworzenie oddzielnych modułów tylko dla urządzeń mobilnych i tylko dla komputerów stacjonarnych z tą samą zawartością.

Ukryj moduły i sekcje na komputerze lub urządzeniu mobilnym

Aby dostosować, które moduły lub sekcje są wyświetlane dla odbiorców stacjonarnych lub mobilnych:

1. Na koncie HubSpot przejdź do Marketing > E-mail.
2. Kliknij nazwę przygotowanej wiadomości e-mail lub kliknij przycisk Utwórz wiadomość e-mail.
3. Kliknijikonę desktop desktop lubmobilemobile w górnej części edytora wiadomości e-mail, aby skonfigurować ustawienia dla każdego typu urządzenia.

4. Najedź kursorem na moduł lub sekcję i kliknij ikonęukrywania hide , aby ukryć ten moduł w edytowanej wersji wiadomości e-mail.

5. Aby wyświetlić wszystkie ukryte moduły dla edytowanej wersji, kliknij menu rozwijane Opcje wyświetlania w górnej części edytora, a następnie włącz opcję Pokaż ukryte .
6. Aby przełączyć ukryty moduł z powrotem na widoczny dla tej wersji wiadomości e-mail, kliknijikonę widoku view w miejscu, w którym znajdowałaby się ukryta ikona.

Dostosuj układanie modułów na urządzeniach mobilnych

Możesz dostosować sposób układania modułów w sekcji podczas wyświetlania na urządzeniu mobilnym.

1. Na koncie HubSpot przejdź do Marketing > E-mail.
2. Kliknij nazwę przygotowanej wiadomości e-mail lub kliknij przycisk Utwórz wiadomość e-mail.
3. W edytorze wiadomości e-mail kliknij sekcję.
4. W edytorze na lewym pasku bocznym wybierz opcję w sekcji Układanie :
   • Zachowaj te same kolumny: wiadomość e-mail będzie wyświetlać taką samą liczbę kolumn na urządzeniach przenośnych, jak na komputerach stacjonarnych.
   • Po lewej na górze po prawej: moduły po lewej stronie sekcji będą wyświetlane jako pierwsze na urządzeniach mobilnych.
   • Po prawej na górze po lewej: moduły po prawej stronie sekcji będą wyświetlane jako pierwsze na urządzeniach mobilnych.

Dostosuj stylizację na komputerze lub urządzeniu mobilnym

Możesz skonfigurować oddzielną stylizację desktopową i mobilną dla pojedynczej sekcji lub całego e-maila marketingowego.

1. Na koncie HubSpot przejdź do Marketing > E-mail.
2. Kliknij nazwę przygotowanej wiadomości e-mail lub kliknij przycisk Utwórz wiadomość e-mail.
3. W edytorze wiadomości e-mail kliknij sekcję, aby edytować jej styl, lub kliknij ikonęprojektu szablonu styles po lewej stronie, aby edytować styl całej wiadomości e-mail.
4. W edytorze na lewym pasku bocznym wyłącz przełącznik Wszystkie urządzenia obok sekcji, aby wyświetlić osobne ustawienia dla komputerów stacjonarnych i urządzeń mobilnych.

5. Edytuj ustawienia stylizacji dla komputerów i urządzeń mobilnych.

Po zakończeniu edycji ustawień widoczności i układu wiadomości e-mail możesz wyświetlić podgląd jej wyglądu w różnych klientach poczty e-mail.

Optymalizacja wiadomości e-mail dla urządzeń mobilnych

Aby poprawić wygląd e-maili marketingowych na urządzeniach mobilnych, zaleca się przestrzeganie tych najlepszych praktyk:

• Użyj responsywnego szablonu wiadomości e-mail: responsywne treści dostosowują się do ekranu, na którym są wyświetlane. Podczas gdy szablony HubSpot typu "przeciągnij i upuść" są domyślnie responsywne, programiści tworzący zakodowane szablony będą musieli użyć znaczników responsywnego szablonu wiadomości e-mail.
• Zmniejszrozmiary plików graficznych: mniejsze pliki graficzne skutkują mniejszymi rozmiarami wiadomości e-mail i krótszym czasem ładowania. Podczas gdy HubSpot automatycznie zmienia rozmiar każdego obrazu o ustawionej szerokości, co zmniejsza rozmiar pliku, można również skorzystać z usługi takiej jak FastStone Photo Resizer.
• Utwórz czytelne linki i przyciski: wszystkie linki tekstowe i przyciski powinny mieć co najmniej 57 pikseli szerokości i wysokości.
• Przetestuj tekst podglądu wiadomości e-mail: tekst alternatywny obrazów umieszczonych na początku wiadomości marketingowej może zostać wciągnięty do tekstu podglądu wiadomości e-mail. Możesz usunąć tekst alternatywny obrazu, aby rozwiązać ten problem. Zaleca się wysłanie testowej wiadomości e-mail, aby sprawdzić, czy tekst podglądu pojawia się zgodnie z oczekiwaniami.
• Unikaj elementów Javascript i iframe: osadzone elementy Javascript i iframe nie będą renderowane przez większość klientów poczty e-mail. Zaleca się unikanie dodawania ich do zakodowanych szablonów.
• Zmniejsz rozmiar wiadomości e-mail, aby uniknąć przycinania: wiadomości e-mail o rozmiarze przekraczającym 102 KB mogą być ukryte za linkiem "Wyświetl całą wiadomość" w Gmailu. Dowiedz się więcej o obliczaniu i zmniejszaniu rozmiaru wiadomości e-mail.