Bygg Responsive Emails Rask med MJML Framework
Utforming og koding av nyhetsbrev er tidkrevende. Du kan finne mange design tips, men koding av nyhetsbrevet i en mal er den tøffeste delen.
Det er der MJML rammeverk kommer inn i spill. Det er en av de beste gratis email rammene der ute og det kompilerer til rent HTML / CSS, at fungerer for alle e-postklienter.
En av de mer frustrerende tingene om koding av et nyhetsbrev er få det til å fungere på tvers av alle plattformer. Dette går doble for responsiv design som også trenger å jobbe for mobile og stasjonære klienter.
Heldigvis, med MJML rammen du få en enkel abstraksjon av HTML, så du kodes ikke hver enkelt linje for hånd. De ha en nybegynner guide som er flott for alle som er ny til e-postutvikling.
du vil bruk egendefinerte elementer som for eksempel
Derfra kan du test nyhetsbrevet ditt for å se hvordan det ser ut i ulike klienter. Selv om, basert på kompatibilitetsdiagrammer, vil jeg si at MJML er et fantastisk valg for all moderne e-post.
Merk at du trenger å ha litt kunnskap om frontendutvikling for å kunne bruke MJML riktig. Den driver sitt eget proprietære templerende språk og konverterer det til HTML, men du bør forstå hva koden din gjør også.
For å lære mer om hvordan dette verktøyet fungerer, sjekk ut FAQ side eller bla gjennom den offisielle GitHub repo (ja, dette er åpen kildekode!)
Eller, du kan bruke live nettleser redaktør å rote rundt med MJML kode, uten å laste ned noe.
Denne live-editoren fungerer som en transpiler i nettleseren, slik at du faktisk kan bruke den til konverter koden til en nyhetsbrevmal.
Når du har skrevet noen MJML, bare du Klikk på “Se HTML” link over forhåndsvisningspanelet. Dette viser hele rå HTML, slik at du kan kopiere / lime inn og bruke det til din egen mal.
Alle som er helt ny på nyhetsbrev skal starte med et rammeverk. Det er ingen god grunn til å kode alt for hånd, så MJML er en stor tidsbesparende.
For å komme i gang, besøk online docs eller til og med prøve å redigere en av deres maler i live editoren. Med bare noen få timer arbeid kan du ha et ferdiggjort nyhetsbrev kodet og klar til å gå.
