# Coder des emails

> Dans cet épisode, nous allons évoquer le côté obscur de notre métier. Faire du développement à destination des emails ! Nous allons commencer par la partie templating, puis nous évoquerons les plateformes en lignes, les frameworks, les pièges à éviter et nous finirons par un retour d’expérience dans le secteur du e-commerce.

## La problématique concernant le templating des emails

- Problème avec la multitude des clients mail (web et app)
- Code spécifique (merci outlook, Gmail)
- Contrainte d’utiliser du HTML des années 2000 à base de table pour avoir un rendu homogène.

## 2 types d’emails

- emails transactionnels :

  - confirmation de commande
  - creation de compte
  - …
- emails promotions et communication

  - newsletters

## Une multitude d’outils très complets.

Quelques exemples :

- BREVO (ex:sendinblue)
- MailJet
- MailCHIMP

Avantages : Prise en main facile pour des non-techs. Éditeurs d’emails à base de WYSIWYG

Inconvénients : Difficile à piloter depuis le CMS ou le service développé.

Solution bien adaptée pour la gestion des newsletters, mais pas forcément pour du transactionnel.
Parfois compliqué d’automatiser ou de variabiliser.

## Allez plus loin que les plateformes d’emailing

### 1 - Créer des templates en mode no-code

- Achat de templates [https://unlayer.com/templates](https://unlayer.com/templates)
- Service de création de template en ligne : [https://stripo.email/](https://stripo.email/)

### 2 - Créer des templates en mode dev

- En mode React style : MJML [https://mjml.io/](https://mjml.io/)
- Bojler [https://bojler.slicejack.com/](https://bojler.slicejack.com/)
- Foundation Email [https://get.foundation/emails.html](https://get.foundation/emails.html)
- En mode tailwind CSS [https://maizzle.com/](https://maizzle.com/)
- En react : [https://react.email/](https://react.email/)
- En Vue : [https://www.vuemail.net/](https://www.vuemail.net/)

### 3 - Tester les emails en terme marketing

- Tester le design avec [https://www.litmus.com/email-personalization/ai-powered-email-marketing](https://www.litmus.com/email-personalization/ai-powered-email-marketing)

### 4 - Envoyer les emails

Via son propre serveur :

- NodeJS [https://nodemailer.com/](https://nodemailer.com/)
- PHP [https://github.com/PHPMailer/PHPMailer](https://github.com/PHPMailer/PHPMailer)
- Symfony Mailer, Laravel Mail, etc…

**Via des plateformes dédiées à l’envoi d’email :**

- [RESEND](https://resend.com/)
- [https://mailpace.com/](https://mailpace.com/)
- [https://aws.amazon.com/ses/](https://aws.amazon.com/ses/) (Le moins cher, mais attention US / EU réglementations)

**Envoyer par paquet :**

- Pourquoi :
  - pas passer pour un spammer
  - Charge serveur
- Solutions :
  - queue (Laravel Mail, nodemailer + kue,…)
  - Les services d’envois proposent toujours cette option

### 5- Faire en sorte que les emails arrivent

- Attacher son nom de domaine
- Réglages DNS : **MX**  - **SPF  ( éviter les spams )**
- Réglages Sécurité : **DKIM et DMARC**

Outil pratique : [https://www.mail-tester.com](https://www.mail-tester.com/?lang=fr)

## Vidéo :

- [https://www.youtube.com/watch?v=MHnTpN0g7ko](https://www.youtube.com/watch?v=MHnTpN0g7ko)

## Personne à suivre :

[https://twitter.com/HTeuMeuLeu](https://twitter.com/HTeuMeuLeu)

## Site référence

[https://www.caniemail.com/](https://www.caniemail.com/)

Bonne écoute !