Erstellen von E-Mail-Vorlagen email-template-authoring

Für einen beschleunigten und verbesserten Design-Prozess können Sie eigenständige E-Mail-Vorlagen erstellen, um benutzerdefinierte Inhalte einfach wiederzuverwenden.

PREREQUISITES
Um auf den neuen E-Mail-Designer zugreifen zu können, muss Ihr Marketo Engage-Abonnement auf das Adobe Identity Management System (IMS) migriert. Wenn Ihre Anfrage noch nicht bearbeitet wurde und Sie eine Beschleunigung anfordern möchten, wenden Sie sich bitte an das Adobe Account Team (Ihren Account Manager) oder an den Marketo Support.
NOTE
E-Mail-Vorlagen im neuen E-Mail-Designer können nur zum Erstellen von E-Mails im neuen E-Mail-Designer verwendet werden. Sie können im alten E-Mail-Editor nicht referenziert werden.

E-Mail-Vorlage erstellen create-an-email-template

  1. Melden Sie sich über die Adobe Experience Cloud bei Marketo Engage an.

  2. Wählen Sie in My Marketo Design Studio aus.

  3. Wählen Sie in der Struktur E-Mail-Vorlagen (Neuer Editor).

  4. Klicken Sie auf Schaltfläche „Vorlage erstellen.

  5. Geben Sie einen Vorlagennamen und eine optionale Beschreibung ein. Klicken Sie auf Erstellen.

Entwerfen einer Vorlage design-your-template

Auf der Vorlage entwerfen können Sie aus einigen Optionen auswählen. Erstellen Sie von Grund, importieren Sie Ihre eigene HTML oder wählen Sie eine vorhandene Vorlage aus (eines unserer Beispiele oder eines, das Sie bereits gespeichert haben).

Von Grund auf gestalten design-from-scratch

Definieren Sie Ihre Inhalte, indem Sie strukturelle Elemente mit einfachen Drag-and-Drop-Aktionen hinzufügen und verschieben.

  1. Wählen Sie auf Seite Vorlage entwerfen“ Erstellen von neuen Inhalten aus.

  2. Fügen Sie Struktur und Inhalt hinzu.

HTML importieren import-your-html

Sie können vorhandene HTML-Inhalte importieren, um Ihre E-Mail-Vorlagen zu entwerfen. Der Inhalt kann wie folgt lauten:

  • Eine HTML-Datei mit integriertem Stylesheet

  • Eine ZIP-Datei, die eine HTML-Datei, das Stylesheet (.css) und Bilder enthält

NOTE
Die Dateistruktur des komprimierten Ordners ist freigestellt. Verweise müssen jedoch relativ sein und mit der Baumstruktur des ZIP-Ordners übereinstimmen.
  1. Wählen Sie auf Seite „Vorlage" HTML importieren aus.

  2. Ziehen Sie die gewünschte HTML- oder ZIP-Datei per Drag-and-Drop (oder wählen Sie eine Datei auf Ihrem Computer aus) und klicken Sie auf Importieren.

    note note
    NOTE
    Wenn der HTML-Inhalt hochgeladen wird, befindet sich der Inhalt im Kompatibilitätsmodus . In diesem Modus können Sie nur Ihren Text personalisieren, Links hinzufügen oder Assets zu Ihren Inhalten hinzufügen.
  3. Um die Inhaltskomponenten von Email Designer nutzen zu können, klicken Sie auf die Registerkarte HTML Converter und dann auf Convert.

    note caution
    CAUTION
    Einen <table>-Tag als erste Ebene in einer HTML-Datei zu verwenden kann zum Verlust des Stils führen, einschließlich der Einstellungen für Hintergrund und Breite im Tag der obersten Ebene.

Sie können jetzt Ihre importierte Datei nach Bedarf mit dem visuellen E-Mail-Editor personalisieren.

Vorlage wählen choose-a-template

Es gibt zwei Arten von Vorlagen zur Auswahl.

  • Beispielvorlagen: Marketo Engage bietet vier vordefinierte E-Mail-Vorlagen.

  • Gespeicherte Vorlagen: Hierbei handelt es sich um Vorlagen, die Sie mithilfe des Menüs Vorlagen von Grund auf neu erstellt haben, oder um eine E-Mail, die Sie erstellt und als Vorlage gespeichert haben.

Beispielvorlagen

Wählen Sie eine der vordefinierten Vorlagen für einen Vorsprung beim Design Ihrer E-Mail-Vorlage.

  1. Die Registerkarte Beispielvorlagen ist standardmäßig geöffnet.

  2. Wählen Sie die Vorlage aus, die Sie verwenden möchten.

  3. Klicken Sie auf Diese Vorlage verwenden.

  4. Bearbeiten Sie den Inhalt nach Bedarf mit dem visuellen Content Designer.

Gespeicherte Vorlagen
  1. Klicken Sie auf Gespeicherte Vorlagen und wählen Sie die gewünschte Vorlage aus.

  2. Klicken Sie auf Diese Vorlage verwenden.

  3. Bearbeiten Sie den Inhalt nach Bedarf mit dem visuellen Content Designer.

Hinzufügen von Struktur und Inhalten add-structure-and-content

  1. Um mit dem Erstellen oder Ändern von Inhalten zu beginnen, ziehen Sie ein Element per Drag-and-Drop aus „Strukturen“ auf die Arbeitsfläche. Bearbeiten Sie die Einstellungen im Bereich auf der rechten Seite.

    note tip
    TIP
    Wählen Sie die Komponente n:n Spalte aus, um die Anzahl der Spalten zu definieren (3 bis 10). Sie können auch die Breite jeder Spalte definieren, indem Sie die Pfeile unter die Spalte verschieben.

    note note
    NOTE
    Die Größe einer Spalte darf nicht kleiner als 10 % der Gesamtbreite der Strukturkomponente sein. Nur leere Spalten können entfernt werden.
  2. Ziehen Sie aus dem Abschnitt Inhalte die gewünschten Elemente per Drag-and-Drop in eine oder mehrere Strukturkomponenten.

  3. Jede Komponente kann über die Registerkarten Einstellungen oder Stil angepasst werden. Ändern Sie Schriftart, Textstil, Rand und mehr.

Hinzufügen von Fragmenten add-fragments

  1. Um auf Ihre Fragmente zuzugreifen, wählen Sie das Symbol Fragmente ( Fragmentsymbol ) in der linken Navigationsleiste aus.

    Fragment auswählen {width="700" modal="regular"}

  2. Ziehen Sie eines der Fragmente per Drag-and-Drop in den Platzhalter der Strukturkomponente .

Der Editor rendert das Fragment innerhalb des Abschnitts/Elements der E-Mail-Struktur. Der Inhalt des Fragments wird innerhalb der Struktur dynamisch aktualisiert, um anzuzeigen, wie der Inhalt in der E-Mail angezeigt wird.

TIP
Wenn das Fragment das gesamte horizontale Layout in der E-Mail einnehmen soll, fügen Sie eine 1:1-Spaltenstruktur hinzu und ziehen Sie das Fragment dann per Drag-and-Drop hinein.

Nachdem die E-Mail gespeichert wurde, wird sie auf der Registerkarte Verwendet von der Seite mit den Fragmentdetails angezeigt. Fragmente, die einer E-Mail-Vorlage hinzugefügt wurden, können innerhalb der Vorlage nicht bearbeitet werden. Das Quellfragment definiert den Inhalt.

Hinzufügen von Assets add-assets

Fügen Sie Bilder hinzu, die im Abschnitt Bilder und Dateien Ihrer Marketo Engage-Instanz gespeichert sind.

NOTE
Bilder können nur im neuen Designer hinzugefügt werden, andere Dateitypen sind derzeit nicht möglich.
  1. Um auf Ihre Bilder zuzugreifen, klicken Sie auf das Symbol Asset-Wähler .

  2. Ziehen Sie das gewünschte Bild per Drag-and-Drop in eine Strukturkomponente .

    note note
    NOTE
    Um ein vorhandenes Bild zu ersetzen, wählen Sie es aus und klicken Sie dann auf Asset auswählen auf der Registerkarte Einstellungen auf der rechten Seite.

Ebenen, Einstellungen und Stile layers-settings-styles

Öffnen Sie den Navigationsbaum, um auf bestimmte Strukturen und deren Spalten/Komponenten zuzugreifen und so eine präzisere Bearbeitung zu ermöglichen. Um darauf zuzugreifen, klicken Sie auf das Symbol Navigationsbaum .

Im folgenden Beispiel werden Schritte zum Anpassen des Abstands und der vertikalen Ausrichtung innerhalb einer aus Spalten zusammengesetzten Strukturkomponente beschrieben.

  1. Wählen Sie die Spalte in der Strukturkomponente direkt auf der Arbeitsfläche aus oder verwenden Sie den Navigationsbaum der links angezeigt wird.

  2. Klicken Sie in der Spalten-Symbolleiste auf Spalte auswählen und wählen Sie das Tool aus, das Sie bearbeiten möchten.

    Sie können sie auch aus dem Strukturbaum auswählen. Die bearbeitbaren Parameter für diese Spalte werden auf den Registerkarten Einstellungen und Stile auf der rechten Seite angezeigt.

  3. Um die Spalteneigenschaften zu bearbeiten, klicken Sie auf die Stile Registerkarte auf der rechten Seite und ändern Sie sie entsprechend Ihren Anforderungen:

    • Für Hintergrund ändern Sie die Hintergrundfarbe nach Bedarf.

      Deaktivieren Sie das Kontrollkästchen für einen transparenten Hintergrund. Aktivieren Sie die Hintergrundbild, um ein Bild anstelle einer Volltonfarbe als Hintergrund zu verwenden.

    • Wählen für das Symbol Oben, Mitte oder Unten aus.

    • Definieren für Abstand“ den Abstand für alle Seiten.

      Wählen Sie Unterschiedlicher Abstand für jede Seite aus, wenn Sie den Abstand anpassen möchten. Klicken Sie auf Sperrsymbol, um die Synchronisierung aufzuheben.

    • Erweitern Sie den Abschnitt Erweitert, um Inline-Stile für die Spalte zu definieren.

  4. Wiederholen Sie diese Schritte nach Bedarf, um die Ausrichtung und den Abstand für die anderen Spalten in der Komponente anzupassen.

  5. Speichern Sie Ihre Änderungen.

Inhalt personalisieren personalize-content

Token funktionieren im neuen Editor genauso wie im alten, aber das Symbol sieht anders aus. Im folgenden Beispiel wird das Hinzufügen eines Vornamen-Tokens mit Fallback-Text beschrieben.

  1. Wählen Sie die Textkomponente aus. Platzieren Sie den Cursor an der gewünschten Stelle, und klicken Sie auf das Symbol Personalisierung hinzufügen.

  2. Klicken Sie auf den gewünschten Tokentyp.

  3. Suchen Sie das gewünschte Token und klicken Sie auf das Symbol (durch Klicken auf das Symbol + wird stattdessen ein Token ohne Fallback-Text hinzugefügt).

    note note
    NOTE
    „Fallback-Text“ ist der neue Editor-Begriff für den Standardwert. Beispiel: {{lead.First Name:default=Friend}}. Dies wird empfohlen, wenn in dem von Ihnen ausgewählten Feld kein Wert für die Person vorhanden ist.
  4. Legen Sie Ihren Fallback-Text fest und klicken Sie auf Hinzufügen.

  5. Klicken Sie auf Speichern.

URL-Tracking bearbeiten edit-url-tracking

Manchmal soll die Marketo-Tracking-URL nicht für einen Link in einer E-Mail aktiviert werden. Dies ist nützlich, wenn die Zielseite URL-Parameter nicht unterstützt und zu einem fehlerhaften Link führen kann.

  1. Klicken Sie auf das Symbol Links , um alle URLs in Ihrer E-Mail anzuzeigen.

  2. Klicken Sie auf das Stiftsymbol, um das Tracking für beliebige Links zu bearbeiten.

  3. Klicken Sie auf Tracking-Typ und treffen Sie Ihre Auswahl.

    table 0-row-2 1-row-2 2-row-2 html-authored no-header
    Tracking ohne mkt_tok Aktiviert das Tracking der URL ohne Verwendung des Abfragezeichenfolgenparameters mkt_tok in der Ziel-URL
    Nachverfolgen mit mkt_tok Aktiviert das Tracking der URL mithilfe des Abfragezeichenfolgenparameters „mkt_tok“ in der Ziel-URL
    Nicht verfolgen Deaktiviert das Tracking der URL
  4. Optional können Sie der URL einen Titel geben oder Tags hinzufügen.

  5. Klicken Sie auf Speichern, wenn Sie fertig sind.

Optionen anzeigen view-options

Nutzen Sie die Ansicht- und Inhaltsvalidierungsoptionen, die im visuellen E-Mail-Editor verfügbar sind.

  • Zoomen Sie den Inhalt mit den voreingestellten Zoom-Optionen ein/aus.

  • Inhalte auf Desktop-, Mobile- oder Nur-Text-/Nur-Text-Kanälen anzeigen.

    • Klicken Sie auf das Symbol Live-Ansicht (Auge) für die geräteübergreifende Inhaltsvorschau.

    • Wählen Sie eines der standardmäßigen Geräte aus oder geben Sie benutzerdefinierte Dimensionen ein, um eine Vorschau Ihres Inhalts anzuzeigen.

Mehr Optionen more-options

Über die Mehr-Optionen im Inhaltseditor können Sie die folgenden Aktionen ausführen:

  • Vorlage zurücksetzen: Wählen Sie diese Option, um die visuelle E-Mail-Designer-Arbeitsfläche zu leeren und die Inhaltserstellung neu zu starten.

  • Design ändern: Kehren Sie zur Seite Design Ihrer Vorlage zurück. Von hier aus können Sie jede Aktion ausführen, die im Abschnitt Gestalten Ihrer Vorlage beschrieben wird.

  • HTML exportieren: Laden Sie den Inhalt auf der visuellen Arbeitsfläche im HTML-Format in Form einer ZIP-Datei auf Ihr lokales System herunter.

Vorlagendetails anzeigen view-template-details

Klicken Sie auf Listenseite „E Mail-Vorlagen“ auf den Namen einer E-Mail-Vorlage, um deren Details anzuzeigen.

Grundlegende Details wie Name und Beschreibung können bearbeitet werden. Klicken Sie auf eine Stelle außerhalb des bearbeiteten Felds, um die Änderungen zu speichern.

Klicken Sie auf Mehr, um Ihre Vorlage schnell zu löschen oder zu duplizieren.

Wenn aktive Warnhinweise vorhanden sind (Fehler/Warnungen für die E-Mail-Vorlage), klicken Sie auf Warnhinweise , um die Informationen anzuzeigen.

NOTE
Diese Warnhinweise verbieten zwar nicht die Verwendung der E-Mail-Vorlage für die E-Mail-Erstellung, die Informationen bieten jedoch Einblick in die Funktionen, die möglicherweise nicht funktionieren, und in die erforderlichen Aktualisierungen, bevor die E-Mail für den Versand verwendet werden kann.

Anzeigen der von Verweisen verwendeten E-Mail-Vorlage email-template-used-by-references

Klicken Sie in der E-Mail-Vorlagenübersicht auf die Registerkarte Verwendet von, um Details dazu anzuzeigen, wo diese E-Mail-Vorlage in Marketo Engage verwendet wurde.

E-Mail-Vorlagen bearbeiten edit-email-templates

Diese Aktion kann übernommen werden aus:

  • Klicken Sie auf der Registerkarte Details E-Mail-Vorlage bearbeiten.

Diese Aktion führt Sie je zuletzt gespeicherten Status der E Mail-Vorlage zur Seite „Vorlage gestalten“ oder zur Seite „Visual Content Editor“. Von hier aus können Sie den Inhalt Ihrer E-Mail-Vorlage nach Bedarf bearbeiten. Informationen zu den Bearbeitungsoptionen finden Sie unter Erstellen von E-Mail-Vorlagen .

E-Mail-Vorlagen duplizieren duplicate-email-templates

Es gibt zwei Möglichkeiten, eine E-Mail-Vorlage zu duplizieren:

  • Klicken Sie in den E-Mail-Vorlagendetails auf der rechten Seite auf Mehr und wählen Sie Duplizieren.

  • Klicken Sie auf Listenseite E Mail-Vorlagen auf das Symbol Mehr Aktionen (drei Punkte) der gewünschten E-Mail-Vorlage und wählen Sie Duplizieren.

Geben Sie im Dialogfeld einen eindeutigen Namen und optional eine Beschreibung ein. Klicken Sie abschließend Duplizieren.

Die duplizierte E-Mail-Vorlage wird dann auf der E-Mail-Vorlagen Auflistungsseite angezeigt.

E-Mail-Vorlagen löschen delete-email-templates

Es gibt zwei Möglichkeiten, eine E-Mail-Vorlage zu löschen.

CAUTION
Das Löschen einer E-Mail-Vorlage kann nicht rückgängig gemacht werden.
  • Klicken Sie in den E-Mail-Vorlagendetails auf der rechten Seite auf Mehr und wählen Sie Löschen.

  • Klicken Sie auf Listenseite E Mail-Vorlagen auf das Symbol Mehr Aktionen (drei Punkte) der gewünschten E-Mail-Vorlage und wählen Sie Löschen.

Massenaktionen bulk-actions

Wählen Sie auf der E Mail-Vorlagen“-Listenseite mehrere Vorlagen aus, indem Sie die Kontrollkästchen links auswählen. Unten wird ein Banner angezeigt.

Löschen: Sie können maximal 20 Vorlagen gleichzeitig löschen. In einem Bestätigungsdialogfeld können Sie die Aktion abbrechen oder den Löschvorgang bestätigen.

recommendation-more-help
94ec3174-1d6c-4f51-822d-5424bedeecac