Verwenden von Inhaltskomponenten content-components

Wenn Sie Ihre E-Mail-Inhalte erstellen, können Sie mithilfe von Inhaltskomponenten Ihre E-Mail mit unbearbeiteten, leeren Komponenten personalisieren, die Sie verwenden können, sobald sie in einer E-Mail platziert wurden.

Sie können so viele Inhalte wie nötig in eine Struktur einfügen, die das Layout Ihrer E-Mail definiert.

Hinzufügen von Inhaltskomponenten add-content-components

Gehen Sie wie folgt vor, um Ihrer E-Mail Inhaltskomponenten hinzuzufügen und diese an Ihre Anforderungen anzupassen.

  1. Verwenden Sie im E-Mail-Designer einen vorhandenen Inhalt oder ziehen Sie per Drag-and-Drop eine Struktur in einen leeren Inhalt, um das Layout Ihrer E-Mail zu definieren. Weitere Informationen dazu

  2. Ziehen Sie die Inhalte Ihrer Wahl per Drag-and-Drop in die entsprechenden Strukturen.

    Screenshot, der zeigt, wie Inhaltskomponenten per Drag-and-Drop in den Strukturen des E-Mail-Designers platziert werden {modal="regular"}

    note note
    NOTE
    Sie können zu einer einzelnen Struktur und zu jeder Spalte einer Struktur mehrere Komponenten hinzufügen.
  3. Passen Sie die Optionen für jede Komponente über die kontextabhängige Registerkarte Einstellungen an. Legen Sie beispielsweise fest, ob die Anzeige nur auf Desktop- oder Mobilgeräten oder beidem erfolgen soll. Sie können auf dieser Registerkarte auch Link-Optionen verwalten. Weitere Informationen zum Verwalten von Links

  4. Passen Sie die Stilattribute für jede Komponente mithilfe der Registerkarte Stil an. Sie können beispielsweise den Textstil, den Abstand oder den Rand jeder Komponente ändern. Weitere Informationen über Ausrichtung und Abstand

    Screenshot mit der Registerkarte „Einstellungen“ für Inhaltskomponenten im E-Mail-Designer {modal="regular"}

  5. Verwenden Sie rechts das erweiterte Menü Ihres Inhalts, um Inhaltskomponenten nach Bedarf zu löschen oder zu duplizieren.

Container container

Sie können einen einfachen Container hinzufügen, in den Sie eine andere Inhaltskomponente einfügen. Damit können Sie dem Container einen bestimmten Stil zuweisen, der sich von dem der darin verwendeten Komponente unterscheidet.

Sie können in diesen Container beispielsweise die Komponente Container und anschließend die Komponente Schaltfläche einfügen. Verwenden Sie einen bestimmten Hintergrund für den Container und einen anderen für die Schaltfläche.

Screenshot, der zeigt, wie eine Container-Komponente im E-Mail-Designer hinzugefügt wird {modal="regular"}

Schaltfläche buttons

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 bestimmte Seite umzuleiten.

  1. Platzieren Sie die Komponente Schaltfläche aus der Liste Inhalte per Drag-and-Drop in einer Strukturkomponente.

    Screenshot, der zeigt, wie eine Schaltflächenkomponente im E-Mail-Designer per Drag-and-Drop platziert wird {modal="regular"}

  2. Klicken Sie auf die neu hinzugefügte Schaltfläche, um den Text zu personalisieren und auf die Registerkarten Einstellungen und Stile zuzugreifen.

    Screenshot mit der Registerkarte „Einstellungen“ für Schaltflächenkomponenten im E-Mail-Designer {modal="regular"}

  3. Fügen Sie auf der Registerkarte Einstellungen im Feld URL die URL hinzu, zu der beim Klicken auf die Schaltfläche umgeleitet werden soll.

  4. Wählen Sie in der Dropdown-Liste Zielgruppe aus, wie der Inhalt angezeigt werden soll:

    • Keine: Öffnet den Link im selben Fenster, in dem er angeklickt wurde (Standard).
    • Leer: Öffnet den Link in einem neuen Fenster oder einer neuen Registerkarte.
    • Selbst: Öffnet den Link im selben Fenster, in dem er angeklickt wurde.
    • Übergeordnet: Öffnet den Link im übergeordneten Fenster.
    • Oben: Öffnet den Link im vollständigen Textkörper des Fensters.

    Screenshot mit den Zieloptionen für Schaltflächenkomponenten im E-Mail-Designer {modal="regular"}

  5. Personalisieren Sie Ihre Schaltfläche weiter, indem Sie Stilattribute wie Rahmen, Größe, Rand und andere über die Registerkarte Stile ändern.

Text text

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

  1. Ziehen Sie Text aus dem Menü Inhalte per Drag-and-Drop in eine Strukturkomponente.

    Screenshot, der zeigt, wie eine Textkomponente per Drag-and-Drop im E-Mail-Designer verschoben wird {modal="regular"}

  2. Klicken Sie auf die neu hinzugefügte Komponente, um den Text zu personalisieren und Zugriff auf die Registerkarten Einstellungen und Stile zu erhalten.

  3. Ändern Sie Ihren Text mit den folgenden Optionen, die in der kontextbezogenen Symbolleiste verfügbar sind:

    Screenshot der Symbolleiste zur Textbearbeitung im E-Mail-Designer {modal="regular"}

    • Textstil ändern: Wenden Sie die Optionen „Fett“, „Kursiv“, „Unterstreichen“ oder „Durchstreichen“ auf Ihren Text an.
    • Ausrichtung ändern: Wählen Sie für Ihren Text zwischen linksbündig ausrichten, rechtsbündig ausrichten, zentriert oder Blocksatz.
    • Liste erstellen: Fügen Sie eine Aufzählungs- oder nummerierte Liste zu Ihrem Text hinzu.
    • Überschrift festlegen: Bis zu sechs Überschriftenebenen zu Ihrem Text hinzufügen.
    • Schriftgröße: Wählen Sie die Schriftgröße Ihres Textes in Pixel aus.
    • Bild bearbeiten: Ein Bild oder ein Asset zu Ihrer Textkomponente hinzufügen.
    • Quell-Code anzeigen: Den Quell-Code Ihres Textes anzeigen. Es kann nicht geändert werden.
    • Duplizieren: Eine Kopie der Textkomponente hinzufügen.
    • Löschen: Die ausgewählte Textkomponente aus der E-Mail löschen.
    • Personalisierung hinzufügen: Personalisierungsfelder hinzufügen, um den Inhalt aus Ihren Profildaten anzupassen.
    • Bedingten Inhalt aktivieren: Fügen Sie bedingte Inhalte hinzu, um den Inhalt der Komponente an die Zielprofile anzupassen.
  4. Passen Sie andere Stilattribute wie Textfarbe, Schriftfamilie, Rahmen, Abstand, Rand und andere über die Registerkarte Stile an.

    Screenshot mit der Registerkarte „Stile“ für Textkomponenten im E-Mail-Designer {modal="regular"}

Trennlinie divider

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

Sie können Stilattribute wie Zeilenfarbe, Stil und Höhe auf der Registerkarte Stile anpassen.

Screenshot, der zeigt, wie eine Teilerkomponente im E-Mail-Designer hinzugefügt wird {modal="regular"}

HTML HTML

Verwenden Sie die Komponente HTML, um Teile Ihrer existierenden HTML-Datei zu kopieren und einzufügen. Dadurch können Sie kostenfreie modulare HTML-Komponenten erstellen, um externe Inhalte wiederzuverwenden.

  1. Ziehen Sie aus den Komponenten die HTML-Komponente per Drag-and-Drop in eine Strukturkomponente.

    Screenshot, der zeigt, wie eine HTML-Komponente per Drag-and-Drop im E-Mail-Designer verschoben wird {modal="regular"}

  2. Klicken Sie auf die neu hinzugefügte Komponente und wählen Sie dann in der kontextuellen Symbolleiste Quell-Code anzeigen, um Ihren HTML-Code hinzuzufügen.

    Screenshot mit der Option „Quellcode“ für HTML-Komponenten im E-Mail-Designer {modal="regular"}

NOTE
Um einen externen Inhalt mit dem E-Mail-Designer kompatibel zu machen, empfiehlt Adobe, eine Nachricht von Grund auf neu zu erstellen und den Inhalt aus Ihrer bestehenden E-Mail in Komponenten zu kopieren.

Bild image

IMPORTANT
Der Zugriff auf das Assets-Menü ist auf Benutzerinnen und Benutzer mit einer aktiven Adobe Experience Manager as a Cloud Service-Lizenz beschränkt. Wenn diese Lizenz nicht vorhanden ist, ist das Menü „Assets“ nicht verfügbar.

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

  1. Ziehen Sie aus dem Menü Inhalt ein Bild per Drag-and-Drop in eine Strukturkomponente.

    Screenshot, der zeigt, wie eine Bildkomponente per Drag-and-Drop im E-Mail-Designer verschoben wird {modal="regular"}

  2. Klicken Sie auf Durchsuchen, um eine Bilddatei aus Ihren Assets auszuwählen. Sie können auch Ihre Medien importieren.

    Weitere Informationen zum Hochladen und Hinzufügen von Assets in Adobe Experience Manager finden Sie in der Dokumentation zu Adobe Experience Manager as a Cloud Service.

    Screenshot mit der Option „Durchsuchen“ für Bildkomponenten im E-Mail-Designer {modal="regular"}

  3. Navigieren Sie durch Ihre Ordner, um das gewünschte Asset zu finden, oder verwenden Sie die Suchleiste, um es effizient zu suchen.

    Nachdem Sie das gesuchte Asset gefunden haben, klicken Sie auf Auswählen.

    Screenshot mit dem Prozess der Asset-Auswahl im E-Mail-Designer {modal="regular"}

  4. Klicken Sie auf die neu hinzugefügte Komponente und legen Sie die Bildeigenschaften auf der Registerkarte Einstellungen fest:

    • Bildtitel ermöglicht Ihnen, den Titel für das Bild zu definieren.
    • Alternativtext ermöglicht Ihnen, die zugeordnete Beschriftung zu Ihrem Bild zu definieren. Dies entspricht dem Alt-HTML-Attribut.

    Screenshot mit der Registerkarte „Einstellungen“ für Bildkomponenten im E-Mail-Designer {modal="regular"}

  5. Fügen Sie einen Link hinzu, um Ihre Zielgruppe zu einem anderen Inhalt umzuleiten. Weitere Informationen

  6. Passen Sie andere Stilattribute wie Rand, Rahmen und andere mithilfe der Registerkarte Stile an.

Social social

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

  1. Ziehen Sie aus dem Menü Komponenten die Komponente Social per Drag-and-Drop in eine Strukturkomponente.

  2. Klicken Sie auf die neu hinzugefügte Komponente.

  3. Im Feld Social der Registerkarte Einstellungen können Sie auswählen, welche sozialen Medien Sie hinzufügen oder entfernen möchten.

    Screenshot mit der Registerkarte „Einstellungen“ für Social-Media-Komponenten in der E-Mail-Designer {modal="regular"}

  4. Wählen Sie die Größe Ihrer Symbole im Feld Bildgröße.

  5. Klicken Sie auf jedes Ihrer Symbole für soziale Medien, um die URL zu konfigurieren, zu der Ihre Zielgruppe weitergeleitet werden soll.

    Screenshot mit der URL-Konfiguration für Social-Media-Symbole in der E-Mail-Designer {modal="regular"}

  6. Ändern Sie bei Bedarf die Symbole für jedes Ihrer sozialen Medien im Feld Quelle.

  7. Passen Sie andere Stilattribute wie Rand, Rahmen und andere mithilfe der Registerkarte Stile an.

recommendation-more-help
c39c2d00-ba9a-424b-adf9-66af58a0c34b