Authoring von E-Mail-Vorlagen

Nachdem Sie eine E-Mail-Vorlage erstellt haben, verwenden Sie den visuellen Designer, um die Struktur- und Inhaltskomponenten in Ihrer E-Mail-Vorlage zu erstellen.

Hinzufügen von Struktur und Inhalt structure-content

  1. Ziehen Sie zum Starten Ihres Inhaltsdesigns ein Element aus den Strukturen und legen Sie es auf der Arbeitsfläche ab.

    Fügen Sie so viele Elemente aus Strukturen hinzu, wie Sie benötigen, und bearbeiten Sie die Einstellungen für jedes Element im Bereich auf der rechten Seite.

    note tip
    TIP
    Wählen Sie die Komponente n:n column aus, um die Anzahl der Spalten Ihrer Wahl festzulegen (zwischen drei und 10). Sie können auch die Breite jeder Spalte definieren, indem Sie die Pfeile unter die Spalte verschieben.

    Ziehen Sie eine Struktur auf die Arbeitsfläche und passen Sie die Einstellungen an {width="800" modal="regular"}

    Die Spaltengröße darf nicht weniger als 10 % der Gesamtbreite der Strukturkomponente betragen. Es können nur leere Spalten entfernt werden.

  2. Erweitern Sie den Abschnitt Inhalt und fügen Sie beliebig viele Elemente zu einer oder mehreren Strukturkomponenten hinzu.

    Ziehen Sie ein Inhaltselement auf die Arbeitsfläche und passen Sie die Einstellungen an {width="800" modal="regular"}

  3. Bei Bedarf können Sie auf den Registerkarten Einstellungen oder Stil zusätzliche Anpassungen für jede Komponente vornehmen.

    Sie können beispielsweise den Textstil, den Abstand oder den Rand jeder Komponente ändern.

  4. Um bedingte Inhalte hinzuzufügen und den Inhalt basierend auf Bedingungsregeln an die Zielprofile anzupassen, wählen Sie eine Inhaltskomponente aus und klicken Sie in der Komponentensymbolleiste auf das Symbol Bedingten Inhalt aktivieren .

    Weitere Informationen finden Sie unter Bedingter Inhalt.

Fragmente hinzufügen

Im visuellen Inhaltseditor wird links das Symbol Fragmente angezeigt. Im folgenden Beispiel werden die Schritte zum Hinzufügen von Fragmenten zum Vorlageninhalt beschrieben.

  1. Um die Fragmentliste zu öffnen, wählen Sie das Symbol Fragmente ( Fragmentsymbol ).

    Sie haben folgende Möglichkeiten:

    • Sortieren Sie die Liste.
    • Suchen, Suchen oder Filtern Sie die Liste.
    • Zwischen Miniatur- und Listenansichten wechseln.
    • Aktualisieren Sie die Liste, um eines der kürzlich erstellten Fragmente widerzuspiegeln.

    Wählen Sie ein Fragment aus der Liste aus {width="700" modal="regular"}

  2. Ziehen Sie eines der Fragmente in den Platzhalter für die Strukturkomponente.

    Der Editor rendert das Fragment innerhalb des Bereichs/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 per Drag-and-Drop in die E-Mail.

Nachdem die E-Mail gespeichert wurde, wird sie auf der Seite mit den Fragmentdetails angezeigt, wenn Sie in der Zusammenfassung die Registerkarte Verwendet von auswählen. Zu einer E-Mail-Vorlage hinzugefügte Fragmente können nicht in der Vorlage bearbeitet werden. Das Quellfragment definiert den Inhalt.

Hinzufügen von Assets

Wählen Sie im Visual Content Editor das Symbol Assets ( Assets anzeigen ), das links angezeigt wird.

NOTE
Wenn Sie über ein Abonnement für Experience Manager Assets as a Cloud Service verfügen, wählen Sie zusammen mit dem standardmäßigen Adobe Marketo Engage Design Studio zum Zeitpunkt der Erstellung für eine E-Mail, eine E-Mail-Vorlage oder ein visuelles Fragment die Bildquelle aus. Sie können auch die Bildquelle auswählen, bevor Sie den visuellen Designer zur Bearbeitung öffnen.

Im folgenden Beispiel werden die Schritte zum Hinzufügen von Assets zum Vorlageninhalt beschrieben:

  1. Um die Asset-Bibliothek zu öffnen, klicken Sie auf das Symbol Assets .

    In der Asset-Auswahl können Sie direkt in der Quellbibliothek gespeicherte Assets auswählen.

  2. Fügen Sie ein neues Asset hinzu, indem Sie das Bild-Asset per Drag-and-Drop in eine Strukturkomponente ziehen.

    Ziehen Sie ein Marketo Engage-Asset auf die Arbeitsfläche und passen Sie die Einstellungen an {width="800" modal="regular"}

    Weitere Informationen zur Verwendung von Assets aus Ihrem Quelltyp finden Sie unter Hinzufügen von Assets zu Ihrem Inhalt.

  3. Ersetzen Sie ein vorhandenes Bild-Asset, indem Sie es auf der Arbeitsfläche auswählen und in den Bildquellen-Tools auf Asset auswählen klicken.

    Auswählen eines Assets aus der Quellbibliothek {width="600" modal="regular"}

Während Sie mit dem Inhalt im visuellen Designer arbeiten, können Sie mithilfe des Baums Navigation auf die Ebenen/Container und Elemente zugreifen. Klicken Sie auf das Symbol Navigation , um den Baum links neben der Arbeitsfläche anzuzeigen.

Zugreifen auf die Inhaltsebenen {width="800" modal="regular"}

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

  1. Wählen Sie die Spalte in der Strukturkomponente direkt auf der Arbeitsfläche aus oder verwenden Sie die links angezeigte Navigationsstruktur .

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

    Sie können sie auch im Strukturbaum auswählen. Die bearbeitbaren Parameter für diese Spalte werden auf den Registerkarten Einstellungen und Stile rechts angezeigt.

    Im visuellen Designer angezeigte Spaltenkomponenten {width="800" modal="regular"}

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

    • Ändern Sie für Hintergrund die Hintergrundfarbe nach Bedarf.

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

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

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

      Wählen Sie Unterschiedliche Abstände für jede Seite aus, wenn Sie eine Feinabstimmung für den Abstand vornehmen möchten. Klicken Sie auf das Symbol Sperren , um die Synchronisierung zu unterbrechen.

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

    Ändern der Stile für die ausgewählte Spalte {width="700" modal="regular"}

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

  5. Speichern Sie Ihre Änderungen.

Inhalt personalisieren

Journey Optimizer B2B Edition verwendet eine einfache Inline-Syntax, mit der Sie Ausdrücke mit personalisierten Inhalten erstellen können, die durch doppelte geschweifte Klammern {} eingeschlossen sind. Sie können im selben Inhalt oder Feld mehrere Ausdrücke ohne Einschränkungen hinzufügen.

Beispiele:

  • Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}}

  • Hello {{profile.person.name.fullName}}

Bei der Verarbeitung der Nachricht (E-Mail und SMS) ersetzt Journey Optimizer B2B Edition den Ausdruck durch die in der Experience Platform-Datenbank enthaltenen Daten. Das erste Beispiel lautet also Hallo, Max Mustermann.

Im folgenden Beispiel werden Schritte zum Personalisieren von Inhalten mit Lead-/Kontoattributen und System-Token beschrieben.

  1. Wählen Sie die Textkomponente aus und klicken Sie in der Symbolleiste auf das Symbol Personalisierung hinzufügen .

    Klicken Sie auf das Personalisierungssymbol {width="600"}

    Dadurch wird das Dialogfeld Personalization bearbeiten geöffnet.

  2. Klicken Sie auf + oder , um dem leeren Bereich ein Token hinzuzufügen.

    Erstellen von personalisiertem Text mithilfe von Token {width="700" modal="regular"}

  3. Klicken Sie auf Speichern.

Linked URL-Tracking bearbeiten

  1. Klicken Sie links auf das Symbol Links , um alle URLs Ihres Inhalts anzuzeigen, die verfolgt werden sollen.

  2. Klicken Sie bei Bedarf auf das Symbol Bearbeiten (Bleistift) und ändern Sie den Trackingtyp oder den Titel.

    Sie können auch Tags für einen Link hinzufügen.

Klicken Sie auf Mehr , um auf Vorlagenaktionen zuzugreifen {width="500"}

Anzeigeoptionen

Nutzen Sie die im visuellen Designer verfügbaren Ansicht- und Inhaltsvalidierungsoptionen.

  • Vergrößern/Verkleinern Sie den Inhalt über vordefinierte Zoom-Optionen.

  • Wechseln Sie zwischen der Anzeige des Inhalts über Desktop, Mobilgeräte oder Nur-Text/Nur-Text.

    • Klicken Sie auf das Symbol Auge für die geräteübergreifende Inhaltsvorschau.
    • Wählen Sie eines der nativen Geräte aus oder geben Sie benutzerdefinierte Dimensionen ein, um die Vorschau des Inhalts anzuzeigen.

Mehr Optionen

Im Menü Mehr … oben im E-Mail-Designer können Sie die folgenden Aktionen ausführen:

Klicken Sie auf Mehr , um auf Vorlagenaktionen zuzugreifen {width="500"}

  • Vorlage zurücksetzen - Klicken Sie auf diese Option, um die Arbeitsfläche des visuellen Designers zu leeren Arbeitsbereich zu leeren Arbeitsbereich zu leeren Arbeitsbereich zu löschen und die Erstellung von Inhalten neu zu starten.
  • Als Fragment speichern - Speichern Sie alle oder Teile der Vorlage als Fragment, das über mehrere E-Mails oder E-Mail-Vorlagen hinweg wiederverwendet werden soll. Geben Sie einen Namen und eine Beschreibung für das Fragment ein und speichern Sie es in der Liste der verfügbaren Fragmente.
  • Ändern Sie Ihren Entwurf - Kehren Sie zur Seite Design Ihrer Vorlage zurück. Dort können Sie auswählen, ob Sie Ihre Vorlage von Grund auf neu erstellen oder eine vorhandene Vorlage verwenden möchten, um den Designprozess neu zu starten.
  • HTML exportieren - Laden Sie den Inhalt der visuellen Arbeitsfläche in das lokale HTML-Format herunter, das als ZIP-Datei gepackt ist.
recommendation-more-help
6ef00091-a233-4243-8773-0da8461f7ef0