Najlepsze praktyki w zakresie projektowania e-maili: czy Twoje projekty konwertują?

Opublikowany: 2023-10-25

Jak skuteczne są Twoje kampanie e-mail marketingowe? Według Constant Contact w 2023 r. średni współczynnik otwarć e-maili na poziomie 34,51% i współczynnik klikalności na poziomie 1,33% w przypadku 200 milionów e-maili będzie powszechny.

Biorąc pod uwagę, że te wskaźniki różnią się w zależności od branży, jeśli Twoje wyniki są poniżej średniej, jednym z czynników do rozważenia jest projekt wiadomości e-mail. Dobrze zaprojektowany e-mail jest atrakcyjny dla segmentu odbiorców, który go otrzymuje. Twój e-mail powinien być responsywny, być może interaktywny i na pewno zoptymalizowany pod kątem urządzeń mobilnych.

Najlepsze praktyki dotyczące projektowania e-maili opisane w tym poście na blogu przydadzą Ci się, jeśli szukasz inspiracji i przydatnych wskazówek dotyczących swoich kampanii.

Spis treści

Najlepsze praktyki w zakresie projektowania e-maili w przypadku pięknych kampanii

Przyjrzyjmy się kilku wskazówkom, które sprawdziły się w przypadku najlepszych marketerów e-mailowych.

1. Przetestuj wszystko A/B

Nie ma znaczenia, jak zaawansowana jest technologia i projekt poczty e-mail: testy porównawcze zawsze będą konieczne.

Masz więcej możliwości testowania A/B treści e-maili niż kiedykolwiek wcześniej. Wiele narzędzi do marketingu e-mailowego ma wbudowaną automatyzację lub sztuczną inteligencję, która może porównywać Twoje e-maile bez konieczności robienia tego ręcznie. Narzędzia te pomagają określić najlepsze obrazy, umiejscowienie wezwania do działania, temat, długość wiadomości e-mail, a nawet moment wysłania.

Testowanie rozdzielone gwarantuje, że Twój komunikat jest trafny, zorientowany na wydajność i gotowy do uruchomienia.

2. Umieść odpowiednie informacje w stopce

przykład projektu stopki e-maila
Zdjęcie dzięki uprzejmości Brevo

Stopka e-maila lub blok podpisu to jedna z najważniejszych części wiadomości, nawet jeśli nie znajduje się ona w części widocznej na ekranie. Niektórzy marketerzy używają ogólnych stopek, nie robiąc sobie przysługi.

Co zatem umieścić w stopce e-maila? Oto kilka pomysłów:

  • Linki do pomocy: możesz użyć tej sekcji, aby poprosić o opinię za pośrednictwem poczty e-mail (chyba że została wysłana z adresu e-mail, na który nie ma odpowiedzi) lub podać linki do pomocy, aby klienci lub potencjalni klienci mogli uzyskać odpowiedzi na swoje pytania.
  • Linki polecające: Stopka wiadomości e-mail jest idealnym miejscem na linki polecające, zwłaszcza jeśli Twój program polecający jest nowy i chcesz szerzyć świadomość.
  • Link do aplikacji: zachęcaj do częstszego pobierania aplikacji i zwiększania zaangażowania, umieszczając link do swojej aplikacji w sklepach Google Play i Apple App Store w stopce wiadomości e-mail.
  • Linki do mediów społecznościowych: Twórz przyciski mediów społecznościowych dla głównych platform, w tym Facebooka, LinkedIn, Twittera, Instagramu i YouTube. Dodaj hiperłącza do każdego przycisku.
  • Link do strony internetowej: Nie zaszkodzi dodać w stopce dodatkowy link do Twojej witryny. Jeśli jednak stopka zawiera już dużo linków, możesz ją pominąć.
  • Informacje prawne: Musisz załączyć zwięzłe, ale dokładne oświadczenie prawne, w tym link do rezygnacji z subskrypcji, stwierdzające, że nie będziesz udostępniać danych osobowych. Przedstaw swoje warunki w tym oświadczeniu prawnym i rozważ konsultację z prawnikiem w celu ich sprawdzenia.

3. Minimalistyczny design jest w porządku

przykładowy projekt e-maila od Harry'ego
Zdjęcie dzięki uprzejmości Uplers

Jak powinien wyglądać Twój e-mail? To pytanie za milion dolarów i nie ma jednej poprawnej odpowiedzi.

Wygląd wiadomości e-mail będzie się różnić w zależności od promowanego produktu lub usługi oraz odbiorców. Jednak niezależnie od projektu, z pewnością można w nim zastosować odrobinę minimalizmu. Wielu nowych specjalistów zajmujących się marketingiem e-mailowym zakłada, że ​​ich e-maile muszą zawierać wszystkie wizualne atuty, aby przyciągnąć wysoki współczynnik otwarć i klikalności.

W rzeczywistości dzieje się odwrotnie, ponieważ zaśmiecona wiadomość wygląda na spam i może wylądować w koszu. Nie bój się białej przestrzeni. Sprawia, że ​​elementy wizualne w wiadomościach e-mail są bardziej efektowne i dają im swobodę.

Może również pomóc w optymalizacji mobilnej, upewniając się, że elementy wizualne nie są ułożone jeden na drugim lub w inny sposób ładują się nieprawidłowo.

Przeczytaj także: 15 wstępnych szablonów e-maili, które działają jak urok

4. Korzystaj z treści dynamicznych

Treści dynamiczne robią furorę w marketingu e-mailowym i słusznie.

Jak sama nazwa wskazuje, dynamiczna treść zmienia się w zależności od odbiorców. Ten typ e-maili umożliwia tworzenie spersonalizowanych treści dla grup odbiorców bez konieczności wysyłania tysięcy e-maili dziennie.

Dobre narzędzie do marketingu e-mailowego pomoże Ci w pełni wykorzystać dynamiczną treść, która automatycznie segmentuje i ocenia odbiorców. Możesz także zautomatyzować uwzględnianie elementów treści dynamicznych, takich jak ankiety wśród klientów, wiadomości o porzuconych koszykach, oferty produktów lub usług oraz rekomendacje.

5. Sprawdź dokładnie, czy nie ma błędów gramatycznych i ortograficznych

Niezależnie od tego, czy sam napisałeś e-mail, czy korzystałeś z narzędzia do marketingu e-mailowego, zawsze powinieneś mieć co najmniej drugą parę oczu, aby przeczytać treść, zanim naciśniesz przycisk „wyślij” (lub „zaplanuj”, jeśli używasz narzędzia do automatyzacji marketingu) .

Błędy gramatyczne i ortograficzne są zawstydzające i zmniejszają Twoją wiarygodność. Aby znaleźć błędy w kopii, możesz użyć rozszerzenia Gramatyka lub nawet ChatGPT. W dzisiejszych czasach tak łatwo jest wyłapać te błędy, że nie mamy wymówki, aby wysłać wiadomość e-mail z niedoskonalą kopią.

6. Nadaj priorytet optymalizacji mobilnej

FluentCRM podaje, że 41 procent wyświetleń e-maili pochodzi z urządzeń mobilnych. Twoje e-maile muszą być zoptymalizowane pod kątem urządzeń mobilnych, aby poprawnie wyświetlać się na smartfonach i tabletach.

Szablony e-maili reagujące na urządzenia mobilne są powszechne, ale przed wysłaniem wiadomości sprawdź dokładnie, czy Twój jest zoptymalizowany. Wszystkie elementy Twojej kampanii e-mail marketingowej, łącznie z witryną i stronami docelowymi, muszą być zoptymalizowane pod kątem urządzeń mobilnych.

Przeczytaj także: Szablony e-maili wprowadzających dla nowych klientów i pracowników

7. Spraw, aby Twoje wiadomości były przyjazne dla trybu ciemnego

Według EarthWeb tryb ciemny jest bardziej popularny niż kiedykolwiek – preferuje go 81,9 procent użytkowników mobilnych. Jest mniej męczący dla oczu niż białe tło i nie zużywa tak dużo baterii urządzenia mobilnego.

Przykład projektu e-maila przyjaznego dla trybu ciemnego
Zdjęcie dzięki uprzejmości Sidemail

Większość klientów poczty e-mail obsługuje tryb ciemny, niezależnie od tego, czy oferują częściowe lub pełne odwrócenie kolorów. Oto kilka wskazówek, jak zoptymalizować pocztę e-mail pod kątem trybu ciemnego:

  • Spraw, aby Twoje ikony i przyciski CTA były przyjazne dla trybu ciemnego
  • Ogranicz nasycone kolory, preferując jaśniejsze i bardziej stonowane odcienie, aby uniknąć ostrości obrazu
  • Zapisz swoje logo i inne grafiki jako przezroczyste pliki PNG
  • Utwórz przezroczysty kontur wokół całego ciemnego tekstu w przezroczystych plikach PNG
  • Przetestuj swoje e-maile

8. Uważaj na swój ton

Twój ton jest jednym z elementów Twojej marki. Twoi odbiorcy będą oczekiwać, że Twoje e-maile będą miały ten sam ton, jaki jest używany w Twojej witrynie i mediach społecznościowych.

To powiedziawszy, możesz zmienić ton w zależności od odbiorców. Na przykład młodsi odbiorcy docenią nieformalny ton, podczas gdy starsi odbiorcy mogą chcieć bardziej formalnie napisanego przekazu.

9. Pomyśl o układzie swojej wiadomości e-mail

Stosowanie konwencjonalnego projektu wiadomości e-mail pomoże Twojej kampanii uzyskać najlepsze wyniki. Dostępne opcje obejmują projekt zygzakowaty, odwróconą piramidę lub projekt jednokolumnowy.

Oto przegląd każdego stylu projektowania.

  • Zygzak: naprzemienne obrazy i tekst przyciągają wzrok w zygzakowaty wzór, stąd nazwa. Przedstaw informacje od lewej do prawej, aby śledzić naturalny ruch oka podczas przyswajania informacji.
  • Odwrócona piramida: Odwrócona piramida to świetny wybór, jeśli Twój przekaz ma jeden cel, np. wprowadzenie nowego produktu. Najpierw prezentujesz duży obraz, potem treść e-maila i przycisk CTA, tworząc kształt odwróconej piramidy.
  • Jedna kolumna: projekt jednokolumnowy to rozwiązanie wszechstronne, zapewniające dobrą równowagę między obrazami i tekstem. Jest przyjazny dla urządzeń mobilnych, odpowiednio rozmieszcza elementy wiadomości e-mail i umożliwia łatwe i szybkie czytanie.

Przeczytaj także: 18 popularnych pomysłów na kampanie e-mail marketingowe [+ szablony]

10. Wybierz GIF-y

Zdjęcie dzięki uprzejmości Giphy

GIF-y są obecnie wszędzie. Możemy publikować je w odpowiedziach w mediach społecznościowych, wysyłać do siebie SMS-y i dołączać do e-maili. Jeśli wybierzesz GIF-y zamiast wideo, Twoje e-maile będą zawierały animowany element, bez zwiększania ich rozmiaru i powolnego ładowania.

To powiedziawszy, musisz kontrolować rozmiar swojego GIF-a. Nie wysyłaj plików większych niż 1 MB.

11. Osadzaj swoje filmy

Od Thunderbirda po Outlooka i Gmaila z niecierpliwością czekamy na dzień, w którym klienci poczty e-mail będą automatycznie odtwarzać filmy w wiadomościach e-mail. Dopóki nie dożyjemy tych czasów, zawsze możemy używać HTML5, przynajmniej w przypadku większości klientów poczty e-mail.

HTML5 pozwala nam osadzać filmy w wiadomości. Film wyświetli się jako obraz z przyciskiem odtwarzania. Kiedy czytelnik kliknie przycisk, może rozpocząć oglądanie wideo. Link do filmu znajduje się na Twojej stronie internetowej lub serwerze, a nie w kliencie poczty e-mail.

Czasami GIF-y nie mogą przekazać Twojego przesłania, zwłaszcza gdy debiutuje nowy produkt lub usługa. Wtedy z pomocą przychodzą osadzane filmy.

12. Dodaj trochę treści generowanych przez użytkowników

Jednym z najlepszych sposobów na budowanie zaufania do marki jest dowód społeczny. Możesz reklamować swoją markę aż do łez, ale zawsze będzie to oznaczać więcej informacji od Twoich klientów.

Treści generowane przez użytkowników, czyli UGC, pochodzą od Twoich odbiorców. Nie prosisz ich o to; robią to, ponieważ są naprawdę zachwyceni Twoim produktem lub usługą i chcą podzielić się swoimi pozytywnymi doświadczeniami z innymi.

Przykładami treści UGC są posty, filmy, obrazy, opinie i recenzje publikowane w mediach społecznościowych, na przykład na blogu klienta. Gdy znajdziesz treści UGC dla swojej marki, skontaktuj się z twórcą treści i zapytaj, czy możesz udostępnić je w swoich e-mailach.

Przeczytaj także: Jak tworzyć świetne biuletyny e-mailowe w 2023 r. [z 7 darmowymi szablonami]

13. Sprawdź swoje linki

Niezależnie od tego, czy Twoje e-maile zawierają dwa linki, czy 20, musisz je sprawdzić przed wysłaniem do odbiorców.

Kliknij każdy link, upewniając się, że prowadzi do właściwej strony. Napraw wszystkie linki z literówkami, które mogą powodować błąd po kliknięciu, i usuń wszystkie martwe linki.

14. Obserwuj stosunek tekstu do obrazu

Kolejną kwestią braną pod uwagę przy tworzeniu projektu wiadomości e-mail jest stosunek obrazu do tekstu. Dobrze zaprojektowany e-mail nie powinien zawierać ich zbyt wiele. Proporcja wymaga 60 procent tekstu i 40 procent obrazów.

Wysyłanie e-maili o nieprawidłowym stosunku tekstu do obrazu szkodzi Twojej kampanii nie tylko z punktu widzenia projektu. Większość dostawców usług internetowych prawdopodobnie uzna Twoje e-maile za spam.

15. Nadaj priorytet rozmieszczeniu CTA

Przykładowe miejsca docelowe CTA w projekcie e-maila
Zdjęcie dzięki uprzejmości Campaign Monitor

Twoje przyciski CTA muszą wystawać, aby Twoje wiadomości odniosły sukces. Przycisk musi mieć wystarczającą ilość białych znaków; widzowie mogą łatwo odróżnić przycisk od innych elementów wizualnych w wiadomości e-mail.

Kolor powinien być wyraźny i kontrastowy, ale nie ostry, niezależnie od tego, czy ogląda się go w trybie jasnym, czy ciemnym. Im wyżej nad folderem znajduje się przycisk CTA, tym lepiej. Dobrym miejscem do wstawienia przycisku jest nagłówek wiadomości e-mail, ale nie poprzestawaj na tym.

Możesz także dodać drugi przycisk w pobliżu stopki, szczególnie jeśli masz długą wiadomość lub zawierającą wiele elementów wizualnych wymagających przewijania.

Przeczytaj także: Wyślij e-mailem przykłady popularnych marek, które Cię zainspirują

16. Dodaj interaktywne treści

Kolejną świetną, dobrą praktyką jest korzystanie z interaktywnych treści e-maili. Wideo jest przykładem treści interaktywnych, ale wszyscy się tego spodziewają. Dlaczego nie uwzględnić osadzonej ankiety lub ankiety podczas następnej kampanii e-mailowej?

Możesz także użyć przycisku „dodaj do koszyka”, funkcji akordeonu do rozwijania i wycofywania wiadomości, odkrywania ofert, efektów najazdu, karuzel produktów, opcji wyszukiwania i animacji, takich jak animowane przyciski CTA.

Wplecenie tych elementów w Twój przekaz wymaga więcej czasu i wysiłku, ale powinno mieć pozytywny efekt.

17. Zawsze miej kopię tekstu w swoich e-mailach

E-maile zawierające wyłącznie obrazy mogą pozostawić niesmak w ustach odbiorców. Biorąc pod uwagę, jak często ludzie uzyskują dostęp do poczty e-mail na urządzeniu mobilnym, należy wziąć pod uwagę, że nie zawsze będą mieli dostęp do niezawodnego połączenia internetowego.

Co się stanie, jeśli Twoje obrazy się nie załadują? To nie koniec świata, jeśli Twoje wiadomości zawierają inne elementy, takie jak wideo i tekst. Jednak wiadomość e-mail zawierająca wyłącznie obraz będzie wyglądać dziwnie pusto. Twoi potencjalni klienci lub klienci mogą założyć, że wysłałeś to przypadkowo.

Ten nawyk może prowadzić do rezygnacji z subskrypcji i skarg dotyczących spamu, więc nie ryzykuj.

18. Napisz dobre wezwania do działania

Chociaż nie potrzebujesz dużo tekstu za pomocą przycisku CTA, każde słowo musi być szczelne i znaczące. Napisz wezwania do działania skupione na korzyściach, zachowując ich konkretność. Przycisk CTA powinien również wskazywać, dokąd użytkownicy pójdą, jeśli klikną.

Nie można powiedzieć „kliknij tutaj”, ponieważ nie jest to wystarczająco szczegółowe. Zamiast tego możesz napisać „kliknij tutaj, aby dowiedzieć się więcej o [nazwa produktu]” lub „złóż zamówienie już dziś”.

Czytelnicy wiedzą, dokąd ich kierujesz w obu przypadkach. W pierwszym przykładzie przenosisz ich na stronę docelową, a w drugim na stronę produktu.

Przeczytaj także: 12 szablonów faktur e-mail do dostosowania i kliknięcia Wyślij

19. Weź pod uwagę rozmiary CTA

Omówiliśmy wartość białych znaków i koloru przycisku CTA, ale co z jego rozmiarem? Dobry rozmiar przycisku CTA to 50 pikseli. Jest na tyle duży, że czytelnicy nie mogą go przeoczyć, ale nie na tyle duży, aby odciągać uwagę od pozostałych elementów wiadomości e-mail.

20. Użyj tagów scalających

Oto wskazówka dotycząca personalizacji. Użyj tagów scalających, które pobierają dane z listy mailingowej do Twoich wiadomości. Będziesz mieć więcej danych o klientach i potencjalnych klientach, w tym ich imię i nazwisko, pseudonimy i nazwy użytkowników.

Łatwiej będzie Ci spersonalizować korespondencję i sprawić, że Twoje wiadomości będą bardziej dopasowane.

21. Dowiedz się, jakiego kodowania poczty mobilnej użyć

Możesz wybrać jedną z dwóch opcji kodowania wiadomości e-mail zoptymalizowanych pod kątem urządzeń mobilnych: hybrydową lub responsywną.

Kodowanie hybrydowe ma układ, który zmienia się płynnie w zależności od rozmiaru wyświetlacza. Jeśli użytkownik otworzy wiadomość e-mail na swoim iPadzie, będzie ona wyglądać tak samo dobrze, jak na iPhonie. Responsywne wiadomości e-mail wykorzystują CSS i zapytania o media do modyfikowania stylów, dzięki czemu wiadomość e-mail wygląda dobrze na mniejszym ekranie.

Przeczytaj także: 27 przykładów e-maili z potwierdzeniem, które zadowolą klienta

22. Wpisz tekst alternatywny w obrazach e-mailowych

Używając obrazów, powinieneś także dołączyć tekst alternatywny. Ten krótki opis zawartości obrazu zapewnia kontekst, jeśli obrazy się nie ładują, i może uniemożliwić odbiorcom anulowania subskrypcji.

23. Uważnie wybieraj czcionki

Chociaż możesz urozmaicić wiele aspektów projektu swojej wiadomości e-mail, czcionka nie jest jednym z nich. Klienci poczty e-mail mają swoje preferowane czcionki, takie jak Times New Roman dla programu Outlook, Arial dla Gmaila i Helvetica dla Apple Mail.

Inne czcionki są bezpieczne dla większości klientów poczty e-mail, w tym:

  • Uderzenie
  • Verdana
  • Trebuchet MS
  • Tahoma
  • Linotyp Palatino
  • Lucida Grande
  • Lucida bez Unicode
  • Konsola Lucida
  • Helvetica
  • Gruzja
  • Courier New
  • Komiks Sans MS
  • Arial Czarny

Jednakże dobrą praktyką jest korzystanie z czcionki zastępczej, która informuje klienta poczty e-mail o dodatkowej czcionce, której ma użyć, jeśli nie może wyświetlić oryginalnej opcji.

Przeczytaj także: Opanuj wszystkie kluczowe typy kampanii e-mail marketingu

24. Unikaj obrazów stockowych

Obrazy stockowe są w porządku, ale pamiętaj, że nie są oryginalne dla Twojej kampanii e-mail marketingu. Każdy, łącznie z konkurencją, może dostać je w swoje ręce, płacąc opłatę licencyjną.

Konsumenci są bystrzy i mogą pamiętać, że widzieli gdzieś wcześniej obraz stockowy. Korzystanie z obrazów stockowych sprawia, że ​​wyglądasz mniej wiarygodnie, więc kiedy tylko możesz, traktuj oryginalne obrazy priorytetowo. Oryginalne obrazy angażują odbiorców i stanowią przedłużenie Twojej marki.

25. Uważaj na rozmiary obrazów w e-mailach

Większe nie zawsze oznacza lepsze, na przykład w przypadku obrazów w wiadomościach e-mail. Duży obraz ładuje się wolniej, szczególnie jeśli jest w wysokiej rozdzielczości. Obraz nie powinien przekraczać 1 MB jako PNG (powinien być mniejszy w innych formatach, np. JPG) i mieć nie więcej niż 1200 pikseli.

26. Przyciągnij uwagę nagłówkiem

Nagłówek wiadomości e-mail jest pierwszą wskazówką, czego się spodziewać po otwarciu wiadomości e-mail, dlatego musisz ją przygotować dobrze. Nagłówek może wykorzystywać obrazy, tekst lub jedno i drugie, a także zapadający w pamięć nagłówek, który porusza emocje czytelnika, ale nigdy go nie wprowadza w błąd.

Twoje opisy po nagłówku powinny informować czytelnika, w co się pakuje, gdy będzie kontynuował czytanie, nie zdradzając wszystkiego. Celem jest informowanie i motywowanie.

Przeczytaj także: E-maile dotyczące ponownego zaangażowania 101: Przewodnik [z szablonami]

27. Uważaj na szerokość swojego e-maila

Nie chcesz, aby Twoje e-maile wychodziły poza stronę, co spowoduje problemy z renderowaniem i sprawi, że Twoje e-maile będą wyglądać nieatrakcyjnie. Większość klientów poczty e-mail obsługuje szerokość wiadomości e-mail wynoszącą 640 pikseli, dlatego należy trzymać się tego limitu, aby zapewnić bezpieczniejsze wysyłanie.

28. Korzystaj z marketingu kontekstowego

Marketing kontekstowy nadaje Twojemu e-mailowi ​​element ludzki i personalizację. Ta forma marketingu wykorzystuje element indywidualny, aby zwiększyć zaangażowanie między Twoją marką a czytelnikiem.

Spersonalizowane elementy tych e-maili sprawiają, że trudno się im oprzeć, a Twoi odbiorcy docenią dostosowanie treści.

29. Dodaj preheadery

Nie zapomnij o preheaderach, które stanowią podgląd treści wiadomości e-mail. Już teraz sprawdź swoją pocztę e-mail, a w Twojej skrzynce odbiorczej zobaczysz kilka słów tekstu preheadera z dowolnej profesjonalnej wiadomości e-mail.

Tekst preheadera to szansa na zachęcenie odbiorców do otwarcia wiadomości. Ponownie nie używaj wprowadzającego w błąd, spamerskiego tekstu, który będzie miał odwrotny skutek.

Przeczytaj także: Sekrety i szablony idealnego, delikatnego e-maila z przypomnieniem

Dolna linia

Projekt wiadomości e-mail stale ewoluuje wraz z preferencjami konsumentów, ale pozostaje kilka najlepszych praktyk.

Obejmują one użycie odpowiedniej ilości balansu bieli, przestrzeganie proporcji obrazu do tekstu, projektowanie dobrych wezwań do działania i ich prawidłowe rozmieszczenie, nadanie priorytetu czytelności za pomocą czcionek oraz testowanie porównawcze.

Teraz, gdy wiesz, czego potrzebują Twoje kampanie e-mail marketingu, możesz zacząć tworzyć lepsze e-maile! Zarejestruj się w EngageBay, jeśli szukasz fajnego rozwiązania do marketingu e-mailowego z bezpłatnym zintegrowanym systemem CRM.