E-Mail-Authoring
Verwenden Sie Adobe Journey Optimizer B2B edition , um E-Mail-Nachrichten an Ihre Kunden zu senden. Sie können Nachrichten im Visual Designer erstellen, personalisieren und in der Vorschau anzeigen.
Hinzufügen einer E-Mail-Aktion auf einer Konto-Journey
Sie können E-Mail-Sendungen in einer Konto-Journey einrichten, wenn Sie einen Knoten Aktion ausführen hinzufügen und folgende Schritte ausführen:
-
Wählen Sie für die Aktion auf Ziel Personen aus.
-
Wählen Sie für die Aktion für Personen E-Mail senden aus.
-
Wählen Sie für die E-Mail-Quelle Neue E-Mail erstellen aus.
Alternativ können Sie auch die Option E-Mail aus Adobe Marketo Engage auswählen auswählen, um eine der vorab erstellten E-Mails in Marketo Engage zu verwenden und sie als Teil der Konto-Journey zu senden.
note note NOTE Wenn Sie eine E-Mail zum ersten Mal erstellen, stellen Sie sicher, dass der E-Mail-Kanal in Adobe Marketo Engage konfiguriert ist. Weitere Informationen finden Sie unter Zustellbarkeit von E-Mails sicherstellen in der Marketo Engage-Dokumentation. {width="700" modal="regular"}
-
Klicken Sie unten im Bedienfeld Aktion durchführen auf E-Mail erstellen.
-
Geben Sie im Dialogfeld einen eindeutigen Namen für die E-Mail und eine Betreffzeile ein.
{width="400"}
-
Klicken Sie auf Erstellen.
Im Abschnitt E-Mail-Eigenschaften der E-Mail-Inhaltsseite sind die Felder Von E-Mail und An Adresse antworten bereits konfiguriert. Sie können Werte für die Felder Von Name und Beschreibung (optional) eingeben.
Erstellen des E-Mail-Inhalts
Klicken Sie oben im Vorschaufenster für die E-Mail auf E-Mail-Inhalt hinzufügen .
{width="700" modal="regular"}
Mit dieser Aktion wird E-Mail-Designer gestartet, in der Sie aus den folgenden Optionen auswählen können, wie Sie Ihre E-Mail erstellen möchten:
-
Gestalten Sie Ihre E-Mail mit der Benutzeroberfläche von Email Designer von Grund auf neu.
-
Importieren Sie vorhandene HTML-Inhalte aus einer Datei oder einem ZIP-Ordner.
-
Wählen Sie eine vorhandene Vorlageaus einer Liste integrierter oder benutzerdefinierter E-Mail-Vorlagen.
Um die Betreffzeile mit dem Ausdruckseditor zu konfigurieren und zu personalisieren, klicken Sie auf das Symbol Personalization und fügen Sie einen der Marketo Engage-Token hinzu.
Nachdem Sie den E-Mail-Inhalt erstellt und personalisiert haben, können Sie ihn zur Validierung oder zur späteren Verwendung exportieren. Klicken Sie auf HTML exportieren , um den Inhalt als ZIP-Datei zu speichern, die Ihre HTML und Assets enthält.
Gestalten Ihrer E-Mail von Grund auf neu design-from-scratch
Verwenden Sie den visuellen Inhaltseditor, um die Struktur des E-Mail-Inhalts zu definieren. Durch das Hinzufügen und Verschieben von Strukturkomponenten mit einfachen Drag & Drop-Aktionen können Sie die Form des wiederverwendbaren E-Mail-Inhalts innerhalb von Sekunden gestalten.
-
Wählen Sie auf der Homepage Vorlage entwerfen die Option Neu entwerfen aus.
-
Bild-Assets hinzufügen zur E-Mail-Nachricht.
Wenn Ihr Inhalt fertig ist, klicken Sie oben auf Inhalt simulieren , um das Rendering zu überprüfen. Sie können zwischen der Desktop- oder der mobilen Ansicht wählen.
Wenn Sie mit dem Inhalt zufrieden sind, klicken Sie auf Speichern.
Vorhandenen HTML-Inhalt importieren
Importierte Inhalte können:
-
Eine HTML-Datei mit integriertem Stylesheet
-
Eine ZIP-Datei mit einer HTML-Datei, dem Stylesheet (.css) und Bildern.
note note NOTE Die Dateistruktur des komprimierten Ordners ist freigestellt. Verweise müssen jedoch relativ sein und in die Baumstruktur des Ordners .zip passen. Die Bilder werden immer in das Marketo Engage-Asset-Repository hochgeladen. Wenn Sie die Bilddateien in Experience Manager Assets verwalten möchten, laden Sie sie separat in diese App-Benutzeroberfläche hoch und ändern Sie die Bildlinks in Email Designer.
So importieren Sie eine Datei mit HTML-Inhalt:
-
Wählen Sie auf der Startseite Vorlage entwerfen die Option HTML importieren aus.
-
Ziehen Sie die HTML- oder ZIP-Datei mit Ihrem HTML-Inhalt per Drag-and-Drop und klicken Sie auf Importieren.
{width="500"}
<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.Mit den visuellen E-Mail-Editor-Tools können Sie den importierten Inhalt nach Bedarf personalisieren.
Vorlage auswählen
Sie können aus folgenden Optionen wählen:
-
Beispielvorlagen. Die Benutzeroberfläche von Journey Optimizer bietet 20 vordefinierte E-Mail-Vorlagen, aus denen Sie auswählen können.
-
Gespeicherte Vorlagen. Verwenden Sie eine gespeicherte benutzerdefinierte Vorlage, die Sie entweder von Grund auf mithilfe des Menüs Vorlagen erstellt oder mithilfe der Option Als Inhaltsvorlage speichern aus einer E-Mail in einer Journey gespeichert haben.
Verwenden Sie den Abschnitt Designvorlage auswählen , um mit der Erstellung Ihres Inhalts aus einer Vorlage zu beginnen. Sie können eine Beispielvorlage oder eine gespeicherte benutzerdefinierte E-Mail-Vorlage aus Ihrer Journey Optimizer B2B Edition-Instanz verwenden.
Auf der Startseite Vorlage erstellen ist die Registerkarte Beispielvorlagen erstellen standardmäßig ausgewählt. Um eine benutzerdefinierte Vorlage zu verwenden, wählen Sie die Registerkarte Gespeicherte Vorlagen aus.
Die Liste aller E-Mail-Vorlagen, die in der aktuellen Sandbox erstellt wurden, wird angezeigt. Sie können sie nach Name, Zuletzt geändert und Zuletzt erstellt sortieren.
{width="800" modal="regular"}
Wählen Sie die gewünschte Vorlage aus der Liste aus.
Nach der Auswahl wird eine Vorschau der Vorlage angezeigt. Im Vorschaumodus können Sie mithilfe der Rechts- und Linkspfeile zwischen allen Vorlagen einer Kategorie (Beispiel oder je nach Auswahl gespeichert) navigieren.
{width="800" modal="regular"}
Wenn die Anzeige mit dem übereinstimmt, was Sie verwenden möchten, klicken Sie oben rechts im Vorschaufenster auf Diese Vorlage verwenden .
Mit dieser Aktion wird der Inhalt in den visuellen Inhaltsentwickler kopiert, wo Sie den Inhalt nach Bedarf bearbeiten können.
Adobe Journey Optimizer B2B Edition bietet eine Auswahl an vordefinierten E-Mail-Vorlagen 1}, die zur Erstellung von E-Mails und E-Mail-Vorlagen verwendet werden können.
{width="800" modal="regular"} bereitgestellte Vorlage aus.
Hinzufügen von Struktur und Inhalt structure-content
-
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. {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.
-
Erweitern Sie den Abschnitt Inhalt und fügen Sie beliebig viele Elemente zu einer oder mehreren Strukturkomponenten hinzu.
{width="800" modal="regular"}
-
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.
-
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.
-
Um die Fragmentliste zu öffnen, klicken Sie auf das Symbol Fragmente.
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.
{width="700" modal="regular"}
-
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.
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 ( ), das links angezeigt wird.
Im folgenden Beispiel werden die Schritte zum Hinzufügen von Assets zum Vorlageninhalt beschrieben:
-
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.
-
Fügen Sie ein neues Asset hinzu, indem Sie das Bild-Asset per Drag-and-Drop in eine Strukturkomponente ziehen.
{width="800" modal="regular"}
Weitere Informationen zur Verwendung von Assets aus Ihrem Quelltyp finden Sie unter Hinzufügen von Assets zu Ihrem Inhalt.
-
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.
{width="600" modal="regular"}
Navigieren in den Ebenen, Einstellungen und Stilen
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.
{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.
-
Wählen Sie die Spalte in der Strukturkomponente direkt auf der Arbeitsfläche aus oder verwenden Sie die links angezeigte Navigationsstruktur .
-
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.
{width="800" modal="regular"}
-
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.
{width="700" modal="regular"}
-
-
Wiederholen Sie diese Schritte bei Bedarf, um die Ausrichtung und den Abstand für die anderen Spalten in der Komponente anzupassen.
-
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.
-
Wählen Sie die Textkomponente aus und klicken Sie in der Symbolleiste auf das Symbol Personalisierung hinzufügen .
{width="600"}
Dadurch wird das Dialogfeld Personalization bearbeiten geöffnet.
-
Klicken Sie auf + oder … , um dem leeren Bereich ein Token hinzuzufügen.
{width="700" modal="regular"}
-
Klicken Sie auf Speichern.
Linked URL-Tracking bearbeiten
-
Klicken Sie links auf das Symbol Links , um alle URLs Ihres Inhalts anzuzeigen, die verfolgt werden sollen.
-
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.
{width="500"}
Anzeigeoptionen
Nutzen Sie die im visuellen E-Mail-Editor 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 Anzeigen 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:
{width="500"}
- E-Mail zurücksetzen - Klicken Sie auf diese Option, um die Arbeitsfläche des visuellen E-Mail-Designers zu leeren Arbeitsbereich zu leeren Arbeitsbereich zu leeren und mit dem Erstellen Ihres Inhalts neu zu beginnen.
- Als Fragment speichern - Speichern Sie alle oder Teile der E-Mail 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.
- Design ändern - Kehren Sie zur Seite E-Mail entwerfen zurück. Von dort aus können Sie eine andere Vorlage auswählen, um den Designprozess neu zu starten, oder den Inhalt von Grund auf in einer schwarzen Arbeitsfläche entwerfen.\
- Als Inhaltsvorlage speichern - Speichern Sie den E-Mail-Textkörper als E-Mail-Vorlage, die über mehrere E-Mails oder E-Mail-Vorlagen hinweg wiederverwendet werden soll. Geben Sie einen Namen und eine Beschreibung für die Vorlage ein und speichern Sie sie in der Liste gespeicherter E-Mail-Vorlagen.
- HTML exportieren - Laden Sie den Inhalt der visuellen Arbeitsfläche in das lokale HTML-Format herunter, das als ZIP-Datei gepackt ist.
Prüfen von Warnhinweisen
Während Sie den Inhalt Ihrer E-Mail-Nachricht erstellen, werden Warnhinweise in der Benutzeroberfläche (oben rechts auf der Seite) angezeigt, wenn wichtige Einstellungen fehlen.
Wenn diese Schaltfläche nicht angezeigt wird, gibt es keine erkannten Probleme.
Zwei Arten von Warnhinweisen können erkannt werden:
-
Warnungen, die auf Empfehlungen und Best Practices verweisen, z. B.:
-
The opt-out link is not present in the email body
: Es empfiehlt sich, einen Abmelde-Link in Ihren E-Mail-Textkörper einzufügen.note note NOTE E-Mail-Nachrichten im Marketing-Stil müssen einen Ausschluss-Link enthalten, der für Transaktionsnachrichten nicht erforderlich ist. -
Text version of HTML is empty
: Vergessen Sie nicht, eine Textversion Ihres E-Mail-Textkörpers zu definieren, die verwendet wird, wenn kein HTML-Inhalt angezeigt werden kann. -
Empty link is present in email body
: Überprüfen Sie, ob alle Links in Ihrer E-Mail korrekt sind. -
Email size has exceeded the limit of 100KB
: Stellen Sie für einen optimalen Versand sicher, dass die Größe Ihrer E-Mail 100 KB nicht überschreitet.
-
-
Fehler, die Sie daran hindern, die Journey/Kampagne zu testen oder zu aktivieren, solange sie nicht aufgelöst werden, z. B.:
-
The subject line is missing
: E-Mail-Betreffzeile ist obligatorisch. -
The email version of the message is empty
: Dieser Fehler wird angezeigt, wenn der E-Mail-Inhalt nicht konfiguriert wurde.
-
Überprüfen und Testen der E-Mail preview-test
Wenn Ihr Nachrichteninhalt definiert ist, können Sie mithilfe von Testprofilen die Vorschau anzeigen, Testsendungen durchführen und das Rendering in beliebten Desktop-, Mobile- und Web-basierten Clients steuern. Wenn Sie personalisierten Inhalt eingefügt haben, können Sie mithilfe von Testprofildaten eine Vorschau des Inhalts in der Nachricht anzeigen.
Um den E-Mail-Inhalt in der Vorschau anzuzeigen, klicken Sie auf Inhalt simulieren und fügen Sie dann ein Testprofil hinzu, um Ihre Nachricht mithilfe der Testprofildaten zu überprüfen.
{width="700" modal="regular"}