--- title: "00 Newsletter-Tool V: Grundlagen" description: "> In diesem Dokument wird beschrieben, wie die Startansicht des Newsletter-Tools aufgebaut ist, wie neue Newsletter angelegt, sortiert und mit Hilfe von Vorlagen und Bausteinen erstellt werden und welche grundlegenden Einstellungen für einen Newsletter vorgenommen werden können. [Newsletter-Tool V: Grundlagen](https://app.trupeer.ai/embed/8srGX6s4N)…" url: "https://www.datadialog.net/dadictionary/newsletter-tool-v-grundlagen/" updated: "2026-09-17" category: "Newsletter-Tool" --- # 00 Newsletter-Tool V: Grundlagen > In diesem Dokument wird beschrieben, wie die Startansicht des Newsletter-Tools aufgebaut ist, wie neue Newsletter angelegt, sortiert und mit Hilfe von Vorlagen und Bausteinen erstellt werden und welche grundlegenden Einstellungen für einen Newsletter vorgenommen werden können. [Newsletter-Tool V: Grundlagen](https://app.trupeer.ai/embed/8srGX6s4N) ### Step 1: Im Newsletter-Tool anmelden und Startansicht verstehen Nach der Anmeldung im Newsletter-Tool erscheint zunächst die Übersichtsmaske mit allen vorhandenen Newslettern. Bei der ersten Anmeldung ist diese Liste noch leer. In dieser Ansicht werden später alle erstellten Newsletter angezeigt, sodass jederzeit nachvollzogen werden kann, welche Newsletter bereits existieren und wie der aktuelle Bearbeitungsstand ist. ### Step 2: Newsletter-Liste sortieren Sobald mehrere Newsletter vorhanden sind, kann die Liste sortiert werden, um die Übersicht zu erleichtern. Verwendet dafür die Sortieroptionen in der Liste, zum Beispiel nach „Zuletzt aktualisiert am“ oder nach „Erstellt am“. ![Newsletter-Liste sortieren](https://www.datadialog.net/wp-content/uploads/2026/09/image-31-1024x470.png) So lässt sich schnell erkennen, welche Newsletter zuletzt bearbeitet wurden oder welche neu hinzugekommen sind. ### Step 3: Neuen Newsletter anlegen Um einen neuen Newsletter zu erstellen, oben links auf die Schaltfläche „Neu“ klicken. ![Neuen Newsletter anlegen](https://www.datadialog.net/wp-content/uploads/2026/09/image-32-1024x468.png) Es öffnet sich ein neues Fenster mit drei Möglichkeiten für den Start: 1. **Styles** 2. **Leere Vorlage** 3. **Newsletter-Vorlage** ### Step 4: Styles prüfen und Corporate Design anpassen Zunächst empfiehlt es sich, in den Bereich **Styles** zu wechseln. Dort sind alle für das Newsletter-Tool hinterlegten Styles zu finden, die an das eigene Corporate Design angepasst sind. Falls Anpassungen am Design (Farben, Schriften, Abstände etc.) gewünscht sind, sollte dies an uns kommuniziert werden, damit diese Änderungen im Tool hinterlegt werden können. ![Styles prüfen](https://www.datadialog.net/wp-content/uploads/2026/09/image-33-1024x466.png) ![Corporate Design überprüfen](https://www.datadialog.net/wp-content/uploads/2026/09/image-34-1024x471.png) ### Step 5: Mit der Newsletter-Vorlage arbeiten Neben den Styles stehen die **Leere Vorlage** und die **Newsletter-Vorlage** zur Auswahl. Die **Newsletter-Vorlage** ist eine Standardvorlage, die bereits typische Bausteine enthält, z. B.: - Header-Bereich - Social-Media-Icons im Footer - Platzhalterinhalte für Text und Bilder Diese Vorlage ermöglicht einen schnellen Einstieg, da die grundlegende Struktur bereits vorgegeben ist. Wenn mehrere unterschiedliche Newsletter-Serien mit abweichendem Aufbau benötigt werden, kann die Erstellung zusätzlicher, individueller Newsletter-Vorlagen angefragt werden. ![Mit der Newsletter-Vorlage arbeiten](https://www.datadialog.net/wp-content/uploads/2026/09/image-35-1024x466.png) So kann effizienter gearbeitet werden, da für jede Serie eine passende Grundstruktur zur Verfügung steht. ### Step 6: Mit der leeren Vorlage starten Wer vollständig frei gestalten möchte, wählt die **Leere Vorlage**. Dabei startet der Editor ohne vorgefertigte Inhalte – vergleichbar mit einer weißen Leinwand. Diese Option eignet sich, wenn ein Newsletter sehr individuell aufgebaut werden soll oder spezielle Anforderungen verfolgt werden, die von den Standardvorlagen abweichen. ### Step 7: Einstellungsfenster öffnen und grundlegende Angaben erfassen Im ersten Schritt der inhaltlichen Arbeit empfiehlt es sich, die **Einstellungen** des Newsletters zu bearbeiten. Mit einem Klick auf das Zahnradsymbol wird das Einstellungsfenster geöffnet. Dort können folgende Felder gepflegt werden: - **Name des Newsletters (interner Name)** Zum Beispiel „Tutorial“. Dieser Name ist nur intern sichtbar und dient der besseren Zuordnung. - **Betreff** Der Betreff, der später in der E-Mail beim Empfangen angezeigt wird. - **Absender** und **Antwort an** Diese Felder sind in der Regel vorbelegt, können aber bei Bedarf angepasst werden (z. B. andere Absenderadresse). - **Vorschauzeile (Preheader)** Der Text, der in vielen E-Mail-Programmen in der Vorschau neben oder unter dem Betreff angezeigt wird. Empfohlen werden ein bis zwei Sätze, die Interesse am Newsletter wecken. ![Einstellungsfenster](https://www.datadialog.net/wp-content/uploads/2026/09/image-36-1024x472.png) ### Step 8: Textversion für Barrierefreiheit verwalten Im Einstellungsfenster kann die **Textversion** des Newsletters verwaltet werden. Diese Version ist wichtig für Barrierefreiheit, damit Screenreader den Inhalt vorlesen können und E-Mail-Programme ohne HTML-Darstellung eine reine Textvariante anzeigen. - Standardmäßig ist die Option **Auto** aktiviert. Jede Änderung, die im Editor gespeichert wird, wird automatisch in die Textversion übernommen. - Wird die automatische Erstellung deaktiviert, kann die Textversion manuell bearbeitet werden. Zu Beginn ist sie leer, solange noch keine Inhalte im Newsletter vorhanden sind. ![Textversion bearbeiten](https://www.datadialog.net/wp-content/uploads/2026/09/image-37-1024x467.png) Oben links im Einstellungsfenster steht eine **Speichern**-Funktion zur Verfügung. Es wird empfohlen, regelmäßig zwischenzuspeichern, damit keine Änderungen verloren gehen. Beim Verlassen des Einstellungsfensters (z. B. über „Zurück“ oder „Abbrechen“) erscheint eine Meldung, die daran erinnert, ungespeicherte Änderungen zu sichern. ### Step 9: Bausteine per Drag and Drop in den Editor einfügen Unterhalb der Einstellungen befindet sich der Bereich **Bausteine**. Dort stehen aktuell neun Standardbausteine zur Verfügung, die über **Drag and Drop** in den Editorbereich gezogen werden können. Nach dem Einfügen lassen sich die einzelnen Bausteine individuell weiterbearbeiten (Inhalte, Layout, Bilder etc.). Die genaue Funktionsweise und Bearbeitung der einzelnen Bausteine wird in einem separaten, vertiefenden Video erläutert. ![Bausteine per Drag and Drop in den Editor einfügen](https://www.datadialog.net/wp-content/uploads/2026/09/image-38-1024x428.png) ### Step 10: Hilfe-Bausteine nutzen und wieder entfernen Unter den Standardbausteinen befindet sich eine **Hilfe-Section**. Dabei handelt es sich um vorbereitete Hilfe-Bausteine, die ebenfalls per Drag and Drop in den Editor gezogen werden können. Diese enthalten Schritt-für-Schritt-Anleitungen zu verschiedenen Themen, zum Beispiel: - Spalten und mobile Darstellung - Bilder und Bildgrößen - Barrierefreiheit und zu beachtende Punkte ![Hilfe-Bausteine nutzen](https://www.datadialog.net/wp-content/uploads/2026/09/image-39-1024x468.png) Wenn während der Arbeit Unklarheiten auftreten, kann ein entsprechender Hilfe-Baustein eingefügt und direkt im Editor gelesen werden. Da diese Inhalte nur als interne Unterstützung dienen, sollten Hilfe-Bausteine nach der Nutzung wieder gelöscht werden: 1. Hilfe-Baustein im Editor markieren (blauer Rahmen erscheint). 2. Auf das Mistkübel-Symbol klicken, um den Baustein zu entfernen. ![Hilfe-Bausteine wieder entfernen](https://www.datadialog.net/wp-content/uploads/2026/09/image-40-1024x468.png) ### Step 11: Zusammenfassung Zusammenfassend besteht der Aufbau des Newsletter-Tools aus: - dem **Editorbereich** in der Mitte, in den Bausteine per Drag and Drop gezogen und dort bearbeitet werden, - dem **Einstellungsbereich** oben, in dem Betreff, Absender, Antwortadresse, Preheader und Textversion gepflegt werden, - den **Standardbausteinen** und **Hilfe-Bausteinen** auf der rechten Seite. *[Kann Spuren von KI enthalten.](https://www.datadialog.net/ki-transparenz/)*