Erstellen von Fragmenten
Nachdem Sie ein Fragment erstellt haben verwenden Sie den visuellen Design-Bereich, um die Struktur- und Inhaltskomponenten in Ihrem Fragment zu erstellen.
Hinzufügen von Struktur und Inhalten design-fragment
-
Ziehen Sie zum Beginnen Ihres Inhaltsdesigns ein Element aus der 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 zu definieren (drei bis zehn). Sie können auch die Breite jeder Spalte definieren, indem Sie die Pfeile unter die Spalte verschieben. {width="800" modal="regular"}
Die Größe einer Spalte darf nicht kleiner als 10 % der Gesamtbreite der Strukturkomponente sein. Nur leere Spalten können entfernt werden.
Weitere Informationen zur Verwendung und Formatierung dieser Komponenten finden Sie unter Strukturkomponenten.
-
Erweitern Sie Abschnitt Inhalte“ und fügen Sie beliebig viele Inhaltskomponenten zu einer oder mehreren Strukturkomponenten hinzu.
{width="800" modal="regular"}
- Container
- Schaltfläche
- Text
- Trennlinie
- Bild
- Social
- Formular (nur Landingpages)
-
Bei Bedarf können Sie auf den Registerkarten Einstellungen“ oder „Stil zusätzliche Anpassungen jede Komponente.
Sie können beispielsweise den Textstil, den Abstand oder den Rand jeder Komponente ändern.
-
Um bedingte Inhalte hinzuzufügen und den Inhalt auf der Grundlage von bedingten Regeln an die Zielprofile anzupassen, wählen Sie eine Inhaltskomponente aus und klicken Sie in der Komponenten Symbolleiste auf das Symbol Bedingten Inhalt aktivieren“.
Weitere Informationen finden Sie unter Bedingter Inhalt.
Hinzufügen von Assets add-assets
Wählen Sie im visuellen Design-Bereich das Symbol Assets (
Anweisungen zum Auswählen, Ersetzen oder Hochladen von Bild-Assets finden Sie unter Verwenden von Assets für die Inhaltserstellung.
Navigieren in den Ebenen, Einstellungen und Stilen navigate-layers-settings-styles
Beim Arbeiten mit Inhalten im visuellen Design-Bereich können Sie über die Navigationsstruktur auf die Komponenten, Spalten und Inhaltselemente zugreifen. Klicken Sie links auf das Symbol Navigationsbaum
Im folgenden Beispiel werden Schritte zum Anpassen des Abstands und der vertikalen Ausrichtung innerhalb einer Strukturkomponente mit Spalten beschrieben.
-
Wählen Sie die Spalte in der Strukturkomponente direkt auf der Arbeitsfläche aus oder verwenden Sie den Navigationsbaum der links angezeigt wird.
-
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 im Strukturbaum auswählen. Die bearbeitbaren Parameter für diese Spalte werden auf den Registerkarten Einstellungen und Stile auf der rechten Seite angezeigt.
{width="800" modal="regular"}
-
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 Unterschiedliche Abstände für jede Seite aus, wenn Sie eine Feinabstimmung für den Abstand vornehmen möchten. Klicken Sie auf Sperrsymbol, um die Synchronisierung aufzuheben.
-
Erweitern Sie den Abschnitt Erweitert, um Inline-Stile für die Spalte zu definieren.
{width="700" modal="regular"}
-
-
Wiederholen Sie bei Bedarf diese Schritte, um die Ausrichtung und den Abstand für die anderen Spalten in der Komponente anzupassen.
-
Speichern Sie Ihre Änderungen.
Personalisieren von Inhalten personalize-content
Marketo Optimizer verwendet die Handlebars-Syntax für die Personalisierung. Token werden zum Zeitpunkt des Versands durch Werte aus den Profildaten jedes Empfängers ersetzt.
Personalisierung hinzufügen :
- Wählen Sie die Textkomponente aus und klicken Sie auf das Symbol Personalisierung hinzufügen (
) in der Symbolleiste. - Durchsuchen Sie im Personalisierungsdialog die Schemastruktur auf der linken Seite und wählen Sie ein Profilattribut aus. Der Editor fügt den entsprechenden Handlebars-Ausdruck ein, z. B.
{{profile.firstName}}. - Fügen Sie bei Bedarf einen Fallback-Wert hinzu, um fehlende Daten zu verarbeiten - z. B.
{{profile.firstName | default: "there"}}. - Klicken Sie Bestätigen oder Einfügen. Der Ausdruck wird inline im Feld angezeigt.
Weitere Informationen zu den Tools und der Syntax des Ausdruckseditors finden Sie unter Personalization-Editor.
Verknüpftes URL-Tracking bearbeiten edit-linked-url-tracking
Das Linktracking-Bedienfeld bietet eine zentrale Ansicht, in der Sie jede URL im Inhalt einfach finden können. Klicken Sie auf Links-Symbol (
Um das Tracking für einen aufgelisteten Inhaltslink zu definieren, klicken Sie auf das Symbol Bearbeiten (