Show Menu
THEMEN×

Konvertieren von E-Mail-Inhalten des alten Editors

Beginn, der mit dem E-Mail-Designer arbeitet, und erstellen wiederverwendbare Vorlagen und Fragmente aus Ihrem E-Mail-HTML-Code, der im Legacy-Editor erstellt wurde.
Dieser Abschnitt richtet sich an Benutzer mit fortgeschrittenen HTML-Kenntnissen.
In diesem Anwendungsfall können Sie eine E-Mail-Designer-Vorlage erstellen, indem Sie eine HTML-E-Mail verwenden und sie in HTML-Komponenten im E-Mail-Designer aufteilen.
Wie der Kompatibilitätsmodus kann eine HTML-Komponente mit eingeschränkten Optionen bearbeitet werden: Sie können nur eine ersetzende Ausgabe durchführen.

Vorbereiten des E-Mail-Inhalts

  1. Wählen Sie eine HTML-E-Mail aus.
  2. Identifizieren Sie die Abschnitte, die die HTML-E-Mail unterteilen sollen.
  3. Schneiden Sie die verschiedenen Blöcke aus Ihrem HTML-Code aus.

E-Mail-Struktur erstellen

  1. Open the Email Designer to create an empty email content.
  2. Legen Sie die Attribute für den Hauptteil fest: Hintergrundfarben, Breite etc. Weiterführende Informationen dazu finden Sie im Abschnitt E-Mail-Stile bearbeiten .
  3. Hinzufügen Sie so viele Strukturkomponenten wie Abschnitte. Weiterführende Informationen dazu finden Sie im Abschnitt zum Bearbeiten des E-Mail-Aufbaus .

HTML-Inhalt Hinzufügen

  1. Hinzufügen jeder Strukturkomponente eine HTML-Komponente. Weiterführende Informationen dazu finden Sie im Abschnitt Fragmente und Inhaltskomponenten hinzufügen .
  2. Kopieren Sie den HTML-Code in jede Komponente.

Verwalten des Stils Ihrer E-Mail

  1. Switch to Mobile view . Weiterführende Informationen hierzu finden Sie in diesem Abschnitt .
  2. Um dieses Problem zu beheben, wechseln Sie zum Quellcode-Modus und kopieren Sie Ihren CSS-Abschnitt in einen neuen CSS-Abschnitt. Beispiel:
    <style type="text/css">
    a {text-decoration:none;}
    body {min-width:100% !important; margin:0 auto !important; padding:0 !important;}
    img {line-height:100%; text-decoration:none; -ms-interpolation-mode:bicubic;}
    ...
    </style>
    
    
    Stellen Sie sicher, dass Sie Ihren Stil nach diesem Abschnitt in einem anderen CSS-Tag hinzufügen.
    Verändern Sie das von Email Designer erzeugte CSS nicht:
    • <style data-name="default" type="text/css">(##)</style>
    • <style data-name="supportIOS10" type="text/css">(##)</style>
    • <style data-name="mediaIOS8" type="text/css">(##)</style>
    • <style data-name="media-default-max-width-500px" type="text/css">(##)</style>
    • <style data-name="media-default--webkit-min-device-pixel-ratio-0" type="text/css">(##)</style>
  3. Kehren Sie zur mobilen Ansicht zurück und prüfen Sie, ob Ihr Inhalt korrekt angezeigt wird, und speichern Sie Ihre Änderungen.

Anwendungsbeispiel

Versuchen wir, diese E-Mail, die im Legacy-Editor erstellt wurde, in eine Email Designer Vorlage zu konvertieren.

Identifizieren Sie den Abschnitt Ihrer E-Mail.

Wir können 11 Abschnitte in dieser E-Mail identifizieren.
Um zu ermitteln, welches Element welcher Abschnitt des HTML-Codes ist, können Sie es auswählen.
Um die HTML-Version der E-Mail anzuzeigen, klicken Sie auf Show source .

E-Mail-Vorlage und deren Struktur erstellen

  1. Ziehen Sie per Drag & Drop Structure components das Layout unserer E-Mail.
  2. Wiederholen Sie diese Schritte nach Bedarf. Wir müssen elf Strukturkomponenten erstellen.

Einfügen von HTML-Inhaltskomponenten

  1. Fügen Sie eine HTML component in jede ein Structure component .
  2. Klicken Sie für jeden Abschnitt auf Show source code .
  3. Fügen Sie den HTML-Abschnitt ein.
  4. Klicks Save .
Sie können nun die Wiedergabe Ihrer E-Mail überprüfen.

Verwalten von Stilen für die mobile Ansicht

  1. Fügen Sie CSS-Elemente ein, um sicherzustellen, dass Ihre E-Mail für die mobile Ansicht geeignet ist.
  2. Wechseln Sie zum Quellcode und kopieren Sie den Stilabschnitt in einen neuen Stilabschnitt.
Weitere Informationen finden Sie unter Verwalten des Stils Ihrer E-Mail .
Ihre veraltete E-Mail-Adresse ist jetzt im E-Mail-Designer verfügbar.