Elemente im Builder verwenden

Elemente sind die einzelnen Inhaltsbausteine, mit denen du deine E-Mail im Drag & Drop Editor gestaltest. Während Layouts vor allem die Struktur vorgeben, füllen Elemente diese Struktur mit konkretem Inhalt. Du kannst damit Texte schreiben, Überschriften einfügen, Bilder platzieren, Buttons anlegen, Abstände erzeugen oder zusätzliche Inhalte wie Tabellen, Videos oder Social-Media-Links ergänzen.

Die Elemente findest du in der rechten Seitenleiste im Bereich „Tools“ unter „Elemente“. Dort stehen je nach Vorlage und Editor-Konfiguration mehrere Elementtypen zur Verfügung. Sichtbar sind zum Beispiel Text, Boxed Text, mehrspaltige Texte, Überschriften, Bilder, Bildgruppen, Buttons, Tabellen, Trenner, Spacer, Social Follow, Menü, Video und Code.

Elemente in die E-Mail einfügen

Um ein Element zu verwenden, ziehst du es aus der rechten Seitenleiste mit gedrückter Maustaste in die E-Mail. Der Editor zeigt dir während des Ziehens, an welcher Stelle das Element eingefügt werden kann. Nach dem Loslassen wird der Baustein an dieser Position übernommen.

Danach kannst du das Element direkt bearbeiten. Ein Textelement lässt sich anklicken und mit Inhalt füllen. Bei einem Bild wählst du die gewünschte Datei aus. Bei einem Button legst du Beschriftung und Zieladresse fest. So baust du deine Nachricht Schritt für Schritt aus einzelnen, frei kombinierbaren Inhaltsbereichen auf.

Texte und Überschriften

Für normale Textinhalte verwendest du das Element „Text“. Es eignet sich für Fließtexte, kurze Absätze, Hinweise oder erklärende Inhalte. „Boxed Text“ ist für stärker hervorgehobene Textbereiche gedacht, zum Beispiel für Infoboxen, Hinweise oder Callouts.

Mit „Text 2 Spaltig“ und „Text 3 Spaltig“ kannst du Textinhalte nebeneinander anordnen. Das ist hilfreich, wenn du mehrere Punkte vergleichen, kurze Leistungsmerkmale zeigen oder kompakte Informationsblöcke darstellen möchtest.

Für die Gliederung deiner E-Mail stehen „Überschrift 1“, „Überschrift 2“ und „Überschrift 3“ zur Verfügung. Nutze diese Elemente, um Inhalte klar zu strukturieren. Eine gute Überschriftenhierarchie hilft Empfängern, die Nachricht schneller zu erfassen.

Bilder und Bildgruppen

Mit dem Element „Bild“ fügst du ein einzelnes Bild in die E-Mail ein. Bilder können zum Beispiel für Headergrafiken, Produktabbildungen, Logos oder visuelle Hinweise verwendet werden.

Die Elemente „2er Bildgruppe“ und „3er Bildgruppe“ ermöglichen es, mehrere Bilder nebeneinander darzustellen. Das ist praktisch für Galerien, Produktbeispiele oder visuelle Vergleiche. Achte dabei auf eine gute mobile Darstellung, da mehrere Bilder auf kleinen Bildschirmen anders umbrechen können.

Buttons und Link-Buttons

Buttons eignen sich für klare Handlungsaufforderungen. Verwende sie zum Beispiel für Anmeldungen, Downloads, weiterführende Informationen oder den Besuch einer Website.

Neben dem normalen „Button“ gibt es auch den „Link Button“. Beide dienen dazu, Empfänger gezielt zu einer Aktion zu führen. Wichtig ist eine kurze und eindeutige Beschriftung, damit sofort klar ist, was beim Klick passiert.

Tabellen, Trenner und Abstände

Mit „Tabelle“ können strukturierte Informationen tabellarisch dargestellt werden. Das kann sinnvoll sein, wenn Werte, Termine, Preise oder andere Daten übersichtlich gegenübergestellt werden sollen.

Der „Trenner“ fügt eine visuelle Linie ein. Damit lassen sich Abschnitte voneinander abgrenzen. Ein Trenner kann helfen, längere E-Mails übersichtlicher zu gestalten.

Mit „Spacer“ erzeugst du gezielte Abstände zwischen Bereichen. Das ist nützlich, wenn Inhalte optisch mehr Luft benötigen oder einzelne Abschnitte klarer voneinander getrennt werden sollen.

Social Follow, Menü, Video und Code

„Social Follow“ wird verwendet, um Links zu Social-Media-Kanälen einzufügen. Damit können Empfänger direkt zu deinen Profilen gelangen.

Mit „Menü“ können Navigationslinks innerhalb der E-Mail oder zu externen Zielen angelegt werden. Das kann besonders bei längeren Newslettern hilfreich sein.

Das Element „Video“ dient dazu, auf Videoinhalte hinzuweisen oder diese visuell einzubinden. Da E-Mail-Programme Videos unterschiedlich unterstützen, wird in der Regel mit Vorschaubildern und Verlinkungen gearbeitet.

Über „Code“ können fortgeschrittene Anwender eigenen Code einfügen. Diese Funktion sollte nur genutzt werden, wenn du weißt, wie dich HTML und CSS in E-Mail-Clients verhalten, da nicht alle Programme dieselben Möglichkeiten unterstützen.

Elemente auswählen und bearbeiten

Wenn du mit der Maus über ein Element im Editor fährst, wird es blau umrandet. Zusätzlich erscheint ein kleiner blauer Handler. Beim Überfahren dieses Handlers werden Aktionen wie Löschen, Kopieren, In Zwischenablage kopieren und Verschieben sichtbar.

Durch einen Klick auf ein Element erscheinen in der rechten Seitenleiste die passenden Einstellungen für genau diesen Elementtyp. Ein Textelement zeigt andere Optionen als ein Bild, ein Button oder eine Tabelle. So bearbeitest du immer nur die Eigenschaften, die für das ausgewählte Element relevant sind.

Elemente kopieren und aus der Zwischenablage einfügen

Wenn du ein Element über „In Zwischenablage kopierst“ speicherst, erscheint in der rechten Seitenleiste im Bereich „Elemente“ ein zusätzliches Symbol. Dieses kopierte Element kann anschließend immer wieder per Drag & Drop in die E-Mail eingefügt werden.

Das ist besonders praktisch, wenn du einen bestimmten Aufbau mehrfach verwenden möchtest, zum Beispiel eine wiederkehrende Infobox, einen einheitlichen Buttonbereich oder einen bereits gestalteten Textblock. Du musst das Element dann nicht jedes Mal neu aufbauen.

Sichtbarkeit für Geräte steuern

Bei Elementen kann festgelegt werden, ob sie auf Desktop-Geräten oder mobilen Geräten sichtbar sein sollen. Dadurch kannst du Inhalte gezielt für unterschiedliche Bildschirmgrößen optimieren.

Ein breites Bild oder ein mehrspaltiger Bereich kann auf dem Desktop gut funktionieren, auf dem Smartphone aber zu viel Platz benötigen. Umgekehrt kannst du für mobile Empfänger kompaktere Elemente verwenden. Prüfe deshalb vor dem Versand immer die Vorschau für Desktop und Mobilgeräte.