HTML-E-Mails entwerfen

Beim Versenden von HTML-E-Mails müssen Sie berücksichtigen, dass Ihre Empfänger möglicherweise andere E-Mail-Clients verwenden als Sie. Verschiedene E-Mail-Clients rendern HTML auf unterschiedliche Weise. Die HTML-E-Mail sieht möglicherweise nicht in jedem E-Mail-Programm des Empfängers so aus wie in Ihrem. Es gibt eine Reihe von verschiedenen Faktoren, die dies verursachen. Zum Beispiel verwenden verschiedene E-Mail-Clients unterschiedliche Engines, um HTML zu rendern, E-Mail-Clients fügen ihren eigenen Stil zu Ihrem hinzu, E-Mail-Clients unterstützen CSS nicht universell und einige E-Mail-Clients zeigen möglicherweise überhaupt kein HTML an. Mailserver können auch einige Elemente des HTML entfernen.

Halten Sie es einfach

Wenn Sie mehr als nur grundlegendes Formatieren wünschen, müssen Sie ein wenig darüber nachdenken, wie Ihre E-Mail von den Empfängern angesehen wird. Je komplexer das HTML ist, desto wahrscheinlicher wird die Nachricht vom Client unterschiedlich angezeigt.

• Verwenden Sie Tabellen mit shim.gifs, um Abstandsprobleme zu lösen, wenn erforderlich. Haben Sie keine komplexe Verschachtelungsstruktur innerhalb der Tabellen.
• Verwenden Sie Inline-CSS und FONT-Tags.
• Halten Sie die Breite der E-Mail auf 600px oder weniger.

Kopieren und Einfügen von formatiertem Text

Der sicherste Weg, die HTML-E-Mail in pdfMachine zu erstellen, besteht darin, entweder die Schaltflächen im Editor zum Formatieren zu verwenden oder in den Quellmodus des Editors zu wechseln und das HTML selbst zu schreiben. Stattdessen kopieren viele Leute gerne vorhandenen formatierten Text und fügen ihn in den Editor ein. Einige Editoren fügen überflüssigen Code ein, der außerhalb dieses Editors nicht verstanden wird. z.B. verwendet Microsoft Word Klassen und Stile, die nur in Microsoft Word relevant sind.

<p class=MsoNormal style='mso-layout-grid-align:none;text-autospace:none'>

Fragmente von kopiertem HTML können auf Dinge angewiesen sein, die nicht aus der Client-E-Mail kopiert zugänglich sind. Zum Beispiel Stile, die in Stylesheets enthalten sind. Es werden keine Stylesheets im E-Mail-Körper enthalten sein.

Wie sende ich Bilder im Body meiner HTML-E-Mail?

Es gibt keine garantierte Methode, um Bilder in einer HTML-E-Mail zu senden. Sie können sich nicht sicher sein, dass Bilder in E-Mails dem Endbenutzer als Teil des E-Mail-Körpers angezeigt werden. Dies gilt unabhängig davon, ob sie von pdfMachine, pdfMachine merge oder von einer anderen Anwendung stammen. E-Mail-Server und -Clients - sowohl Ihre als auch die der Empfänger - können die E-Mails und Bilder auf dem Weg blockieren. Es gibt viele Informationen zu diesem Thema im Web. Sie sollten immer überlegen, wie Ihre E-Mail dem Benutzer präsentiert wird, wenn das Bild nicht angezeigt wird.

Um ein Bild in den Body Ihrer E-Mail mithilfe von pdfMachine einzufügen, müssen Sie ein öffentlich zugängliches Bild verwenden. Sie können entweder die Bildschaltfläche im E-Mail-Editor verwenden oder das HTML der E-Mail direkt bearbeiten.

Verwenden Sie die Bildschaltfläche im pdfMachine E-Mail-Editor

Verwenden Sie die Bildschaltfläche wie gezeigt

Sie können entweder ein bereits öffentlich zugängliches Bild verwenden, indem Sie die URL-Option verwenden, oder Sie können die Upload-Option verwenden. Wenn Sie Bild hochladen wählen, wird das Bild auf den Broadgun-Server hochgeladen und steht einen Monat lang zur Verfügung. Wenn Sie das Bild länger verfügbar haben möchten, verwenden Sie die URL eines öffentlich zugänglichen Bildes, bei dem Sie den Standort kontrollieren.

   

Editieren Sie das HTML im pdfMachine E-Mail-Editor

Wenn Sie mit HTML vertraut sind, können Sie den HTML-Körper der E-Mail im Quellmodus innerhalb des pdfMachine E-Mail-Editors bearbeiten. Der 'Modus ändern'-Button wechselt zwischen Vorschau- und Quellmodus.

   

Fügen Sie das Bild als Anhang bei

Wenn es wichtig ist, dass das Bild ankommt, dann senden Sie das Bild als Anhang, anstatt es in den Körper einzufügen.

Weitere Informationen

Die folgenden Links sind nicht mit Broadgun Software verbunden, zeigen jedoch, wie man HTML-E-Mails erstellt und demonstrieren, wie man einige der mit HTML-E-Mails verbundenen Fallstricke vermeidet.

MailChimp Wissensdatenbank : Über HTML-E-Mails

envatotuts+ : Erstellen Sie eine HTML-E-Mail-Vorlage von Grund auf