Envoyer un mail avec MJML et smarty

Dans ce tutoriel, je vous guide à travers le processus d'envoi d'emails avec MJML en utilisant Smarty. La procédure que nous allons suivre est à la fois simple et efficace, assurant la compatibilité avec une variété de supports.

Nous allons illustrer notre démarche en utilisant un exemple concret avec Smarty et la fonction 'fetch'. Cette approche vous permettra de compiler votre mail MJML et de le rendre directement lisible après le processus de compilation. Découvrez comment tirer le meilleur parti de Smarty pour créer des emails dynamiques et visuellement attractifs, tout en optimisant votre flux de travail d'emailing. Prêt à élever le niveau de vos campagnes d'emailing avec cette combinaison puissante de Smarty et MJML ?

Suivez le guide !

 Voici un exemple de code MJML :

<mjml>
  <mj-body>
    <mj-section>
      <mj-column>

        <mj-image width="100px" src="/assets/img/logo-small.png"></mj-image>

        <mj-divider border-color="#F45E43"></mj-divider>
        <mj-text font-size="20px" color="#F45E43">Hello World</mj-text>
        
        <mj-button background-color="red" align="center" color="#ffffff" font-size="17px" font-weight="bold" href="https://google.com" width="300px">
            RSVP Today
        </mj-button>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>

Dans cette section, nous explorerons la manière d'utiliser MJML avec Smarty pour créer des emails dynamiques et visuellement attrayants. Suivez ces étapes simples pour intégrer MJML avec Smarty dans vos projets.

Étape 1 : Création d'un Exemple avec Smarty et MJML

Nous commencerons par élaborer un exemple concret, intégrant le code PHP nécessaire à l'affichage. Cette étape nous permettra de visualiser le rendu de notre email dans un environnement Smarty.

Étape 2 : Intégration du Code PHP

Voici un exemple de code PHP représentant le corps de notre email, utilisant Smarty pour l'affichage du contenu MJML :

<?php
// Utilisez la fonction 'fetch' pour intégrer le contenu MJML dans le template
// Exemple : 
$smarty->fetch('chemin/vers/votre/template.tpl');
?>

Étape 3 : Exemple MJML dans un Template Compilé

En utilisant PHPStorm, nous pouvons compiler notre MJML directement en un fichier .tpl pour une utilisation ultérieure. Cette approche facilite l'intégration de MJML dans votre flux de travail, offrant une solution efficace pour la création et le stockage de templates compilés.

Ainsi, avec cette combinaison de Smarty et MJML, vous bénéficierez d'une méthode robuste pour concevoir des emails attractifs et optimiser votre processus de compilation. Prêt à donner vie à vos campagnes d'emailing ? Suivez ces étapes pour intégrer MJML avec Smarty et profitez d'une expérience de conception d'emails plus fluide et efficace.

Voici un exemple MJML qui sera compilé en .tpl (sous fichiers à construire).

<mjml>
<mj-include path="../common/head.mjml" />
<mj-body mj-class="bodybg">
    <mj-include path="../common/header.mjml" />
    <mj-wrapper padding-top="0" padding-bottom="0" background-color="#fff" css-class="body-section">
        <mj-include path="template/admin.mjml" /> 
    </mj-wrapper>
    <mj-include path="../common/footer.mjml" />
</mj-body>
</mjml>

Ainsi, avec cette combinaison de Smarty et MJML, vous bénéficierez d'une méthode robuste pour concevoir des emails attractifs et optimiser votre processus de compilation. Prêt à donner vie au corps de vos campagnes d'emailing ? Suivez ces étapes pour intégrer MJML avec Smarty et profitez d'une expérience de conception d'emails plus fluide et efficace.

Remarque importante : Ce procédé est intégré dans Magix CMS, simplifiant le processus. Vous n'avez besoin de modifier que le contenu, rendant la gestion de vos emails encore plus pratique et efficace.

Bonus d'intégration dans PHPStorm

Voici un scope MJML pour PHPstorm : 

file:skin/*/mjml/*.mjml