Bouw responsieve e-mails snel met MJML Framework

Ontwerpen en coderen van een nieuwsbrief is tijdrovend. Je vindt tal van ontwerptips maar codering van uw nieuwsbrief in een sjabloon is het moeilijkste deel.

Dat is waar de MJML-raamwerk komt in het spel. Het is een van de beste gratis e-mailraamwerken die er zijn en het compileert in zuivere HTML / CSS, dat werkt voor alle e-mailclients.

Een van de frustrerende dingen over het coderen van een nieuwsbrief is om het op alle platforms te laten werken. Deze wordt dubbel voor responsief ontwerp die ook voor mobiele en desktopclients moet werken.

Gelukkig, met het MJML-framework, jij krijg een eenvoudige abstractie van HTML, dus je codeert niet elke regel handmatig. Ze heb een beginnershandleiding wat geweldig is voor iedereen die nieuw is bij het ontwikkelen van e-mails.

je zult gebruik aangepaste elementen zoals naar bouw kolommen en rijen voor uw sjabloon. U kunt snel tekst, knoppen en spatiëring toevoegen, op basis van uw behoeften. Het MJML-framework verplaatst uw code van de MJML-markup naar HTML en CSS die voldoen aan de standaarden.

Vanaf daar kunt u test je nieuwsbrief om te zien hoe het eruit ziet in verschillende klanten. Hoewel ik op basis van de compatibiliteitstabellen zou zeggen dat MJML een fantastische keuze is voor alle moderne e-mail.

Let op: u moet enige kennis hebben van de ontwikkeling van de frontend om MJML correct te gebruiken. Het heeft een eigen gepatenteerde templating-taal en converteert dat naar HTML, maar je moet ook begrijpen wat je code aan het doen is.

Voor meer informatie over hoe deze tool werkt, bekijk de FAQ-pagina of blader door de official GitHub repo (ja, dit is open source!)

Of u kunt de live browser-editor om met MJML-code rond te rommelen, zonder iets te downloaden.

Deze live-editor werkt als een transponder in de browser, dus je kunt het ook gebruiken zet uw code om in een nieuwsbriefsjabloon.

Als je eenmaal wat MJML hebt geschreven, doe je het gewoon Klik op de “Bekijk HTML” link boven het voorbeeldvenster. Deze geeft de volledige onbewerkte HTML weer, dus je kunt kopiëren / plakken en gebruiken voor je eigen sjabloon.

Iedereen die gloednieuw is in e-mailnieuwsbrieven moet beginnen met een raamwerk. Er is geen goede reden om alles handmatig te coderen, dus MJML bespaart enorm veel tijd.

Ga om te beginnen naar de online documenten of probeer het zelfs te bewerken een van hun sjablonen in de live-editor. Met slechts enkele uren werk, kunt u een definitieve e-mailnieuwsbrief hebben gecodeerd en klaar voor gebruik.