E-Mail-Builder: Inhaltselemente

Inhaltselemente sind die Bausteine, die Sie in Strukturen platzieren. Jeder Elementtyp verarbeitet eine bestimmte Art von Inhalt und hat eigene Einstellungen. Ziehen Sie Elemente aus dem Elemente-Panel auf der linken Seite in die Spalten Ihrer Arbeitsfläche. Sie können Elemente auch zwischen bereits auf der Arbeitsfläche befindlichen Strukturen verschieben.

Überschrift

Überschriften-Elemente schaffen visuelle Hierarchie in Ihrer E-Mail – Titel, Abschnittsüberschriften und Unterüberschriften. Mehrere Überschriften-Ebenen sind verfügbar (H1, H2, H3) mit Standardstilen, die in Ihrem E-Mail-Stil-Panel festgelegt werden. Verwenden Sie Überschriften, um Lesern das schnelle Überfliegen Ihrer Nachricht zu erleichtern.

Text

Das Textelement ist für Fließtext. Klicken Sie darauf, um einen Rich-Text-Editor zu öffnen, in dem Sie Schriftart, Größe, Farbe, Ausrichtung und Abstände gestalten können. Sie können Links hinzufügen, Personalisierungsplatzhalter einfügen und Inline-Bilder einbetten. Für bedingte Textblöcke können Sie Wenn-Strukturen direkt in Textelemente einbauen.

Linie

Eine horizontale Linie, die Abschnitte visuell trennt. Konfigurierbar in Farbe, Stärke, Breite und Innenabstand.

Abstandshalter

Fügt vertikalen Weißraum zwischen Elementen ein. Zuverlässiger als die Verwendung leerer Absätze in Textelementen, insbesondere über verschiedene E-Mail-Clients hinweg.

Button

Buttons sind Ihr primärer Call-to-Action. Sie sind sichtbarer als Text-Links und machen den nächsten Schritt sofort klar. Vollständig anpassbar: Beschriftung, URL, Farbe, Innenabstand, Rahmenradius und Schriftart. Lesen Sie „Einen Call-to-Action (Button) hinzufügen" für detaillierte Anweisungen.

Bild

Fügen Sie Bilder hinzu, indem Sie das Bildelement in eine Spalte ziehen. Hochladen direkt, aus Ihrer Medienbibliothek auswählen oder eine URL einfügen. Nach dem Platzieren können Sie Alt-Text, einen Link, Breite und Ausrichtung im rechten Panel konfigurieren. Lesen Sie „Ein (animiertes) Bild hinzufügen" für detaillierte Anweisungen.

Social Media

Fügt Social-Media-Icons mit Links zu Ihren Profilen hinzu. Icons und URLs werden aus den Social-Media-Einstellungen Ihres Kontos unter Einstellungen > Social Media vorausgefüllt. Sie können auswählen, welche Plattformen angezeigt werden und in welcher Reihenfolge.

Liste

Ein stilisiertes Aufzählungslisten-Element. Nützlich für Funktionslisten, Schritt-Übersichten oder Inhalte, die als Liste besser lesbar sind. Unterstützt Personalisierungsplatzhalter und Links.

Support-Tipp Sie können Elemente nicht nur vom Panel auf die Arbeitsfläche ziehen, sondern auch zwischen bereits auf der Arbeitsfläche befindlichen Strukturen. Greifen Sie ein beliebiges Element und ziehen Sie es an eine neue Position – innerhalb derselben Struktur oder in eine andere.

Elementstil (Elementeinstellungen)

Nach dem Klicken auf ein Element können Sie es über das Elementstil-Panel konfigurieren, das auf der rechten Seite erscheint. Die genauen Einstellungen, die Sie hier finden, können je nach ausgewähltem Element variieren sowie je nachdem, ob Sie gerade die Desktop- oder die Mobilversion Ihrer E-Mail anzeigen.

Alle Einstellungen in diesem Panel werden in Abschnitten wie Inhalt, Layout, Sichtbarkeit usw. gruppiert und können separat für Desktop und Mobil über die Registerkarten oben konfiguriert werden. Das Elementstil-Panel bleibt mit Ihrer aktuellen Ansicht synchronisiert: Wenn die Mobilversion Ihres Elements Einstellungen hat, die von ihrem Desktop-Pendant abweichen, wird dies mit einem Punkt angezeigt.

Häufige Fehler vermeiden

Leere Absätze in Textelementen für Abstände verwenden. Diese verhalten sich über E-Mail-Clients hinweg inkonsistent. Verwenden Sie stattdessen ein Abstandshalter-Element.
Das HTML-Element verwenden, ohne es über verschiedene Clients zu testen. Inline-HTML, das in einem Client korrekt aussieht, kann in anderen fehlerhaft erscheinen. Führen Sie nach dem Hinzufügen eines HTML-Elements den Nachrichten-Check durch.
Alt-Text bei Bildelementen vergessen. Jedes Bild ohne Alt-Text ist für Screenreader unsichtbar und erscheint als leeres Feld, wenn Bilder blockiert sind. Füllen Sie immer das Alt-Text-Feld aus.
Mehrere Überschriften-Ebenen ohne klare Hierarchie verwenden. H1 sollte der Hauptartikel-Titel sein, H2 für Abschnitte, H3 für Unterabschnitte. Inkonsistente Überschriften-Verwendung macht Ihre E-Mail schwerer zu überfliegen.

Nächste Schritte

Lesen Sie „Einen Call-to-Action (Button) hinzufügen" für Hinweise zum Schreiben effektiver Button-Beschriftungen und Positionierung.
Lesen Sie „Alt-Texte" für Hinweise zum Schreiben effektiver Alt-Texte für Bildelemente.
Lesen Sie „E-Mail-Builder: E-Mail-Stileinstellungen", um die Standardstile zu konfigurieren, die alle Elemente erben.