Build Responsive Emails Hurtigt med MJML Framework
Design og kodning af et nyhedsbrev er tidskrævende. Du kan finde masser af design tips, men kodning dit nyhedsbrev til en skabelon er den hårdeste del.
Det er her MJML ramme kommer i spil. Det er en af de bedste gratis email rammer derude og det kompilerer til rent HTML / CSS, at fungerer for alle e-mail-klienter.
En af de mere frustrerende ting om kodning af et nyhedsbrev er få det til at fungere på tværs af alle platforme. Dette går dobbelt for responsivt design som også skal arbejde for mobile og stationære klienter.
Heldigvis, med MJML rammer du få en simpel abstraktion af HTML, så du kodes ikke hver enkelt linje for hånd. De har en begynder guide hvilket er fantastisk for alle, der er ny til e-mail-udvikling.
Du vil Brug brugerdefinerede elementer såsom
til bygg kolonner og rækker til din skabelon. Du kan hurtigt tilføje tekst, knapper og mellemrum, baseret på dine behov. MJML-rammen transpilerer din kode fra MJML-markupen til standard-kompatibel HTML & CSS.
Derfra kan du test dit nyhedsbrev at se, hvordan det ser ud i forskellige kunder. Selvom jeg baseret på kompatibilitetsdiagrammerne siger, at MJML er et fantastisk valg for al moderne e-mails.
Bemærk, at du har brug for at have viden om frontendudvikling for korrekt brug af MJML. Det driver sit eget proprietære templerende sprog og konverterer det til HTML, men du bør forstå, hvad din kode gør også.
For at lære mere om, hvordan dette værktøj fungerer, skal du tjekke FAQ side eller gennemse den officielle GitHub repo (ja, det er åben kilde!)
Eller du kan bruge live browser editor at røre rundt med MJML kode uden at downloade noget.
Denne live editor fungerer som en transpiler i browseren, så du kan faktisk bruge det til konverter din kode til et nyhedsbrev skabelon.
Når du har skrevet nogle MJML, er du bare klik på “Se HTML” link over eksempelvinduet. Dette viser hele rå HTML, så du kan kopiere / indsætte og bruge det til din egen skabelon.
Enhver helt ny til e-mail nyhedsbreve skal starte med en ramme. Der er ingen god grund til at kode alt for hånd, så MJML er en kæmpe tidsbesparende.
For at komme i gang skal du besøge online docs eller endda forsøge at redigere en af deres skabeloner i live editoren. Med blot et par timers arbejde kan du Har et færdiggjort email nyhedsbrev kodet & klar til at gå.