Dokumentation Journey Optimizer Handbuch für Journey Optimizer

Verwenden der Inhaltskomponenten des E-Mail-Designers

Letzte Aktualisierung: 11. Juni 2025

Themen:
E-Mail-Design

Erstellt für:

Einsteiger
Fortgeschrittener
Benutzende

Bei der Erstellung von E-Mail-Inhalt ermöglichen Inhaltskomponenten die Personalisierung Ihrer E-Mail mit unbearbeiteten Komponenten. Diese können nach dem Einfügen in eine E-Mail bearbeitet werden.

Sie können beliebig viele Strukturkomponenten zu einer oder mehreren Strukturkomponenten hinzufügen. Diese definieren das Layout Ihrer E-Mail.

Hinzufügen von Inhaltskomponenten

Um zu Ihrer E-Mail Inhaltskomponenten hinzuzufügen und sie an Ihre Anforderungen anzupassen, führen Sie die folgenden Schritte aus.

Verwenden Sie zum Definieren des Layouts Ihrer E-Mail einen vorhandenen Inhalt im E-Mail-Designer oder platzieren Sie per Drag-and-Drop Strukturkomponenten in leerem Inhalt.
Weitere Informationen
Um auf den Abschnitt Inhaltskomponenten zuzugreifen, wählen Sie die entsprechende Schaltfläche im linken Fensterbereich des E-Mail-Designers aus.
Platzieren Sie die Inhaltskomponenten Ihrer Wahl mittels Drag-and-Drop in den relevanten Strukturkomponenten.

NOTE
Sie können zu einer einzelnen Strukturkomponente und zu jeder Spalte einer Strukturkomponente mehrere Komponenten hinzufügen.
Passen Sie die Attribute und Stile für jede Komponente mit den Registerkarten Einstellungen und Stil auf der rechten Seite an. Beispielsweise können Sie den Textstil, den Abstand oder den Rand jeder Komponente ändern. Erfahren Sie mehr über Ausrichtung und Abstand
Im erweiterten Menü Ihrer Inhaltskomponente können Sie bei Bedarf mühelos alle Inhaltskomponenten löschen oder duplizieren.

Container

Um bestimmte Stile auf eine Gruppe von Inhaltskomponenten anzuwenden, können Sie einen Container und dann darin Ihre gewünschten Inhaltskomponenten hinzufügen. Auf diese Weise können Sie einen eigenen Stil auf den Container anwenden, der sich vom Stil unterscheidet, der auf die Inhaltskomponenten in diesem Container angewendet wird.

Fügen Sie beispielsweise die Komponente Container hinzu, und fügen Sie anschließend die Komponente Schaltfläche innerhalb dieses Containers hinzu. Sie können einen bestimmten Hintergrund für den Container und einen anderen für die Schaltfläche verwenden.

Schaltfläche

Verwenden Sie die Komponente Schaltfläche, um eine oder mehrere Schaltflächen in Ihre E-Mail einzufügen und Ihre E-Mail-Zielgruppe auf eine andere Seite umzuleiten.

Platzieren Sie in Inhaltskomponenten die Komponente Schaltfläche per Drag-and-Drop in eine Strukturkomponente.
Klicken Sie auf die neu hinzugefügte Schaltfläche, um den Text anzupassen und auf die Registerkarten Einstellungen und Stile im rechten Bereich des E-Mail-Designers zugreifen zu können.
Fügen Sie aus dem Feld Link die URL hinzu, zu der Sie beim Anklicken der Schaltfläche umleiten möchten.
Wählen Sie mit der Dropdown-Liste Zielgruppe aus, wie Ihre Audience umgeleitet werden soll:
- None: öffnet den Link in demselben Frame, in dem er angeklickt wurde (Standardwert).
- Blank: öffnet den Link in einem neuen Fenster oder auf einer neuen Registerkarte.
- Self: öffnet den Link in demselben Frame, in dem er angeklickt wurde.
- Parent: öffnet den Link im übergeordneten Frame.
- Top: öffnet den Link im gesamten Fenster.
Sie können Ihre Schaltfläche weiter personalisieren, indem Sie Stilattribute wie etwa Rahmen, Größe und Rand im Bereich Komponenteneinstellungen ändern.

Text

Verwenden Sie die Komponente Text, um Text in Ihre E-Mail einzufügen und den Stil (Rahmen, Größe, Abstand usw.) über die Registerkarte Stile anzupassen.

Platzieren Sie die Komponente Text in Inhaltskomponenten per Drag-and-Drop in eine Strukturkomponente.
Klicken Sie auf die neu hinzugefügte Komponente, um den Text zu personalisieren und um Zugriff auf die Registerkarten Einstellungen und Stile im rechten Bereich des E-Mail-Designers zu erhalten.
Ändern Sie den Text mit folgenden Optionen in der Symbolleiste:
- Textstil ändern: Anwendung von Fett, Kursiv, Unterstrichen oder Durchgestrichen auf den Text.
- Ausrichtung ändern: Auswahl von linker, rechter, zentrierter oder Blocksatz-Ausrichtung für Ihren Text.
- Liste erstellen: Einfügen einer Liste mit Aufzählungszeichen oder Nummerierung.
- Überschrift festlegen: Definition von bis zu sechs Überschriftsebenen in Ihrem Text.
- Schriftgröße: Auswahl der Schriftgröße des Textes in Pixel.
- Textfarbe ändern: Wählen Sie die Schriftfarbe aus.
- Link einfügen: Fügen Sie Links jeder Art zu Ihrem Inhalt hinzu.
- Bild bearbeiten: Einfügen eines Bildes oder Assets in Ihre Textkomponente. Weitere Informationen über das Asset-Management
- Textfarbe ändern: Wählen Sie die Schriftfarbe aus.
- Personalisierung hinzufügen: Einfügen von Personalisierungsfeldern zur Inhaltsanpassung auf der Basis von Profildaten. Weitere Informationen über die Personalisierung von Inhalten
- Quellcode anzeigen: Anzeigen des Quell-Codes Ihres Textes (keine Änderungen möglich).
- Bedingten Inhalt aktivieren: Fügen Sie bedingte Inhalte hinzu, um den Inhalt der Komponente an die Zielprofile anzupassen. Erfahren Sie mehr über dynamische Inhalte
- Duplizieren: Hinzufügen einer Kopie Ihrer Textkomponente.
- Löschen: Entfernen einer ausgewählten Textkomponente aus Ihrer E-Mail.
Passen Sie die anderen Stilattribute wie Textfarbe, Schriftfamilie, Rahmen, Abstand, Rand usw. auf der Registerkarte Stile an.

Trennlinie

Verwenden Sie die Komponente Trennlinie, um das Layout und den Inhalt Ihrer E-Mail durch eine Trennlinie zu strukturieren.

Sie können Stilattribute wie Linienfarbe, Stil und Höhe auf den Registerkarten Einstellungen und Stile ändern.

HTML

Verwenden Sie die HTML-Komponente, um die unterschiedlichen Teile Ihres vorhandenen HTML-Inhalts zu kopieren und einzufügen. Damit können Sie kostenlose modulare HTML-Komponenten erstellen, um externe Inhalte wiederzuverwenden.

Ziehen Sie die HTML-Komponente in den Inhaltskomponenten per Drag-and-Drop in eine Strukturkomponente.
Klicken Sie auf die neu hinzugefügte Komponente und dann auf Quellcode anzeigen in der kontextuellen Symbolleiste, um Ihren HTML-Code hinzuzufügen.
Kopieren Sie den HTML-Code, den Sie Ihrer E-Mail hinzufügen möchten, und fügen Sie ihn ein, und klicken Sie auf Speichern.

NOTE

Um die Kompatibilität von externem Inhalt mit dem E-Mail-Designer zu gewährleisten, empfiehlt Adobe, eine neue Nachricht zu erstellen und den Inhalt aus der existierenden E-Mail in Komponenten einzufügen.

Bild

Verwenden Sie die Komponente Bild, um eine Bilddatei von Ihrem Computer in Ihre E-Mail einzufügen.

Ziehen Sie die Komponente Bild in den Inhaltskomponenten per Drag-and-Drop in eine Strukturkomponente.
Klicken Sie in der Registerkarte Einstellungen auf Durchsuchen, um Ihre Assets nach einer Bilddatei zu durchsuchen, oder auf Medien importieren, um ein Asset in Adobe Experience Manager Assets hochzuladen.

Weitere Informationen zu Adobe Experience Manager Assets finden Sie in der Dokumentation zu Adobe Experience Manager Assets.

NOTE
Um sicherzustellen, dass Ihre Links aktiv bleiben und keine Gültigkeitsprobleme auftreten, empfehlen wir die Verwendung von Adobe Assets, anstatt sich auf die Quell-URL Ihrer Bilder zu verlassen.
Mit der Option Adobe Stock-Fotos suchen können Sie auch direkt in Adobe Stock suchen.
Klicken Sie auf die neu hinzugefügte Komponente und konfigurieren Sie Ihre Bildeigenschaften:
- Bildtitel erlaubt Ihnen, den Titel für das Bild zu definieren.
- Mit Alt-Text legen Sie die Bildunterschrift fest. Dies entspricht dem HTML-Attribut „alt“.
Sie können auch Nach ähnlichen Stockfotos suchen. Weitere Informationen
Passen Sie auf der Registerkarte Stile die anderen Stilattribute wie Rand, Rahmen usw. an oder fügen Sie einen Link hinzu, um Ihre Zielgruppe zu einem anderen Inhalt über das Bedienfeld Komponenteneinstellungen umzuleiten.

Verwenden Sie die Komponente Social, um Links zu Social-Media-Seiten in Ihre E-Mail einzufügen.

Ziehen Sie die Komponente Social von den Inhaltskomponenten in eine Strukturkomponente.
Klicken Sie auf die neu hinzugefügte Komponente.
Im Feld Social der Registerkarte Einstellungen können Sie auswählen, welche sozialen Medien Sie hinzufügen oder entfernen möchten.
Wählen Sie die Größe Ihrer Symbole im entsprechenden Feld aus.
Klicken Sie auf jedes Ihrer Social-Media-Symbole, um die URL zu konfigurieren, zu der Ihre Zielgruppe weitergeleitet wird.
Bei Bedarf können Sie auch die Symbole der einzelnen sozialen Medien über Ihre Assets ändern.
Passen Sie die anderen Stilattribute wie Stil, Rand, Rahmen usw. auf der Registerkarte Stile an.

Angebotsentscheidung

Verwenden Sie die Komponente Angebotsentscheidung, um Angebote in Ihre Nachrichten einzufügen. Die Entscheidungs-Management-Engine wählt das beste Angebot aus, das Sie Ihren Kunden unterbreiten können.

Ziehen Sie aus den Inhaltskomponenten die Komponente Angebotsentscheidung per Drag-and-Drop in eine Strukturkomponente.
Klicken Sie auf Hinzufügen, um Ihre Angebotsentscheidung auszuwählen.
Wählen Sie aus der Dropdown-Liste Ihre Platzierungen aus. Wählen Sie anschließend die Angebotsentscheidung aus, zu der Sie Inhalte hinzufügen möchten, und klicken Sie auf Hinzufügen.
Auf der Registerkarte Angebotsentscheidung können Sie das eingefügte Angebot in der Vorschau anzeigen oder ändern.

Weitere Informationen dazu, wie Sie einer E-Mail personalisierte Angebote hinzufügen können, finden Sie in diesem Abschnitt.

IMPORTANT

Wenn Änderungen an einer Angebotsentscheidung vorgenommen werden, die in einer Journey-Nachricht verwendet wird, müssen Sie die Veröffentlichung der Journey aufheben und sie dann erneut veröffentlichen. Dadurch wird sichergestellt, dass die Änderungen in die Journey aufgenommen werden und die Nachricht den neuesten Aktualisierungen entspricht.

recommendation-more-help