PL
Zacznij za darmo

Framework e-mailowy MJML — recenzja

· Blocks team · 6 min czytania

Szukasz rozwiązania, które pomoże Ci tworzyć responsywne e-maile HTML przy mniejszej ilości kodu, oszczędzi czas i pozwoli budować responsywne kampanie marketingowe? Być może MJML to dobry wybór! Z tej recenzji dowiesz się, czym jest MJML, i sprawdzisz, czy do Ciebie pasuje, czy lepiej poszukać alternatyw. Omówimy szablony e-maili MJML, edytor e-maili, obsługę klientów poczty i nie tylko.

Przegląd funkcji MJML

Czym jest MJML?

MJML to skrót od Mailjet Markup Language. To framework, który pozwala szybciej tworzyć e-maile HTML dzięki bibliotece gotowych komponentów, takich jak tekst, obraz, przycisk, kolumna, sekcja i inne.

Jeśli znasz się trochę na kodowaniu, wypróbuj MJML, żeby łatwiej tworzyć e-maile: wejdź do edytora online MJML, przejrzyj bibliotekę komponentów i wykorzystaj możliwości semantycznej składni MJML. Platforma pozwala obejrzeć podgląd e-maila HTML, zanim wygeneruje gotowy produkt.

MJML to darmowy framework open source: każdy ma dostęp do kodu silnika. Społeczność MJML chętnie dzieli się własnymi szablonami, komponentami MJML i narzędziami, które udoskonalają platformę. Z rozwiązań społeczności może korzystać każdy: sporo przydatnych informacji znajdziesz np. na stronie „Community” — linki do darmowych narzędzi na GitHubie i czaty, na których porozmawiasz o MJML z innymi użytkownikami.

Edytor e-maili MJML

Edytor e-maili MJML składa się z dwóch paneli: w lewym łączysz komponenty w e-mail HTML, a w prawym oglądasz jego podgląd.

Prawy panel pokazuje, jak Twój e-mail będzie wyglądał zarówno na komputerze, jak i na urządzeniach mobilnych. Pamiętaj, że kampanie e-mailowe i tak trzeba przetestować przed wysyłką, zwłaszcza jeśli masz dużą bazę adresów.

Praca z kodem w MJML

Oprócz edytora online MJML możesz też pobrać silnik i korzystać z niego offline na swoim komputerze. Tryb offline wyróżnia framework e-mailowy MJML na tle konkurencji.

Aplikacja MJML na komputer

Jeśli chcesz korzystać z MJML lokalnie na swoim komputerze, możesz pobrać aplikację MJML. Oto kilka funkcji aplikacji MJML, które mogą Ci się przydać:

  • aplikacja desktopowa MJML pozwala przeglądać gotowe szablony MJML i je dostosowywać;
  • praca z szablonami offline;
  • podgląd efektów kodowania, tak samo jak w aplikacji online;
  • zapisywanie kampanii e-mailowych na później;
  • wysyłanie e-maili bezpośrednio z aplikacji MJML i sprawdzanie, jak wyświetlają się elementy (do tego potrzebne jest konto Mailjet).

Jeśli wolisz własny edytor kodu, MJML ma wtyczki do edytorów takich jak Visual Studio Code i Sublime Text. Te wtyczki rozumieją komponenty Mailjet Markup Language, więc łatwiej edytuje się w nich treść e-maila.

Szablony e-maili MJML

MJML oferuje około 20 darmowych szablonów e-maili do różnych celów: kampanie powitalne, popularne okazje, takie jak Boże Narodzenie i Black Friday, potwierdzenia zakupu i tak dalej. W bibliotece MJML jest też kilka szablonów branżowych, np. dla nieruchomości, sprzedaży biletów, turystyki i e-commerce. Rodzaj e-maila wybierzesz za pomocą specjalnych tagów na stronie „Templates”.

Szablony e-maili są napisane w Mailjet Markup Language, więc najlepiej edytować je w edytorze e-maili MJML. Każdy szablon można otworzyć i edytować online: dodawać, zmieniać i usuwać komponenty gotowego szablonu bezpośrednio w edytorze MJML. Szablony MJML to świetna opcja, gdy nie chcesz tworzyć e-maila od zera.

Szablony e-maili MJML z darmowej galerii są w pełni responsywne, więc nie musisz się martwić, czy dobrze wyglądają na urządzeniach mobilnych. Mimo to zalecamy testować kampanie e-mailowe MJML przed wysłaniem ich do odbiorców.

Integracje MJML z klientami poczty

Każdy komponent MJML (np. kolumna, tekst, obraz itp.) ma określone wymagania w każdym popularnym kliencie poczty. Dlatego przed wysłaniem e-maila MJML musisz się upewnić, że wybrane komponenty wyświetlają się poprawnie w klientach poczty Twoich odbiorców.

MJML obsługuje następujące klienty poczty (choć nie wszystkie komponenty MJML je obsługują):

  • Outlook;
  • Apple Mail;
  • Gmail;
  • Yahoo Mail;
  • Office 365.

Zgodność komponentów z różnymi klientami poczty sprawdzisz w tej instrukcji.

Alternatywy i konkurenci MJML

Jak każde rozwiązanie technologiczne, MJML ma pewne wady, które mogą skłonić Cię do szukania alternatyw. Według użytkowników MJML oto minusy tego frameworka:

  • Niektóre komponenty e-maili MJML nie wyświetlają się w części klientów poczty (np. obrazy tła).
  • Kod HTML generowany przez MJML nie zawsze jest tak czysty, jak mógłby być. Dodatkowe tagi powiększają pliki i zwiększają ryzyko błędów.
  • Żeby pracować z Mailjet Markup Language, poprawiać błędy i panować nad tworzeniem e-maili, musisz mieć doświadczenie z HTML.
  • Niektóre elementy e-maili wygenerowane w MJML źle wyglądają w Outlooku.

Jeśli szukasz frameworka open source do tworzenia e-maili i znasz HTML, na rynku jest mnóstwo alternatyw dla MJML, na przykład:

  • Foundation for Emails. Funkcje Foundation for Emails są podobne do tych, które oferuje MJML: własne komponenty, kolekcja szablonów e-maili i możliwość tworzenia responsywnych kampanii. Z Foundation for Emails można pracować na dwa sposoby: w wersji CSS albo Sass. Foundation for Emails nie ma edytora e-maili, więc tu MJML wygrywa z konkurentem.

Główne funkcje Foundation for Emails

  • Maizzle. Framework e-mailowy Maizzle generuje e-maile HTML za pomocą Tailwind CSS. Stawia na to, by użytkownik mógł dostosowywać elementy e-maila: dodawać własne komponenty, optymalizować e-maile pod komputery lub urządzenia mobilne i dodawać własne fonty. W przeciwieństwie do MJML Maizzle nie ma edytora e-maili ani darmowych szablonów.

Jeśli nauka HTML nie jest teraz Twoim priorytetem, może warto rozważyć edytory e-maili typu „przeciągnij i upuść” jako alternatywę dla MJML. Oto kilka opcji na początek:

  • Kreator e-maili Blocks typu „przeciągnij i upuść”. Blocks daje możliwości zarówno marketerom, jak i koderom. Jeśli nie masz pojęcia o kodowaniu, edytujesz i dostosowujesz szablony e-maili z gotowych elementów, nie dotykając kodu. Jeśli jesteś doświadczonym koderem, przełączysz się do trybu kodu przyciskiem „Kod” w górnym panelu i będziesz pracować bezpośrednio z HTML. Blocks generuje czysty, responsywny kod HTML, który dobrze wyświetla się w popularnych klientach poczty. Możesz wypróbować go za darmo.
  • Edytor Knak typu „przeciągnij i upuść”. Knak to popularny edytor e-maili i landing page’y z przyjaznym interfejsem i biblioteką szablonów. Knak jest też w pełni zintegrowany z popularnymi platformami ESP i MAP, takimi jak Eloqua, Marketo, Salesforce i inne. Ta platforma sprawdzi się zarówno w małych, jak i dużych zespołach marketingowych. Poproś o demo na stronie Knak, żeby zobaczyć, co potrafi.
  • Narzędzie do projektowania e-maili Stripo typu „przeciągnij i upuść”. Stripo pozwala tworzyć własne szablony e-maili z gotowych modułów. Jeśli nie chcesz tworzyć e-maili od zera, Stripo ma dużą galerię szablonów: od e-maili o porzuconym koszyku po Thanksgiving i Dzień Świętego Patryka. Stripo ma plany zarówno dla pojedynczych użytkowników, jak i dla korporacji, więc pewnie znajdziesz coś dla siebie!

Jeśli chcesz poznać więcej frameworków e-mailowych, przygotowaliśmy porównanie najbardziej znanych rozwiązań. Zestawiliśmy ich zalety i wady, żeby łatwiej było Ci wybrać to, które najlepiej pasuje do Twoich celów.

A jeśli znajdziesz błędy lub nieścisłości w tym albo w dowolnym innym artykule na naszym blogu, napisz do nas na support@useblocks.io. Zareagujemy i poprawimy wszystko najszybciej, jak się da.

Zbuduj ten e-mail w Blocks

Darmowy plan, bez karty. Zacznij od gotowego szablonu albo od pustej strony.

Zacznij za darmo