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

  1. 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.

    Ziehen Sie eine Struktur auf die Arbeitsfläche und passen Sie die Einstellungen an {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.

  2. Erweitern Sie Abschnitt Inhalte“ und fügen Sie beliebig viele Inhaltskomponenten 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 jede Komponente.

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

  4. 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 ( Assets-Symbol ) in der linken Navigationsleiste aus, um Bild-Assets in der Marketo Optimizer Asset-Bibliothek zu suchen und auszuwählen.

Anweisungen zum Auswählen, Ersetzen oder Hochladen von Bild-Assets finden Sie unter Verwenden von Assets für die Inhaltserstellung.

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 ​ ((Symbol ​ Navigationsbaum) ), um die Baumstruktur anzuzeigen.

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

Im folgenden Beispiel werden Schritte zum Anpassen des Abstands und der vertikalen Ausrichtung innerhalb einer Strukturkomponente mit Spalten 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 im Strukturbaum auswählen. Die bearbeitbaren Parameter für diese Spalte werden auf den Registerkarten Einstellungen und Stile auf der rechten Seite angezeigt.

    Spaltenkomponenten, die im visuellen Designer angezeigt werden {width="800" modal="regular"}

  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 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.

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

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

  5. 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 :

  1. Wählen Sie die Textkomponente aus und klicken Sie auf das Symbol Personalisierung hinzufügen ( Personalisierungssymbol ) in der Symbolleiste.
  2. 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}}.
  3. Fügen Sie bei Bedarf einen Fallback-Wert hinzu, um fehlende Daten zu verarbeiten - z. B. {{profile.firstName | default: "there"}}.
  4. 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 ( Link-Symbol anzeigen ) auf der linken Seite, um alle verknüpften URLs in Ihrem Inhalt anzuzeigen. Dies sind die Links innerhalb von Text-, Schaltflächen- oder Bildkomponenten.

Um das Tracking für einen aufgelisteten Inhaltslink zu definieren, klicken Sie auf das Symbol Bearbeiten ( Bearbeiten-Symbol ) und ändern Sie Tracking-Typ oder Label.

recommendation-more-help
marketo-optimizer-help-user-guide