Poradnik wideo: przesyłanie e-maili do MailChimp

Ten film pokazuje, jak przesyłać e-maile HTML z wtyczki Emailify do Figmy na platformę MailChimp.

Jeśli w akapitach tekstu potrzebujesz linków z merge tagami Mailchimp (na przykład *|UNSUB|*), natywne pole linku w Figmie zablokuje je jako nieprawidłowe adresy URL. Możesz to obejść, używając specjalnego formatu linku Mailchimp w Emailify: https://mailchimp.invalid/?*|UNSUB|*. Emailify umieści wtedy w wyeksportowanym HTML surowy merge tag Mailchimp.

W panelu eksportu Emailify wybierz z listy rozwijanej opcję MailChimp (API), a potem wklej prawidłowy klucz API MailChimp. Możesz go wygenerować na stronie ustawień konta MailChimp.

Gdy wszystko będzie gotowe, kliknij przycisk Upload To MailChimp, aby wyeksportować do HTML e-maile zaznaczone w Figmie i automatycznie przesłać je na stronę szablonów MailChimp (możesz do niej przejść także z menu panelu MailChimp, klikając Content, a potem Email templates).

Edytowalne obrazy w edytorze kampanii MailChimp

Domyślnie po przesłaniu szablonu HTML obszary tekstu i wiersze można edytować w edytorze kampanii MailChimp. Możesz też pozwolić na edycję obrazów, włączając przełącznik Editable Images w ustawieniach eksportu Emailify.

Po włączeniu edytowalnych obrazów używane są obrazy @1x (zamiast @2x retina). Przełącznikiem Editable Images możesz sprawić, że obrazy w szablonie będą edytowalne w MailChimp, ale niestety MailChimp nie obsługuje edytowalnych obrazów @2x retina, więc będą to obrazy @1x. Jeśli wolisz nieedytowalne obrazy @2x retina, zostaw tę opcję wyłączoną.

Rozmyte obrazy w edytorze MailChimp (gdy szablon jest edytowalny)

Niestety MailChimp nie obsługuje edytowalnych obrazów @2x retina, więc po włączeniu przełącznika Editable Images obrazy zostaną wyeksportowane w rozdzielczości @1x. Jeśli wolisz nieedytowalne obrazy @2x retina, zostaw przełącznik Editable Images wyłączony.

Ręczne przesyłanie lokalnych eksportów .zip do MailChimp (bez API MailChimp)

Jeśli wolisz przesyłać szablony e-maili do MailChimp ręcznie jako pliki .zip, wybierz opcję MailChimp (Zip) z listy rozwijanej Export HTML, a potem kliknij przycisk Export For MailChimp.

Po zakończeniu eksportu kliknij przycisk Download your .zip file, zapisz plik na komputerze i go rozpakuj. Potem możesz przesłać pliki .zip z folderu _zips (For upload to MailChimp) w głównym rozpakowanym folderze (jak na powyższym nagraniu ekranu).

Modyfikacje HTML w MailChimp i wyświetlanie w Gmailu

MailChimp przed wysyłką automatycznie modyfikuje przesłane szablony e-maili HTML. Te zmiany są wymuszane i nie da się ich wyłączyć.

Znane modyfikacje to między innymi:

• dzielenie połączonych bloków zapytań @media na kilka osobnych zapytań media,
• przepisywanie lub przebudowywanie reguł CSS,
• usuwanie znaków cudzysłowu " z niektórych selektorów CSS (na przykład a[href^="tel:"] zmienia się w a[href^=tel:]).

Te zmiany mogą mieć niezamierzone skutki, zwłaszcza w Gmailu. Gmail ma rygorystyczny parser CSS i ignoruje wszystkie style w tagu <style>, jeśli trafi choćby na jeden nieprawidłowy selektor lub właściwość. Może to powodować na przykład niezastosowane szerokości kolumn albo nieoczekiwane układanie się sekcji jedna pod drugą.

Tam, gdzie to możliwe, Emailify stosuje podczas eksportu z wtyczki obejścia specyficzne dla MailChimp, aby uniknąć znanych problemów. Ponieważ jednak te modyfikacje następują po przesłaniu HTML, część zachowań jest poza naszą kontrolą (zwłaszcza jeśli dodajesz też własny CSS).

Jeśli przy wysyłce przez MailChimp widzisz problemy z układem występujące tylko w Gmailu, najpewniej wynikają one z tych automatycznych przekształceń szablonu, a nie z pierwotnego HTML wyeksportowanego z Figmy.