Question Conception graphique dans les courriels HTML Outlook


Pour le moment, nous créons des illustrations dans Word et les enregistrons sous forme de fichier HTML. En ouvrant un nouvel e-mail, en cliquant sur Insérer dans le menu> en cliquant sur "Fichier"> Sélection du fichier HTML et en choisissant Insérer comme texte. Le document Word est ensuite incorporé dans le courrier électronique et nous pouvons créer des liens HTML à partir de là.

Le problème avec cette méthode est que nous sommes limités à ce que nous pouvons créer visuellement dans Word. Les illustrations ne semblent pas suffisamment professionnelles et nous constatons que les en-têtes ou les pieds de page n'apparaissent pas ou ne restent pas dans la bonne position.

Ce que je voudrais faire, c'est pouvoir démarrer dans Adobe InDesign (le package graphique que nous utilisons). Jusqu'à présent, j'ai pu créer des illustrations dans InDesign et créer des boutons et des hyperliens dans InDesign> Exporter sous forme de pdf, en conservant les liens hypertextes> Enregistrer sous forme de document HTML> Ouvrir un nouveau courrier> Insérer un fichier HTML

Le problème avec cette méthode est que les images se déplacent, que le texte est de tailles différentes, mais du côté positif, les hyperliens ont été conservés. Donc je suis presque là, mais pas tout à fait. Quelqu'un peut-il suggérer ce que je dois faire pour que la conception s'affiche correctement dans Outlook.


4
2017-07-29 13:51


origine




Réponses:


Malheureusement, Outlook a notoirement mauvais support pour HTML dans les e-mails, et ça ne fera qu'empirer.

Ce que tu peux faire:  essayez de faire face à la façon dont Outlook gère HTML et CSS.

Vous trouverez un bon guide pour comprendre les choses à faire ici:


8
2017-07-29 13:56



Campaign Monitor dispose également de modèles que vous pouvez télécharger et adapter, même si vous n'utilisez pas leur produit: campaignmonitor.com/templates - e100


La prise en charge du courrier électronique HTML est limitée à un petit sous-ensemble de CSS en ligne.

InDesign n'est pas un outil de conception Web, vous devez utiliser un flux de travail de conception dans Photoshop> Slice Up puis créer dans Dreamweaver si vous utilisez la suite Adobe.

Premailer est votre ami. C'est l'un des outils que le moniteur de campagne utilise dans ses produits. Avec premailer, vous pouvez construire votre page Web normalement, puis la télécharger sur premailer. Il le traitera et vous dira ce qui ne va pas, et produira de nouveaux fichiers avec css inline.

Ça vaut vraiment le coup. Ensuite, testez, testez, testez et testez.


2
2017-07-29 14:07





Une très bonne collection de ressources de conception de courrier électronique est publiée sur le site de Mark Brownlow (il blogue sur tout ce qui concerne le marketing par courrier électronique): http://www.email-marketing-reports.com/iland/2008/07/42-html-email-design-resources.html


0
2017-07-30 08:20





Créez votre fichier HTML dans l'application que vous utilisez pour cela. Créez ensuite une signature dans Outlook. Utilisez la signature pour le courrier électronique et il apparaîtra comme le code HTML.


0
2017-12-11 16:30