Hemsida » E-handel » Bygg responsiva e-postmeddelanden snabbt med MJML Framework

    Bygg responsiva e-postmeddelanden snabbt med MJML Framework

    Utformning och kodning av ett nyhetsbrev är tidskrävande. Du kan hitta massor av design tips men kodar ditt nyhetsbrev i en mall är den tuffaste delen.

    Det är där MJML ramverk kommer i spel. Det är en av de bästa gratis email ramarna där ute och det sammanställer till rent HTML / CSS, den där fungerar för alla e-postklienter.

    En av de mer frustrerande sakerna om att koda ett nyhetsbrev är få det att fungera över alla plattformar. Detta går dubbelt för responsiv design som också behöver fungera för mobila och stationära klienter.

    Tack och lov, med MJML ramar du få en enkel abstraktion av HTML, så du kodar inte varje enskild linje för hand. De ha en nybörjare guide vilket är bra för alla som är ny för att utveckla email.

    du kommer använd anpassade element som till bygga kolumner och rader för din mall. Du kan snabbt lägga till text, knappar och mellanslag, baserat på dina behov. MJML-ramverket transpilerar din kod från MJML-markupen till standard-kompatibel HTML & CSS.

    Därifrån kan du testa ditt nyhetsbrev för att se hur det ser ut i olika kunder. Även om jag, baserat på kompatibilitetsdiagrammen, säger att MJML är ett fantastiskt val för all moderna e-post.

    Observera att du behöver ha kunskaper om frontend-utveckling för att kunna använda MJML korrekt. Det driver sitt eget proprietära templerande språk och konverterar det till HTML, men du borde förstå vad din kod gör också.

    För att lära dig mer om hur det här verktyget fungerar, kolla in FAQ sida eller bläddra igenom tjänstemannen GitHub repo (ja, det här är öppen källkod!)

    Eller du kan använda live webbläsare redaktör att röra sig med MJML-kod, utan att ladda ner någonting.

    Denna levande redaktör fungerar som en transpiler i webbläsaren, så du kan faktiskt använda den till konvertera din kod till en nyhetsbrevsmall.

    När du har skrivit några MJML, bara du Klicka på “Visa HTML” länk ovanför förhandsgranskningsrutan. Detta visar hela rå HTML, så du kan kopiera / klistra in och använda det för din egen mall.

    Någon som är helt ny på nyhetsbrev ska börja med en ram. Det finns ingen anledning att koda allt för hand, så MJML är en stor tidsbesparare.

    För att komma igång, besök online docs eller ens försöka redigera en av deras mallar i liveredigeraren. Med bara några timmars arbete kan du ha ett slutligt email nyhetsbrev kodat & redo att gå.