Tester vos emails HTML avec Mailgun Inspect

Comment importer vos exports HTML Emailify depuis Figma directement dans Mailgun Inspect pour tester leur aperçu sur les clients et appareils.

Tutoriel vidéo : exporter des emails HTML de Figma vers Mailgun Inspect

Cette vidéo montre comment importer des tests d’emails HTML depuis le plugin Figma Emailify dans Mailgun Inspect.

Emailify comprend une intégration dédiée à Mailgun Inspect pour importer des tests d’emails HTML directement depuis Figma. Elle est distincte à la fois de l’intégration Email on Acid et de l’intégration d’envoi Mailgun d’Emailify.

Avant de commencer ​

Il vous faut :

  • un compte Mailgun avec accès aux aperçus d’email Inspect ;
  • une clé API privée Mailgun ;
  • la région associée à votre compte Mailgun : US ou EU.

Vous pouvez copier votre clé API privée depuis les réglages API Security de Mailgun. Mailgun utilise api comme nom d’utilisateur API et votre clé API privée comme mot de passe.

Traitez votre clé API privée comme un mot de passe. Ne la collez pas dans votre design Figma, dans le contenu de l’email ni dans un fichier que vous comptez partager.

Importer un test d’email ​

  1. Ouvrez Emailify dans Figma et sélectionnez les frames d’email à tester.
  2. Ouvrez le panneau Export.
  3. Sélectionnez Mailgun Inspect sous Upload For Testing.
  4. Choisissez la région Mailgun US ou EU de votre compte.
  5. Collez votre clé API privée Mailgun.
  6. Cliquez sur Send To Mailgun Inspect.
  7. Connectez-vous à votre compte Mailgun pour consulter les aperçus d’email générés.

Emailify crée un test d’aperçu Mailgun Inspect distinct pour chaque email sélectionné. La requête contient le HTML généré et l’objet de l’email ; c’est Mailgun Inspect qui détermine les clients d’aperçu disponibles pour votre compte.

Dépannage ​

Si l’import échoue :

  • Vérifiez que vous avez sélectionné la région correspondant à votre compte Mailgun.
  • Vérifiez que vous utilisez une clé API privée valide, et non une clé publique de validation.
  • Vérifiez que votre offre Mailgun inclut les aperçus d’email Inspect.
  • Assurez-vous que les images hébergées à distance dans l’email sont accessibles publiquement.

La confirmation d’export d’Emailify affiche l’erreur renvoyée par Mailgun Inspect. Vous pouvez tout de même télécharger les fichiers HTML générés si l’import échoue.