6 wskazówek dotyczących wyboru tła dla biuletynu e-mail

Opublikowany: 2022-06-03
Ostap Napisane przez Ostap 30 maja 2018 r.

1. Czy warto używać kolorów do tła newslettera?
2. Jak zmienić kolor tła w HTML
3. Jak dodać obraz jako tło newslettera?

Użyteczne narzędzia:
1. Newoldstamp - Marketing podpisów e-mail
2. Mailchimp - Kreator i nadawca wiadomości e-mail
3. Hubspot Email Marketing - Platforma do automatyzacji marketingu
4. MailerLite — kreator stron docelowych
5. Canva — narzędzie online do tworzenia projektów

Przygotowanie biuletynów e-mail we właściwy sposób może być dość trudne. Chociaż jestem pewien, że polegasz na nich, aby zapewnić możliwe do śledzenia wyniki i zwiększyć życiową wartość swojego klienta, czy możesz być pewien, że Twoje biuletyny są dobrze odbierane lub że Twoi klienci w ogóle je czytają? Dobrze zaprojektowany biuletyn ma kluczowe znaczenie dla sukcesu strategii marketingowych Twojej firmy. Dlatego musisz poświęcić więcej czasu na jego projektowanie. Dobre pierwsze wrażenie to bardzo długa droga i zdecydowanie chcesz, aby Twój biuletyn był w stanie przyciągnąć uwagę klientów, aby mogli czytać dalej.

Czy warto używać kolorów do tła newslettera?

przez GIPHY

Rzeczywiście jest! Dobrą praktyką projektową jest wykorzystanie teorii kolorów do tła biuletynu. Kolory odgrywają ogromną rolę w percepcji wizualnej i wpływają na to, jak Twój newsletter jest odbierany przez Twoich klientów. Każdy kolor ma szereg emocji, z którymi jest powiązany, więc musisz pamiętać, jakie emocje chcesz wywołać u swoich klientów. Ponieważ naturalnie przypisujemy różne odcienie i odcienie różnym emocjom, użycie odpowiednich kolorów może wywołać dobrą reakcję klientów i wywołać pożądany efekt. To może zdziałać cuda dla współczynników klikalności.

Oto sześć dodatkowych wskazówek, które możesz wykorzystać, aby wybrać najlepsze tło dla swojego biuletynu:

1) Poznaj najczęściej używane klienty poczty e-mail

Musisz pamiętać, że każdy klient poczty ma domyślny kolor tła. Będziesz musiał wiedzieć, jakie są najczęściej używane klienty poczty e-mail wśród Twoich klientów. Po zebraniu informacji na ten temat będziesz musiał również znaleźć ich domyślne kolory e-maili. Umożliwi to wybranie koloru tła dla biuletynu, który nie będzie kolidował z kolorem e-maila ani nie wpływał na czytelność dla klienta. Jeśli chcesz, aby Twoje biuletyny docierały i skutecznie wpływały na dużą grupę odbiorców, musisz wybrać kolory zgodne z kolorami używanymi przez klientów poczty e-mail Twoich klientów.

2) Wybierz tło pasujące do Twojego schematu kolorów

Musisz zwrócić uwagę na kolory, które reprezentują Twoją firmę w logo Twojej marki, witrynach internetowych, podpisach e-mail , a nawet towarach. Wybór kolorów, które pasują do tonu i marki Twojej firmy, zapewnia spójność i niezawodność marki. Pomaga budować zaufanie i znajomość Twoich klientów oraz zmusza ich do zaangażowania się w to, co masz do zaoferowania, w tym przypadku czytając Twój newsletter. Wybierając kolor tła, który pasuje do Twojego schematu kolorów , nie tylko definiujesz wartości swojej firmy, ale także pomagasz jej wyróżnić się na tle jej współczesnych.

biuletyn 4

3) Podziel odbiorców według płci

Kiedy dzielisz odbiorców według płci, możesz łatwo wybrać kolory tła skierowane do określonej grupy demograficznej. Wiadomo, że każda płeć reaguje inaczej na kolory. W kilku eksperymentach przeprowadzonych przez KISSmetrics okazało się, że mężczyźni częściej skłaniają się ku jasnym kolorom, które są równie mocne, podczas gdy kobiety częściej skłaniają się ku delikatniejszym pastelowym kolorom. Dlatego wybierając tło dla biuletynów e-mailowych, należy pamiętać o różnicy w postrzeganiu kolorów i wybierać kolory, które pasują do preferencji odbiorców docelowych.

kolory płci

Zdjęcie dzięki uprzejmości kissmetrics

4) Użyj tego samego koloru dla obrazów i tła wiadomości e-mail

Powinieneś zastosować ten sam odcień, jeśli nie ten sam kolor, dla wszystkich obrazów oraz tła biuletynu. W ten sposób możesz mieć pewność, że kolor pasuje do ogólnego projektu i dobrze współgra również z treścią. Jeśli użyjesz tych samych lub podobnych kolorów, użyjesz mniejszej liczby kolorów, a projekt będzie wyglądał czyściej. Spowoduje to przepływ, a Twoi klienci będą mniej skłonni do rozpraszania się.

biuletyn 1

Zdjęcie dzięki uprzejmości InVision

5) Podziel na sekcje według różnych środowisk

Po wybraniu palety kolorów możesz podzielić swój biuletyn na sekcje i wybrać różne tła dla każdej. Tworzy to format, który jest łatwy do naśladowania. Ale jeśli zdecydujesz się wybrać różne kolory tła, powinieneś również pamiętać, że nawet w palecie chcesz wybrać kolory, które pasują do siebie. W tym celu możesz użyć koła kolorów. W całym biuletynie sugerujemy trzymanie się łącznie trzech kolorów, które są dobrze wyważone, aby projekt wyglądał profesjonalnie.

Biuletyn 2

Zdjęcie dzięki uprzejmości papierka lakmusowego

6) Używaj tego samego tła dla wszystkich biuletynów

Powinieneś starać się trzymać tych samych kolorów we wszystkich swoich biuletynach. Wszyscy ludzie pragną znajomości, więc podobnie jest dobrą rzeczą. Klienci prawdopodobnie klikną Twoje e-maile, jeśli je rozpoznają. Używanie kolorów, aby Twoi klienci mogli tworzyć skojarzenia, pomoże Twojemu biuletynowi wyróżnić się spośród innych biuletynów, na które Twoi klienci mogą nawet nie rzucić okiem. Kiedy wprowadzasz w życie zażyłość, wzmacniasz także swoje relacje z nimi i zapewniasz im, że ich zaufanie będzie trwało długo.

biuletyn 3

Zdjęcie dzięki uprzejmości Grammarly

Jak zmienić kolor tła w HTML

Musisz być dobrze zorientowany w kodach HTML, jeśli chodzi o wybieranie i wstawianie idealnego koloru tła do biuletynu e-mail. Programiści używają wielu kodów i technik kodowania kolorów tła, ale najczęściej wybierane przez nich, które można również wykorzystać w biuletynie, to 3-cyfrowe szesnastkowe kody kolorów, kody kolorów RGB i 6-cyfrowe szesnastkowe kody kolorów. Szesnastkowe kody kolorów określają kolor za pomocą kodu szesnastkowego, podczas gdy kody kolorów RGB określają kolor za pomocą kodu rgb. Na przykład kolor czerwony, kod koloru szesnastkowego to „#FF0000”, a kod koloru RGB to „RGB(255,0,0)”.

Sugerujemy użycie 6-cyfrowych szesnastkowych kodów kolorów, ponieważ jest to bardziej niezawodne i zapewnia dokładny kolor, którego szukasz. 3-cyfrowy kod jest uwikłany w błędy i daje tylko kolory, które przewyższają inne kolory, a kod RGB daje tylko kolory, które dobrze współpracują z jasnymi czcionkami. Ze względu na te ograniczenia najlepszym pomysłem byłoby użycie 6-cyfrowego kodu. Aby zastosować kod koloru tła, musisz zlokalizować tag body w istniejącym kodzie i wprowadzić <body style = „color: #FF0000;”>, z kodem szesnastkowym żądanego koloru zamiast #FF0000.

Wykorzystywanie obrazów jako tła do biuletynu

Jeśli kolory nie są twoją rzeczą, możesz zamiast tego użyć obrazów jako tła.

Plusy

Jedną z głównych zalet używania obrazu tła jest to, że jest przyjazny dla użytkownika. Możesz więc użyć go, aby skutecznie przekazać wizualną koncepcję celu i wizji Twojej firmy. Co więcej, może to być również doskonały sposób na zaprezentowanie swoich produktów i funkcji. Ponieważ wykorzystuje minimalizm, jest modny i zwiększa zaangażowanie odwiedzających. Dzięki temu może być atrakcyjna i przykuwać uwagę Twoich klientów.

Cons

W zależności od klienta poczty e-mail lub urządzenia, z którego korzysta klient, możliwe jest, że obraz tła nie zostanie załadowany. Lub może rozciągnąć i zrujnować cały projekt biuletynu. To może rozpraszać Twoich klientów. Kolejną wadą jest to, że obraz w tle może stłumić kreatywność, a po tym, jak klienci przezwyciężą początkowe poczucie zdziwienia, mogą mieć trudności z poruszaniem się.

Jak dodać obraz jako tło biuletynu

Istnieją dwie główne metody dodania obrazu tła do biuletynu. Pierwszym z nich jest podejście do atrybutów tabeli. Atrybuty tabeli są obsługiwane przez główne klienty poczty e-mail, takie jak Gmail. Dzięki takiemu podejściu umieszczasz treść biuletynu w tabeli o szerokości = „100%”, która obejmuje szerokość okienka odczytu. Następnie wystarczy dodać atrybut background = „obraz_tła.png” i voila! Jesteś skończony!

Możesz użyć podejścia CSS dla klientów poczty e-mail, które nie są obsługiwane przez podejście atrybutu tabeli, takie jak Outlook 2007 i Outlook 2010. W przypadku tej metody wystarczy wstawić wymagany kod obrazu tła. Główna różnica między tą metodą a poprzednią polega na tym, że obraz tła rozciąga się na całą wysokość okienka odczytu, a nie tylko na wysokość wiadomości e-mail. Jeśli użyjesz obu metod w wiadomości e-mail, tło będzie kompatybilne z większością twoich klientów poczty e-mail.

Rzeczywiście warto poświęcić trochę czasu na wybór odpowiedniego tła dla biuletynów e-mailowych, ponieważ treść w środku może wywrzeć wrażenie tylko wtedy, gdy jest połączona z dobrym projektem, intrygującym formatem i, jak się domyślacie, atrakcyjnym tłem. Chociaż zrozumienie kodów może być dość trudne, po opanowaniu umiejętności możesz zmieniać tła jak profesjonalista. Niezależnie od tego, czy zdecydujesz się użyć kolorów, czy obrazów, czas i wysiłek poświęcony na tło newslettera pokaże i niewątpliwie doprowadzi do lepszych współczynników konwersji