Grafikdesign in Outlook-HTML-E-Mails

11733
PhilPursglove

Im Moment erstellen wir Artwork in Word und speichern es als HTML-Datei. Öffnen Sie eine neue E-Mail, indem Sie im Menü auf Einfügen klicken> auf 'Datei' klicken> HTML-Datei auswählen und Als Text einfügen auswählen. Das Word-Dokument wird dann in die E-Mail eingebettet und wir können von dort aus HTML-Links erstellen.

Das Problem bei dieser Methode ist, dass wir uns auf das beschränken, was wir visuell in Word erstellen können. Das Artwork sieht einfach nicht professionell aus und wir stellen fest, dass die Kopf- oder Fußzeilen manchmal nicht angezeigt werden oder nicht in der richtigen Position bleiben.

Ich möchte gerne in Adobe InDesign starten (das von uns verwendete Grafikpaket). Bisher konnte ich in InDesign Grafiken erstellen und in InDesign Schaltflächen und Hyperlinks erstellen.> Als PDF exportieren. Die Hyperlinks bleiben erhalten.> Als HTML-Dokument speichern. Neue E-Mail öffnen.> HTML-Datei einfügen. Als Text einfügen.

Das Problem bei dieser Methode ist, dass sich die Bilder bewegen, der Text alle verschiedene Größen hat, aber auf der positiven Seite wurden die Hyperlinks beibehalten. Ich bin also fast da, aber nicht ganz. Kann jemand vorschlagen, was ich tun muss, damit das Design in Outlook "richtig" angezeigt wird?

4

4 Antworten auf die Frage

8
Aron Rotteveel

Leider hat Outlook die Unterstützung von HTML in E-Mails bekanntermaßen schlecht, und es wird nur noch schlimmer .

Was Sie tun können: Versuchen Sie, mit Outlooks Umgang mit HTML und CSS umzugehen.

Eine gute Anleitung zum Verstehen des Tuns und Nicht-Tuns finden Sie hier:

Campaign Monitor enthält auch Vorlagen, die Sie herunterladen und anpassen können, auch wenn Sie ihr Produkt nicht verwenden: http://www.campaignmonitor.com/templates/ e100 vor 14 Jahren 1
2
Bruce McLeod

Die HTML-E-Mail-Unterstützung ist auf einen kleinen Teil von Inline-CSS beschränkt.

InDesign ist kein Webdesign-Tool. Sie sollten einen Workflow für das Design in Photoshop verwenden, um das Bild zu vergrößern und dann in Dreamweaver einzurichten, wenn Sie die Adobe-Suite verwenden.

Premailer ist dein Freund. Dies ist eines der Tools, die der Kampagnenmonitor in seinen Produkten verwendet. Mit dem Premailer können Sie Ihre Webseite normal erstellen und dann in den Premailer hochladen. Es wird es verarbeiten und Ihnen sagen, was falsch ist, und neue Dateien mit Inline-CSS für Sie erstellen.

Auf jeden Fall einen Blick wert. Dann testen, testen, testen und testen.

0
Dan

Eine sehr gute Sammlung von E-Mail-Design-Ressourcen finden Sie auf der Website von Mark Brownlow (er bloggt über E-Mail-Marketing): http://www.email-marketing-reports.com/iland/2008/07/42-html-email- design-resources.html

0

Erstellen Sie Ihre HTML-Datei in der von Ihnen verwendeten Anwendung. Erstellen Sie dann eine Signatur in Outlook. Verwenden Sie die Signatur für die E-Mail und sie wird genau wie HTML angezeigt.