12+ najlepszych praktyk dotyczących projektowania układu e-mail marketingu

Czy projekty e-maili Twojej firmy są nieaktualne? Oto gorące ujęcie: niekoniecznie jest to negatywna rzecz. Chociaż istnieje wiele trendów w projektowaniu wiadomości e-mail, na które należy zwracać uwagę, istnieje również wiele ponadczasowych najlepszych praktyk projektowania wiadomości e-mail, o których należy pamiętać podczas projektowania wiadomości marketingowych. W tym artykule podzielę się z Tobą najlepszymi praktykami, których możesz użyć do tworzenia potężnych układów e-mail marketingowych. Przejdźmy od razu do szczegółów!

7 niezbędnych elementów układu e-maili

Dzięki zrozumieniu każdego z elementów, które tworzą potężny układ wiadomości e-mail, będziesz w stanie lepiej je połączyć w skuteczny sposób.

Każdy napis e-mail zawiera siedem podstawowych elementów:

• Nagłówek i metadane
• Preheader
• Logo i kolory
• Obrazy
• Ciało
• Przyciski wezwania do działania (CTA)
• Stopka

Omówmy jeden z tych elementów i ich role w układzie wiadomości e-mail.

1. Nagłówek i metadane

Kiedy Twoi subskrybenci otrzymają Twój e-mail, nagłówek i metadane są pierwszą rzeczą, jaką widzą. Klienty e-mail marketingu zazwyczaj wstępnie wypełniają sekcje „Od” i „Odpowiedź do” informacjami przesyłanymi do dostawcy marketingu e-mailowego, ale możesz zmodyfikować informacje nagłówka wiadomości, po prostu klikając ten obszar w wersji roboczej.

Skuteczny wiersz tematu

Chociaż temat nie jest technicznie częścią układu wiadomości e-mail, ma on kluczowe znaczenie dla wydajności dostarczania wiadomości marketingowych. Jest to pierwsza rzecz, którą zobaczą Twoi odbiorcy, a nudne, nieistotne lub spamerskie wiersze tematu mogą spowodować zignorowanie wiadomości e-mail.

Wiersz tematu jest przydatny nie tylko do motywowania odbiorcy do kliknięcia „Otwórz”. E-maile bez wierszy tematu częściej trafiają do kosza ze spamem. Spróbuj również dołączyć ładny emotikon w temacie.

Oto kilka przydatnych wskazówek dotyczących pisania świetnego tematu:

• Bądź zwięzły. Chodzi o to, aby uniknąć skracania tematu przez skrzynki odbiorcze e-mail.
• Bądź szczery. Użyj wiersza tematu, aby poinformować odbiorcę, co jest w wiadomości e-mail. Nie próbuj być zwodniczym – bez „przynęty i zamiany”.
• Bądź bystry, jak to możliwe, ale nie za bardzo bystry. Skontaktuj się ze swoim zespołem, aby upewnić się, czy żart jest odpowiedni.
• Unikaj wyrażeń wyzwalających spam (takich jak „ZA DARMO” lub „$$$”) i nadmiernej interpunkcji.

2. Preheader

Wstępny nagłówek wiadomości e-mail, często nazywany wprowadzeniem, to tekst, który często pojawia się obok wiersza tematu w skrzynce odbiorczej odbiorcy. Chociaż nie wszystkie klienty poczty e-mail wyświetlają preheader automatycznie, nadal dobrym pomysłem jest dodanie niestandardowego i wykorzystanie go jako okazji, aby dokładnie powiedzieć czytelnikom, czego mogą się spodziewać po otwarciu wiadomości e-mail.

Zacznij od najistotniejszych faktów, tak jak robią to dziennikarze. Jeśli na przykład promujesz rabat lub debiutujesz nowym produktem, zacznij od tych informacji, aby zachęcić odwiedzających do kliknięcia i przeczytania.

Preheadery nie są wymagane podczas wysyłania wiadomości e-mail, ale mogą pomóc czytelnikom w lepszym zrozumieniu treści. Preheadery można wykorzystać do zaszczepienia poczucia pilności. Zwróć uwagę na pierwsze pięć do ośmiu słów, które praktycznie zawsze pojawiają się w skrzynce odbiorczej danej osoby.

Jeśli pozostawisz pole preheader puste, wyświetli się tylko kilka pierwszych linijek Twojego e-maila. Odbiorca zobaczy Twój preheader oraz kilka pierwszych wierszy, w zależności od ustawień. Rozważ to podczas tworzenia nagłówków.

3. Logo

Projekt layoutu wiadomości e-mail może być procesem twórczym, ale jeśli chcesz mieć silne poczucie tego, kim jesteś jako marka — ważne jest, aby trzymać się pewnych podstawowych najlepszych praktyk i zachować spójność. Chcesz, aby odbiorcy wiadomości e-mail przyzwyczaili się do identyfikacji Twojej marki, zanim zaczniesz wstrząśnąć, więc upewnij się, że masz spójny zestaw kolorów marki i świetne logo, które będzie wyświetlane w projekcie wiadomości e-mail.

Dodając logo do treści wiadomości e-mail, upewnij się, że nie rozciąga się ono na cały ekran. Może być konieczne zmniejszenie rozmiaru logo, aby czytelnicy poczty e-mail nie musieli przewijać w dół całej strony, aby zobaczyć, co znajduje się pod nim. Oczywiście upewnij się, że logo jest wystarczająco duże, aby można je było zidentyfikować lub przeczytać.

Możesz chcieć, aby Twoje logo miało przezroczyste tło lub było formą z paletą kolorów Twojej firmy. Poświęć trochę czasu na zmodyfikowanie logo podczas tworzenia szablonu, aby wszystkie Twoje e-maile wyglądały bardziej profesjonalnie.

4. Obrazy

Obrazy mogą być przydatnym narzędziem do wykorzystania w e-mailach, ale tylko wtedy, gdy stanowią uzupełnienie treści. Klienci lub potencjalni klienci mogą szybko przewijać poprzednie słowa, ale zatrzymają się, jeśli zobaczą przekonujący obraz. Co takiego jest w grafice wiadomości e-mail, co czyni ją atrakcyjną?

Obrazy powinny być wyraźne i w wysokiej rozdzielczości, ale nie na tyle duże, aby ładowanie trwało zbyt długo. Staraj się, aby rozmiar pliku wynosił około 1 MB i nie więcej niż 5 MB. Obrazy, które są zbyt małe, mogą wyglądać na rozpikselowane, a wiadomość e-mail będzie wyglądać na amatorską. Gdy są one zbyt duże, ich pobranie może zająć dużo czasu klientom poczty e-mail Twoich czytelników lub, co gorsza, mogą skierować Twoją pocztę do folderu ze spamem.

5. Ciało

Kiedy ktoś otwiera wiadomość e-mail, pierwszą rzeczą, którą widzi, jest treść, w której możesz wykazać się kreatywnością w zakresie elementów projektu. Rozważ użycie szablonu typu „przeciągnij i upuść” dostosowanego do Twojego sektora. Możliwe jest również opracowanie od podstaw niestandardowego szablonu, ale szablon pomoże Ci stworzyć czystszą, lepiej zaprojektowaną wiadomość e-mail, która jest zgodna z najlepszymi praktykami.

Aby utworzyć układ, możesz wykorzystać elementy często nazywane blokami treści. Pomogą Ci one zbudować pocztę e-mail zgodnie z Twoimi wyobrażeniami. Mogą zawierać:

• Tekst
• Obrazy
• Dzielniki
• guziki
• Dystanse
• Filmy
• Linki do mediów społecznościowych
• Linki do innych treści, takich jak Twój blog

Jakie informacje chcesz przekazać swoim czytelnikom? To określa bloki treści, które należy uwzględnić w szablonie. Decydując, gdzie umieścić bloki, należy mieć na uwadze czytelność. Rozmieszczając bloki treści, pamiętaj o celu wiadomości e-mail.

Nigdy nie umieszczaj zbyt dużo tekstu w jednym bloku, ponieważ może to być mylące dla czytelników. Użyj miękkiego koloru tła, podtytułów lub punktorów, aby rozbić materiał. Dołącz wizualizacje, które mogą reprezentować przesłanie Twojej kampanii e-mailowej, aby odbiorca dokładnie zrozumiał, czego chcesz, aby zrobili.

Możliwe jest również udostępnianie filmów, eksperymentowanie z animacją, a nawet wstawianie licznika czasu do wiadomości e-mail. Tylko uważaj, aby nie przesadzić. Użyj nie więcej niż jednego lub dwóch z tych interaktywnych komponentów projektowych w jednej wiadomości e-mail.

6. Przyciski CTA

Chociaż technicznie zawarte w treści wiadomości e-mail, przyciski wezwania do działania są tak ważne, że zasługują na osobną sekcję, w której omawiamy najlepsze praktyki. Twoje wezwanie do działania działa jako wskazówka dla czytelnika.

Tekst na przyciskach informuje ich, co dalej, np. „kup teraz” lub „dowiedz się więcej”. Niezależnie od tekstu, którego używasz, podstawowym powodem, dla którego wysyłasz wiadomość e-mail, jest przede wszystkim idea.

Miej zawsze przycisk CTA z wyraźnym i bezpośrednim językiem. Jeśli Twoja marka jest młoda i ekscytująca, nie bój się dostosować sformułowania na przycisku, aby to odzwierciedlić. Użyj aktywnego języka i jak najmniej słów, aby wyjaśnić ćwiczenie.

7. Stopka

Stopka to sekcja na samym dole każdego e-maila. Pozwala na wprowadzenie specjalnych informacji wymaganych przez przepisy, takie jak ustawa CAN-SPAM, bez ingerencji w główny projekt.

Obowiązkowe informacje w stopce to:

• Nazwa Twojej firmy i adres fizyczny
• Sposób, w jaki Twoi odbiorcy mogą aktualizować swoje profile
• Link do anulowania subskrypcji
• Polityka prywatności Twojej firmy

Teraz, gdy znasz już 7 podstawowych elementów układu wiadomości e-mail, przejdźmy do 15 najlepszych praktyk projektowania układu wiadomości e-mail.

12 najlepszych najlepszych praktyk w zakresie projektowania układu e-maili

1. Projektuj z myślą o urządzeniach mobilnych

Liczba e-maili otwieranych na urządzeniach mobilnych wzrosła o 180 procent tylko w ciągu ostatnich trzech lat, co oznacza, że ​​tracisz większość subskrybentów wiadomości e-mail, jeśli Twoje wiadomości e-mail nie są zoptymalizowane pod kątem urządzeń mobilnych.

Jeśli chodzi o projektowanie e-maili, przyjmij postawę mobilną. Większość klientów poczty e-mail automatycznie zmienia układy wiadomości e-mail dla urządzeń mobilnych, podczas gdy inne nadal tego nie robią. Używaj dostosowywalnych układów, szablonów i kodowania kaskadowych arkuszy stylów (CSS), aby zapewnić, że Twoje wiadomości e-mail będą responsywne.

Jeśli to możliwe, trzymaj się układu jednokolumnowego i nigdy nie używaj więcej niż trzech kolumn. Upewnij się, że używane czcionki i wezwania do działania (CTA) są duże, wyraźne i łatwe do kliknięcia (46 x 46 pikseli to idealny rozmiar dla wezwań do działania na urządzeniach mobilnych). Zawsze testuj swoje e-maile na różnych klientach pocztowych i urządzeniach, aby zapewnić prawidłowe wyświetlanie.

2. Trzymaj się szerokości 600 pikseli

Ponieważ nigdy nie wiadomo, z którego klienta poczty e-mail będą korzystać Twoi odbiorcy, musisz budować dla najniższego wspólnego mianownika (kaszel, Microsoft Outlook), jeśli chodzi o szerokość wiadomości e-mail.

Utrzymuj wiadomości e-mail o szerokości około 600 pikseli lub mniejszej, aby uzyskać maksymalną widoczność. Dzięki temu Twoje e-maile marketingowe będą mogły być poprawnie wyświetlane w pionowym okienku podglądu dowolnego klienta poczty e-mail.

3. Unikaj używania obrazów tła

Obrazy tła nie są obsługiwane przez niektóre klienty poczty e-mail (kaszel, Outlook), więc używaj ich na własne ryzyko. Jeśli musisz użyć obrazu tła, upewnij się, że nie zawiera on żadnych krytycznych informacji ani zdjęć.

4. Zrównoważ swoje obrazy i tekst

Nie tylko obrazy tła mogą się nie ładować. W rzeczywistości wielu klientów poczty e-mail automatycznie blokuje wszystkie grafiki. Co więcej, e-maile z obrazami są bardziej prawdopodobne, że zostaną oznaczone jako spam, co oznacza, że ​​Twoi odbiorcy mogą w ogóle nie otrzymywać Twoich e-maili marketingowych.

Aby sprostać tym wyzwaniom, skup się na połączeniu grafiki i tekstu w proporcji 50/50. Potrzebujesz grafiki, ponieważ przyciągają uwagę czytelnika i opowiadają Twoją historię szybciej niż tekst. Upewnij się jednak, że nadal przekazujesz swoją narrację. Oprócz treści tekstu dołącz tekst alternatywny (oraz zastępczy kolor tła) dla każdego obrazu.

Oto jak Medium zrównoważyło swoje obrazy z tekstem w układzie e-maila:

Na koniec najlepiej po prostu założyć, że wszystkie obrazy zostaną zablokowane. Jeśli nikt nie może zobaczyć Twoich obrazów, czy Twój e-mail nadal będzie miał sens?

5. Zoptymalizuj swoje obrazy

Oprócz używania tekstu alternatywnego i kolorów tła dla obrazów istnieje kilka innych wskazówek dotyczących formatowania obrazów, o których należy pamiętać, aby uzyskać optymalny projekt układu wiadomości e-mail:

• Rozmiar obrazu powinien być zoptymalizowany. Im większy obraz, tym dłużej trwa ładowanie wiadomości e-mail. Zachowaj jak najmniejsze zdjęcia przy zachowaniu wysokiej jakości.
• Zadeklaruj szerokość i wysokość obrazu. Gdy zdjęcia się nie ładują, określenie dokładnego rozmiaru zdjęć pomoże zachować strukturę wiadomości e-mail. Nigdy nie przekraczaj szerokości 600 pikseli.
• W przypadku lokalizacji zdjęć użyj bezwzględnych adresów URL. Z różnych powodów preferowane są bezwzględne adresy URL niż względne adresy URL. W przypadku wszystkich zdjęć w wiadomościach e-mail użyj linków bezwzględnych i umieść je na własnej stronie internetowej.
• Należy unikać plików PNG. Pliki PNG nie są obsługiwane przez wszystkie klienty poczty e-mail. Zamiast tego użyj plików JPG.
• Nie używaj filmów. Wczytywanie Flash i JavaScript zajmuje dużo czasu i często powoduje przekierowanie wiadomości e-mail do spamu. Jeśli naprawdę chcesz udostępnić wideo, użyj nieruchomego obrazu, który prowadzi do strony zawierającej wideo, zamiast umieszczać wideo w samej wiadomości e-mail. (Rozważ jednak włączenie GIF-ów, aby zwiększyć zaangażowanie).

6. Trzymaj się popularnych czcionek

Podczas wybierania czcionki dla e-maili marketingowych trzymaj się standardowych krojów pisma systemowego, takich jak Arial, Helvetica, Georgia, Tahoma, Times New Roman i Verdana. Inne czcionki mogą nie być obsługiwane przez niektóre klienty poczty e-mail, dlatego mogą nie renderować się poprawnie, chyba że wybierzesz rezerwową czcionkę bezpieczną w Internecie.

Rozmiar czcionki jest równie istotny przy czytaniu wiadomości e-mail. W przypadku materiału treści minimalny sugerowany rozmiar czcionki to 14 pikseli, natomiast w przypadku nagłówków minimalny sugerowany rozmiar czcionki to 22 piksele.

7. Stwórz przyciągający wzrok nagłówek

O ile nie wysyłasz wiadomości e-mail w postaci zwykłego tekstu, powinieneś utworzyć prosty, ale atrakcyjny nagłówek na początku wiadomości e-mail.

Lewy górny róg Twojej wiadomości e-mail to najcenniejsza nieruchomość – to tam początkowo przyciągnie wzrok czytelnika. Zrób z tego dobry użytek, umieszczając logo swojej firmy wraz z innymi istotnymi informacjami (takimi jak numer telefonu lub ważne wezwanie do działania) po prawej stronie.

Jeśli chcesz zwrócić uwagę na samo logo, umieść je na środku, jak widać poniżej przy Artifact Uprising:

Upewnij się, że nagłówek obejmuje całą szerokość wiadomości e-mail. Jednak nie zacinaj się zbytnio w swoim nagłówku; staraj się, aby jego wysokość wynosiła około 150 pikseli. Jeśli masz dużo produktów lub kategorii do pokazania, powinieneś pomyśleć o wykorzystaniu paska nawigacyjnego. Powinien być schowany między nagłówkiem a kopią treści.

8. Umieść kluczową wiadomość „Nad fałdą”

Termin „nad zakładką” w dziennikarstwie odnosi się do artykułu na okładce — pierwszego, który czytelnicy widzą (a więc tego, który skłania ich do zakupu gazety lub przejścia dalej).

Chociaż w e-mail marketingu nie ma dosłownej fałdy, zasada pozostaje. Umieść najciekawsze informacje na początku e-maila, jeśli chcesz, aby czytelnicy nadal czytali. Optymalne miejsce to pierwsze trzy cale głębokości wiadomości e-mail.

Mówimy o przyciskach CTA, grafice i tekście – nie zakładaj, że musisz czekać na zakończenie e-maila, aby zachęcić czytelników do podjęcia działań. CTA o największym zaangażowaniu często znajdują się na górze wiadomości e-mail.

Skorzystaj również z lewej strony wiadomości e-mail. Zgodnie z technologiami śledzenia wzroku ludzie najdłużej zatrzymują się po lewej stronie ekranu, więc miej to na uwadze podczas wyświetlania kluczowego materiału.

9. Utrzymuj proste kopiowanie ciała

Tworząc e-mail, staraj się, aby był krótki i rzeczowy. Dotyczy to krótkich fraz i akapitów, dużej ilości spacji oraz wskazówek stylistycznych, takich jak wypunktowanie i pogrubiony tekst.

Jeśli masz dużo tekstu do zaprezentowania, rozważ dołączenie spisu treści z linkami do poszczególnych części, aby czytelnicy mogli łatwo przejść do tego, który chcą zobaczyć. Unikaj jednak dołączania zbyt dużej ilości tekstu; nie tylko przeciąży czytelników, ale będzie to także znak spamu. Zamiast tego dołącz wyraźne linki do treści witryny.

Jeśli wysyłasz wiadomość e-mail z czyjegoś prawdziwego nazwiska i adresu e-mail, na zakończenie możesz dołączyć podpis e-maila. To nie tylko dodaje osobisty charakter, ale także zapewnia czytelnikom konkretną osobę, z którą można się skontaktować, jeśli mają pytania lub opinie.

10. Dodaj przyciski udostępniania społecznościowego

Zaniedbanie umieszczania przycisków udostępniania społecznościowego w kampaniach e-mail marketingowych jest jednym z najgorszych błędów, jakie możesz popełnić.

Czy nie jest prawdą, że Twoim ostatecznym celem jako marketera cyfrowego jest zdobycie zwolenników marki? Co może być bardziej korzystne dla Twojej marki niż udostępnianie Twoich treści we własnych kanałach mediów społecznościowych?

Dołącz linki do sieci społecznościowych na dole wszystkich e-maili marketingowych, aby im to ułatwić. Jeśli nakłanianie czytelników do udostępniania treści wiadomości e-mail wydaje się zbyt silne lub nierealistyczne, „Obserwuj nas!” zamiast tego można użyć przycisków. Masz aplikację mobilną? Promuj to również tutaj!

Podoba nam się, jak Uber pokazał swoje ikony udostępniania społecznościowego w subtelny, odpowiedni dla marki sposób:

11. Skorzystaj ze stopki

Stopka, choć często zaniedbywana, jest jednym z najważniejszych aspektów wszelkich e-maili marketingowych. Stopka jest ważną częścią układu wiadomości e-mail. Na początek wszystkie komercyjne wiadomości e-mail muszą być zgodne z ustawą CAN-SPAM, która wymaga podania linku do rezygnacji, a także nazwy firmy i adresu fizycznego w każdym wysyłanym e-mailu. Powinieneś dodatkowo wyjaśnić, dlaczego odbiorcy otrzymują ten e-mail (tj. w pewnym momencie zasubskrybowali).

Ta informacja jest nie tylko wymagana przez prawo, ale jest również dobrym pomysłem. Jeśli nie ułatwisz swoim odbiorcom wypisania się z subskrypcji, będą jeszcze bardziej niezadowoleni z Twojej firmy.

Stopka wiadomości e-mail jest również dobrym miejscem do umieszczenia dodatkowych informacji kontaktowych, opcji subskrypcji i łączy do odpowiednich stron internetowych (takich jak nowy asortyment, lokalizator sklepów lub kalendarz wydarzeń).

12. Pamiętaj o prostocie

Przede wszystkim proste i nieskomplikowane szablony wiadomości e-mail są do zrobienia. Są one nie tylko łatwiejsze do przejrzenia i przeanalizowania dla czytelników, ale także dla klientów poczty e-mail do przeglądania i przeglądania.

13. Testuj i ulepszaj

Wreszcie, aby naprawdę zidentyfikować najlepszą formułę projektu e-maila, musisz ją przetestować. Wyślij sobie testowe wersje wiadomości e-mail przed ich wysłaniem, aby sprawdzić, jak wyglądają w różnych klientach pocztowych (i czy mogą trafić do folderu ze spamem).

Testy należy dodatkowo uruchomić po wysłaniu wiadomości. Nie ma dwóch takich samych szablonów wiadomości e-mail, tak jak nie ma dwóch takich samych czytelników. Podziel listę i przetestuj kilka odmian e-maili marketingowych, aby znaleźć optymalny czas dostawy, miejsce wezwania do działania i inne czynniki.

Ułatw sobie projektowanie layoutu e-mail marketingu dzięki AVADA Marketing Automation

AVADA Marketing Automation to potężne narzędzie do marketingu e-maili i SMS-ów, które może pomóc w łatwym zaprojektowaniu wiadomości e-mail dzięki kreatorowi wiadomości e-mail typu „przeciągnij i upuść”. Dzięki temu narzędziu do projektowania wiadomości e-mail będzie bułka z masłem, ponieważ wystarczy przeciągnąć i upuścić elementy wiadomości e-mail bez konieczności kodowania. Zapewnia również wszystkie funkcje potrzebne do tworzenia kampanii e-mail marketingowych i zarządzania nimi.

Ostatnie słowa

Otóż ​​to! Mam nadzieję, że ten artykuł dostarczył Ci najlepszych praktyk dotyczących projektowania layoutu e-mail marketingu. Zachęcamy do pozostawienia komentarzy poniżej w celu dalszej dyskusji na ten temat!