4 votes

Conception graphique dans Outlook Emails HTML

Pour l'instant, nous créons des illustrations dans Word et les sauvegardons dans un fichier HTML. Nous ouvrons un nouvel e-mail, nous cliquons sur le menu "Insertion", nous cliquons sur "Fichier", nous sélectionnons le fichier HTML et nous choisissons "Insérer comme texte". Le document Word est alors intégré à l'e-mail et nous pouvons créer des liens HTML à partir de là.

Le problème de cette méthode est que nous sommes limités à ce que nous pouvons créer visuellement dans Word. La maquette n'est pas assez professionnelle et il arrive que les en-têtes ou les pieds de page n'apparaissent pas ou ne restent pas à leur place.

Ce que j'aimerais, c'est pouvoir commencer à travailler avec Adobe InDesign (le logiciel 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 le document au format PDF, en conservant les hyperliens>Enregistrer en tant que document HTML>Ouvrir un nouvel e-mail>Insérer le fichier HTML en choisissant d'insérer en tant que texte.

Le problème avec cette méthode est que les images bougent, le texte est de taille différente, mais le côté positif est que les hyperliens ont été conservés. J'y suis donc presque, mais pas tout à fait. Quelqu'un peut-il me suggérer ce que je dois faire pour que la conception s'affiche "correctement" dans Outlook ?

8voto

Rog Points 151

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

Ce que vous pouvez faire : essayer de faire face à la façon dont Outlook traite le HTML et le CSS.

Un bon guide pour comprendre ce qu'il faut faire et ne pas faire se trouve ici :

2voto

Jon Limjap Points 46429

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 de sites Web. Si vous utilisez la suite Adobe, vous devez utiliser un flux de travail de conception dans Photoshop, de découpage puis de construction dans Dreamweaver.

Prémailer est votre ami. C'est l'un des outils que Campaign Monitor utilise dans ses produits. Avec premailer, vous pouvez construire votre page web normalement, puis la télécharger sur premailer. Il la traitera et vous dira ce qui ne va pas, et produira de nouveaux fichiers pour vous avec des css en ligne.

Cela vaut vraiment le coup de jeter un coup d'œil. Puis testez, testez, testez et testez.

0voto

Dan Points 533

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

0voto

Créez votre fichier HTML dans l'application que vous utilisez pour cela. Créez ensuite une signature dans Outlook. Utilisez la signature pour l'e-mail et elle apparaîtra exactement comme le fichier HTML.

SistemesEz.com

SystemesEZ est une communauté de sysadmins où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres sysadmins, poser vos propres questions ou résoudre celles des autres.

Powered by:

X