Jak stworzyć stopkę emaila: najlepsze praktyki projektowania i przykłady

Projektowanie kampanii email marketingu przybiera wiele różnych form: od zwykłego tekstu, poprzez niestandardowy układ, jasne struktury, minimalizm, kolaże zdjęć, skupienie na wideo, animacje, itd. Niezależnie jednak od wyglądu Twojego maila, zapewne posiada on stopkę. Dlatego w tym artykule przyjrzymy się przykładowym stopkom mailowym oraz najlepszym praktykom projektowania, które możesz zastosować w swoich kampaniach emailowych. 

Co to jest stopka mailowa?

Zacznijmy od odkrycia, czym jest stopka mailowa i jakie są jej niezbędne elementy. Stopka jest ostatnim blokiem w marketingowym mailu. Chociaż nie istnieje sztywna lista wymaganych elementów stopki, ich obecność w projekcie maila pozwala klasyfikować stopki do różnych kategorii:

• Stopka maila z informacjami kontaktowymi: Ten rodzaj stopki zawiera dane kontaktowe Twojej firmy, takie jak adres fizyczny, numer telefonu, adres e-mail oraz profile w mediach społecznościowych.
• Stopka z opcją wypisania się: Jak sama nazwa wskazuje, zawiera link lub przycisk umożliwiający subskrybentom rezygnację z otrzymywania Twoich maili. Co więcej, każdy szablon stopki mailowej powinien zawierać taki link, ponieważ jest to jedno z podstawowych wymagań utrzymania wysokiej dostarczalności.
• Stopka prawna: Stopka prawna zawiera zrzeczenia odpowiedzialności prawnej, regulaminy oraz polityki prywatności, które są istotne dla treści Twojego maila i Twojej działalności.
• Stopka społecznościowa: W tego typu stopce mailowej możesz dodać ikony mediów społecznościowych i zachęcić swoich subskrybentów do pozostania w kontakcie z Twoją marką w sieciach społecznościowych.
• Stopka promocyjna: Zazwyczaj, wysyłając maile promocyjne, firmy umieszczają na końcu promocyjną stopkę, aby czytelnicy mogli szybko przejrzeć treść maila oraz wykorzystać rabat lub przejść do sprzedaży, na przykład.

Inne typowe elementy profesjonalnej stopki mailowej to zazwyczaj:

• Logo firmy;
• Znak praw autorskich;
• Szczegóły oferty;
• Ustawienia preferencji;
• Podgląd w przeglądarce;
• Znajdź nas na mapie;
• Prześlij znajomemu;
• Oceń tego maila;
• Wyjaśnienie, dlaczego otrzymujesz tego maila, itd.

Istnieje wiele sposobów na zorganizowanie tych informacji w szablonie, a wybór należy do Ciebie. Główne wymaganie będzie takie samo dla każdego projektu: stopka powinna być przejrzysta, spójna i łatwa do odczytania oraz nawigacji. Dodatkowo, wszystkie linki, które podasz, powinny prowadzić do odpowiednich stron. Oto dwa dobre przykłady stopek mailowych: 

Co to jest podpis mailowy?

Stopki mailowe zimnych maili, maili w formacie tekstowym, biznesowych oraz pisanych w imieniu osoby, a nie firmy, nazywane są podpisami mailowymi. Zwykle są one mniejsze w rozmiarze i objętości i zawierają informacje o nadawcy:

• Imię i nazwisko;
• Zdjęcie;
• Stanowisko i firma;
• Logo firmy;
• Kontakt.

W mailach biznesowych, zwłaszcza emailach B2B, podpisy w emailach dostarczają ważnych informacji o nadawcy i dają wyobrażenie, kto próbuje się z Tobą skontaktować. Kiedy mowa o automatycznych mailach, spersonalizowane podpisy sprawiają, że wyglądają mniej jak zautomatyzowane i bardziej przypominają komunikację od człowieka.

Czasami podpis może być częścią treści emaila i być poprzedzony standardowym stopką.

Jak stworzyć stopkę w emailu - najlepsze praktyki projektowania stopki

Poniżej znajdują się niektóre z najlepszych praktyk oraz przykładów stopki email, które możesz wykorzystać. 

Uwzględnij podstawowe informacje

Jak prawdopodobnie przeczytałeś w pierwszej sekcji, stopka powinna zawierać takie informacje jak: kontakt, ikony mediów społecznościowych, link do wypisania się oraz link prawny. Jeśli wysyłasz maile do krajów objętych regulacją RODO (głównie w UE), musisz wyjaśnić, dlaczego wysyłasz ten email.

Trzymaj się jasnej struktury i hierarchii

Każda nowa logiczna sekcja powinna być umieszczona w osobnym obszarze lub oddzielona od poprzedniego tekstu wystarczającą ilością przestrzeni. Unikaj zbyt długich akapitów i zdań oraz utrzymuj elementy graficzne proste, chyba że skomplikowany design jest częścią ogólnej koncepcji konkretnej kampanii.

Kiedy musisz zamieścić dużo informacji w ograniczonej przestrzeni, rozważ użycie podziałek. Pomagają one zmieścić duże treści w niewielkiej przestrzeni bez sprawiania wrażenia bałaganu.

Jednym z możliwych przykładów stopki email jest użycie pionowej kreski lub innych znaków do oddzielania elementów tekstu w tej samej linii. Poprawia to czytelność i pomaga zaoszczędzić miejsce. Technika ta dotyczy głównie podpisów w emailach, ale niektóre stopki mogą na tym także skorzystać.

Zrób linki łatwymi do zauważenia

Każdy klikalny link, zwłaszcza link do wypisania się, powinien być podkreślony kolorem lub podkreśleniem. Użytkownik powinien móc szybko go znaleźć. Po pierwsze, poprawia to użyteczność emaila i dostępność.

Po drugie, jeśli jest jasno szary i umieszczony w długiej ścianie tekstu lub wyłączeniu odpowiedzialności, ci, którzy chcą się z Ciebie wypisać, raczej klikną "Spam" niż będą tracić czas na przewijanie tekstu.

Jeśli chodzi o kolejny przykład stopki email, możesz zorganizować linki na tle w kontrastowym kolorze, aby łatwo przyciągały wzrok.

Dodaj dodatkowe użyteczne linki

Uwzględnij wszelkie linki, które mogą poprawić doświadczenie użytkowników podczas czytania. Zazwyczaj są to:

• Aktualizacja preferencji;
• Wyświetl w przeglądarce;
• Link polecający;
• Lokalizator sklepów;
• Moje konto;
• Wymagania prawne;
• FAQ.

Celem linku „Wyświetl w przeglądarce” jest otworzenie e-maila w nowym oknie przeglądarki, jeśli nie może się poprawnie wczytać lub jest skrótowany przez klienta e-mail. Tak więc, jeśli użytkownik widzi zniekształcony układ, może nie chcieć przewijać w poszukiwaniu rozwiązania. Lepiej umieścić link Wyświetl w przeglądarce w górnej części maila.

Określ Szczegóły lub Ograniczenia Oferty

Jeśli wysyłasz ofertę ważną pod pewnymi warunkami lub mającą określony czas trwania, musisz dodać szczegółowe objaśnienia. Niektórzy marketerzy umieszczają je pod każdą odpowiednią sekcją, ale zazwyczaj wszystkie warunki są umieszczane w stopce.

Staraj się nie tworzyć zbyt skomplikowanych zasad. Jeśli zniżka posiada zbyt wiele warunków, przestaje być okazją, a staje się udręką. Ludzie często to pomijają i porzucają koszyki po odkryciu, że ich kod promocyjny dotyczy tylko pewnych kategorii produktów lub nie może być użyty do zamówień online.

Dodaj Menu

Menu e-maila może być dwóch rodzajów: menu strony internetowej i menu samego e-maila (zbudowane z linków kotwiczących). Ostatnia opcja jest rzadziej spotykana i używana w długich e-mailach, aby umożliwić użytkownikom ominięcie długiego przewijania i szybkie przejście do potrzebnej sekcji.

Większość projektantów woli umieszczać menu na górze. Inni wolą dodać je do stopki, jak w poniższym przykładzie stopki e-maila. Niektórzy robią oba, ale z różnymi kategoriami.

Myślę, że umieszczenie menu w stopce nie jest złym pomysłem. Kiedy użytkownik przewija tekst i decyduje, że oferta jest interesująca i chce odwiedzić stronę, menu na dole pozwala to zrobić bez potrzeby przewijania z powrotem na górę.

Co więcej, menu w stopce oferuje więcej możliwości personalizacji, ponieważ można eksperymentować z układem, kolorami i ikonami.

Dodaj Swoje Logo

Logo firmy dodaje się do stopki z tych samych powodów, dla których jest dodawane do innych sekcji, czyli aby budować rozpoznawalność marki. Gdy użytkownicy widzą twoje logo po przeczytaniu wysokiej jakości treści, często podświadomie tworzą związek między dobrą treścią a twoją firmą.

Osobiście polecam dodanie go, gdy masz prostą stopkę tekstową bez dodatkowych elementów graficznych, symboli czy emotikon. Twoje logo powinno być głównym wizualnym akcentem, jak w tym przykładzie stopki e-mail. 

Uwzględnij Swoje Osiągnięcia

Wzmianka o zdobytych nagrodach i innych osiągnięciach stanowi dowód społeczny, że Twoja firma jest zaufana i preferowana przez innych użytkowników. Niektóre marki, zwłaszcza B2B, lubią uwzględniać partnerów i współpracowników, aby pokazać, że mają szeroką sieć kontaktów i reputację dla profesjonalnej obsługi.

Dodaj Przyciski Do Pobierania Aplikacji

Jeśli posiadasz aplikację mobilną, dodaj odpowiednie CTA oferujące jej pobranie. Podczas gdy twoi starzy klienci już cię znają, nowi subskrybenci mogą nie być świadomi wszystkich platform, na których działasz. Dodanie linków do aplikacji w stopce może zachęcić do pobrań, a jestem przekonany, że przykład stopki e-mailowej poniżej dobrze spełnia ten cel.

Poproś O Ocenę E-maila

E-mail marketerzy zmagają się bardzo, aby dostarczać swoim subskrybentom przydatne i interesujące treści. W większości przypadków wysoki wskaźnik otwarć i kliknięć to dobre wskaźniki, że jesteś na dobrej drodze.

Jednak jeśli czujesz, że nie są one wystarczające do oceny zaangażowania subskrybentów i ustalenia, czy wysyłasz wartościowe treści, zapytaj ludzi bezpośrednio. Dodaj system oceniania do stopki i poproś użytkowników o ocenę twoich e-maili.

Upewnij się, że twój system opinii jest prosty i zawiera łatwe odpowiedzi, takie jak tak lub nie. Jeśli oferujesz wybór opcji, lepiej ograniczyć się do dwóch lub trzech wariantów, tak jak w przykładzie stopki e-mailowej poniżej. 

Podziękuj Autorom Treści

Dla większości przeglądów wiadomości uważa się za dobry styl, aby wspomnieć o autorach tekstów w stopce. Jeśli wysyłasz newslettery zawierające teksty napisane przez różne osoby, nie zapomnij uwzględnić ich nazwisk.

Użyj Kontrastowego Tła

Możesz zastosować różne rodzaje tła (kolor lub obraz) do paska stopki lub struktury lub oddzielnych pojemników wewnątrz niej. Pomaga to lepiej zorganizować treści i wizualnie podzielić części jednego logicznego bloku. Możesz użyć jednego koloru dla całej stopki lub różnych kolorów dla każdej struktury.

Rzeczą, o której warto pamiętać, jest to, że jeśli używasz tła obrazkowego, zabezpiecz je alternatywnym odpowiednikiem koloru w przypadku, gdy obrazy e-mail nie zostaną wczytane z jakiegokolwiek powodu. Dzięki temu twoja stopka nie skończy się jako białe słowa na białym tle, a e-mail będzie mniej więcej zgodny z zaprojektowaną koncepcją.

Dodaj osobisty akcent

Dodaj cokolwiek, co wyróżnia Cię spośród innych marek. Może to być zabawny obrazek, cytat od założycieli, życzenie dobrej zabawy lub własny element graficzny związany z Twoim produktem. Takie drobiazgi sprawiają, że Twoje e-maile wydają się bardziej ludzkie i przypominają rozmowę z przyjacielem, a nie odbieranie zautomatyzowanych wiadomości. Możesz skorzystać z poniższego przykładu stopki e-mailowej dla inspiracji i dalszych pomysłów. 

Jak stworzyć stopkę e-mailową w naszym systemie

Możesz skorzystać z powyższych praktyk, aby stworzyć stopkę e-mailową w naszym edytorze e-mail. Od prostego projektu stopki po bardziej zaawansowane opcje, nasz edytor typu drag-and-drop oferuje wiele możliwości tworzenia i edycji stopek.

• Skorzystaj z gotowych szablonów. Wybierz szablon, który najlepiej odpowiada Twoim bieżącym potrzebom, edytuj go i wypełnij wszystkie bloki, w tym stopkę, niezbędnymi treściami.

• Użyj istniejącego szablonu. Możesz skopiować kod HTML całego korporacyjnego e-maila lub tylko stopki do naszego edytora kodu i użyć go w przyszłych kampaniach.
• Zapisz pasek stopki, strukturę lub kontener jako moduł i używaj go we wszystkich e-mailach bez konieczności tworzenia go od nowa. Co więcej, możesz ustawić taki zapisany moduł jako moduł zsynchronizowany.

Zsynchronizowany moduł to moduł, w którym informacje są automatycznie aktualizowane we wszystkich e-mailach zawierających ten moduł, i nie musisz ręcznie edytować każdej kampanii. Na przykład, zmieniasz adres e-mail w kontaktach lub dodajesz nową ikonę mediów społecznościowych w jednej stopce. Jeśli jest zsynchronizowany, adresy e-mail i przyciski mediów społecznościowych zostaną automatycznie zmienione we wszystkich innych zsynchronizowanych stopkach e-mail. Zobacz jak stworzyć zsynchronizowany moduł.

• Dodaj własne ikony mediów społecznościowych, czatów i komunikatorów. Możesz trzymać się standardowych czterech: Facebook, Instagram, Twitter i YouTube lub dodać dowolny inny kanał, który używasz. Wybierz jeden z projektów systemowych lub załaduj własny, aby stworzyć oryginalny wygląd. Zobacz jak dodać przyciski mediów społecznościowych do e-maila.
• Dodaj własne czcionki. Możesz dodać własną czcionkę z Google Fonts lub innych źródeł, aby stworzyć oryginalny styl dla swojej stopki.
• Stwórz szablon wielojęzyczny. Jeśli wysyłasz wiadomości w kilku językach, twórz nieograniczone wersje w ramach jednego szablonu. Możesz przełączać się między nimi jednym kliknięciem i zobaczyć każdą nową wersję w tym samym oknie. Zobacz jak tworzyć wielojęzyczne e-maile.

• Dodaj obraz tła lub kolor do paska, struktury, albo kontenera. Kontrastowe tło może pomóc w podkreśleniu najważniejszych informacji.
• Optymalizuj pod kątem urządzeń mobilnych. Optymalizacja mobilna oznacza, że Twoje e-maile mają responsywny układ, który wyświetla się tak samo dobrze zarówno na urządzeniach mobilnych, jak i na desktopach. Jeśli używasz siatki wielokolumnowej dla menu stopki lub ikon, jej elementy będą umieszczone jeden nad drugim na urządzeniach mobilnych. Responsywność jest domyślnie włączona. Możesz ją wyłączyć, jeśli zajdzie taka potrzeba.

Stopka to kluczowa część Twoich e-maili. Podczas gdy główna część wyjaśnia, dlaczego warto wybrać Twoją markę, stopka pokazuje, jak to zrobić. Użytkownicy widzą wszystkie ważne informacje o Twojej firmie i wybierają najbardziej odpowiedni sposób interakcji. Co więcej, stopka pozwala Twojej marce zabłysnąć osobowością, umożliwiając dodanie małych, zindywidualizowanych elementów, które nie pasują do treści, ale są zupełnie w porządku na dole.

To również sposób, by powiedzieć „Dziękujemy za przeczytanie naszego e-maila. W razie pytań, zapraszamy do kontaktu pod tymi adresami. Jeśli potrzebujesz szybkiego dostępu do strony, oto linki. Mamy również aplikację, która upraszcza zakupy. Dbaj o siebie!” Dlatego nie ignorujcie stopki e-maili. Twórz je z taką samą starannością jak resztę Waszych kampanii.

Special Request Inline