Allgemeine Informationen zu Bausteinen

Bausteine sind die grundlegenden Bestandteile, aus denen eine E-Mail im Drag & Drop Editor aufgebaut wird. Du kannst damit Inhalte, Strukturen und wiederverwendbare Bereiche in deine Nachricht einfügen. Der Editor arbeitet visuell: Du wählst einen Baustein aus, ziehst ihn an die gewünschte Position und bearbeitest ihn anschließend direkt in der E-Mail oder über die rechte Seitenleiste.

Die verfügbaren Bausteine findest du in der rechten Spalte im Bereich „Tools“. Dort sind sie in verschiedene Gruppen unterteilt, zum Beispiel „Elemente“, „Inhalte“, „Layouts“ und „Templates“. Diese Gruppen erfüllen unterschiedliche Aufgaben. Elemente sind einzelne Inhaltsbausteine wie Texte, Bilder oder Buttons. Layouts dienen dem strukturellen Aufbau, etwa für ein- oder mehrspaltige Bereiche. Inhalte und Templates können vorbereitete oder wiederverwendbare Bestandteile enthalten.

Welche Bausteine dir zur Verfügung stehen, kann von der gewählten Vorlage und der Konfiguration des Editors abhängen.

Bausteine einfügen

Um einen neuen Baustein einzufügen, öffnst du rechts den Bereich „Tools“ und wählst den gewünschten Eintrag aus. Ziehe den Baustein mit gedrückter Maustaste in die E-Mail. Während des Ziehens zeigt dir der Editor, an welchen Stellen der Baustein eingefügt werden kann.

Nach dem Loslassen wird der Baustein an dieser Position übernommen. Anschließend kannst du ihn mit Inhalt füllen, verschieben, kopieren oder über die passenden Einstellungen anpassen. So entsteht die E-Mail Schritt für Schritt aus einzelnen, flexibel kombinierbaren Bereichen.

Bausteine erkennen und auswählen

Wenn du mit der Maus über einen Baustein fährst, wird dieser blau umrandet. Diese Umrandung hilft dir zu erkennen, welcher Bereich gerade ausgewählt werden kann. Das ist besonders hilfreich bei komplexeren Vorlagen, in denen mehrere Bausteine ineinander verschachtelt sein können.

Zusätzlich erscheint ein kleiner blauer Handler. Wenn du diesen mit der Maus überfährst, vergrößert er sich und zeigt wichtige Aktionen an. Dazu gehören je nach Situation Löschen, Kopieren, In Zwischenablage kopieren und Verschieben per Drag & Drop.

Bausteine verschieben

Bausteine können innerhalb der E-Mail verschoben werden. Nutze dafür das Verschieben-Symbol im blauen Handler und ziehe den Baustein an die gewünschte neue Position. Der Editor zeigt dir beim Verschieben, wo der Baustein eingefügt werden kann.

Diese Funktion ist besonders nützlich, wenn sich die Reihenfolge deiner Inhalte während der Bearbeitung ändert. Du kannst zum Beispiel einen Abschnitt weiter nach oben setzen, einen Button näher an den erklärenden Text verschieben oder mehrere Inhaltsbereiche neu anordnen.

Bausteine kopieren und wiederverwenden

Für Bausteine stehen verschiedene Kopierfunktionen zur Verfügung. Mit „Kopieren“ duplizierst du den ausgewählten Baustein direkt im aktuellen Mailing. Das ist sinnvoll, wenn du einen ähnlichen Abschnitt mehrfach verwenden möchtest.

Mit „In Zwischenablage kopieren“ speicherst du den Baustein zunächst in der Zwischenablage des Editors. Anschließend kann er an anderer Stelle wieder eingefügt werden. Diese Funktion ist besonders praktisch, wenn du einen Baustein nicht direkt neben dem Original wiederholen möchtest, sondern ihn an einer anderen Position der E-Mail erneut benötigen.

Bausteine löschen

Nicht benötigte Bausteine können über das Löschen-Symbol entfernt werden. Das ist zum Beispiel sinnvoll, wenn eine Vorlage bereits Bereiche enthält, die für deinen konkreten Versand nicht gebraucht werden.

Gehe beim Löschen vorsichtig vor, besonders bei verschachtelten Bausteinen. Ein einzelner sichtbarer Inhalt kann Teil eines größeren Layouts sein. Wenn du einen übergeordneten Baustein löschen, kannst dadurch auch darin enthaltene Inhalte entfernt werden.

Bausteine bearbeiten

Wenn du einen Baustein anklickst, öffnet sich rechts die passende Bearbeitung. Die angezeigten Optionen richten sich danach, welche Art von Baustein ausgewählt wurde. Ein Textbaustein bietet andere Einstellungen als ein Bild, ein Button oder ein Layoutbereich.

Oberhalb der typbezogenen Einstellungen befinden sich allgemeine Aktionsbuttons für den aktuell ausgewählten Baustein. Dazu gehören „Zurück“, „Kopieren“, „In Zwischenablage kopieren“ und „Löschen“.

Mit „Zurück“ verlässt du die Detailbearbeitung. Mit „Kopieren“ erstellst du eine direkte Kopie. Mit „In Zwischenablage kopieren“ merkst du dir den Baustein zur späteren Wiederverwendung. Mit „Löschen“ entfernst du den Baustein aus der E-Mail.

Bausteine innerhalb von Layouts

Viele Bausteine liegen innerhalb eines Layout-Bausteins. Ein Layout kann zum Beispiel einen einspaltigen, zweispaltigen oder mehrspaltigen Bereich definieren. Darin befinden sich dann einzelne Inhalte wie Texte, Bilder oder Buttons.

Wenn sich der ausgewählte Baustein innerhalb eines Layouts befindet, erscheint zusätzlich der Button „In Layout“. Darüber wechselst du von der Bearbeitung des einzelnen Bausteins zur Bearbeitung des übergeordneten Layoutbereichs.

Das ist hilfreich, wenn du nicht nur den Inhalt selbst ändern möchtest, sondern die Struktur des Abschnitts. So kannst du zum Beispiel von einem Text innerhalb einer Spalte zur gesamten Spaltenstruktur wechseln.

Sichtbarkeit auf Geräten steuern

Bei vielen Bausteinen kann festgelegt werden, ob sie auf Desktop-Geräten oder mobilen Geräten sichtbar sein sollen. Diese Einstellung hilft dir, E-Mails für unterschiedliche Bildschirmgrößen zu optimieren.

Ein breiter Bildbereich oder ein ausführlicher Zusatztext kann auf dem Desktop sinnvoll sein, auf mobilen Geräten aber zu viel Platz einnehmen. Umgekehrt kannst du kompaktere Inhalte speziell für mobile Empfänger vorbereiten.

Ausgeblendete Bausteine werden dabei nicht gelöscht. Sie bleiben im Mailing vorhanden, werden aber je nach Einstellung auf bestimmten Gerätetypen nicht angezeigt. Prüfe deshalb vor dem Versand immer die Desktop- und die mobile Vorschau.

Praktische Hinweise

Baue deine E-Mail am besten zuerst grob auf und verfeinere sie danach. Beginne mit der Struktur, ergänze dann Inhalte und prüfe zum Schluss Farben, Abstände, Links und die Darstellung auf unterschiedlichen Geräten.

Achte außerdem darauf, Bausteine konsistent zu verwenden. Einheitliche Überschriften, wiedererkennbare Buttons und klare Abstände sorgen dafür, dass deine E-Mail professionell wirkt und gut lesbar bleibt.