AI E-Mail-Editor

EngageLab bietet einen visuellen, KI-gestützten E-Mail-Editor. Sie müssen keinen Code schreiben: Per Drag & Drop erstellen Sie responsive, mobilfreundliche E-Mails. Die KI hilft beim Generieren eines ersten Entwurfs, beim Überarbeiten von Inhalten, bei Layout-Anpassungen und bei Bildbearbeitung; vor dem Versand können Sie die Darstellung in gängigen E-Mail-Clients mit der Posteingangsvorschau prüfen.

Melden Sie sich bei EngageLab Email an, um Vorlagen zu erstellen — Sie erhalten kostenlos 300 Punkte.

---

Erstellen einer E-Mail-Vorlage

Nach dem Öffnen des Editors können Sie auf drei Arten mit dem Erstellen einer E-Mail beginnen:

KI erstellen: Geben Sie eine kurze Anweisung ein, der Editor erzeugt daraufhin Inhalt und Layout als Ausgangspunkt, die Sie anschließend im Arbeitsbereich weiter bearbeiten können.

Vorlage verwenden: Sie können Vorlagenkarten durchsuchen, nach Stichworten suchen oder nach Kategorien filtern (z. B. Basisvorlagen, Themenvorlagen). Nach Auswahl können Sie die Vorlage direkt anpassen.

Importieren: Unterstützt den Import von HTML aus anderen Plattformen. Der Editor analysiert den importierten Inhalt und wandelt ihn in editierbare Bereiche (Abschnitte) um. Da nicht jede HTML-Struktur perfekt in Drag-&-Drop-Blöcke abgebildet werden kann, sind nach dem Import eventuell manuelle Nacharbeiten nötig.

---

Editor-Arbeitsbereich

Egal, ob Sie mit KI, einer Vorlage oder per Import beginnen: Der Editor öffnet den Arbeitsbereich. Hier fügen Sie Inhalte hinzu, bearbeiten das Layout, konfigurieren das Styling, sehen eine Vorschau und speichern die E-Mail.

1. Hauptbereiche

2. Top-Leiste

Hier können Sie die aktuelle E-Mail ansehen oder umbenennen, den neuesten Speicherstatus sehen, zurückgehen, die Vorschau öffnen oder die E-Mail speichern. Nach dem Speichern werden der Status und Inhalt der E-Mail in Ihrem EngageLab-E-Mail-Konto gesichert und stehen für spätere Versendungen oder Marketingkampagnen zur Verfügung.

3. Linke Navigation und Inhaltsbereich

Die linke Navigation bietet die Hauptmodi des Editors; typische Einstiegspunkte sind „Inhaltsbearbeitung“ und „KI-gestützte Bearbeitung“.

Der Inhaltsbereich enthält wiederverwendbare Bausteine. Übliche Registerkarten:

• Blöcke: Einzelne Inhaltsblöcke wie Text, Bild, Schaltfläche, Trennlinie, Social-Media, Timer, Code, Menü etc.

• Abschnitte: Vorgefertigte Layout-Abschnitte, die mit einem Klick in die E-Mail eingefügt werden können.

• Gespeichert: Organisierte, gespeicherte wiederverwendbare Inhalte.

4. Rechte Einstellungsleiste

Dieses Panel ändert sich kontextabhängig:

• Wenn kein konkreter Block ausgewählt ist, zeigt es globale E-Mail-Einstellungen: Betreff, Vorschau-Text, E-Mail-Breite, Hintergrundfarbe, Inhalts-Hintergrundfarbe, Schriftart, Linkfarbe, Variablen-Symbol-Einstellungen etc.

• Wenn ein Block oder Abschnitt ausgewählt ist, zeigt es die spezifischen Einstellungen dieses Elements.

5. Arbeitsfläche

Die Arbeitsfläche ist der visuelle Bearbeitungsbereich: Hier wählen Sie Text/Bild/Buttons aus, ordnen Inhalte visuell neu an, bearbeiten das Layout und sehen die Änderungen in Echtzeit.

6. Vorschau und Speichern

Vor dem Speichern können Sie die E-Mail in der Vorschau betrachten; der Arbeitsbereich enthält außerdem Spam-Checks, Mehrgeräte-Vorschau und Posteingangsvorschau.

---

Blöcke und Abschnitte

Der Editor verwendet eine „Baustein“-Konzeption und besteht aus drei Elementtypen.

1. Blöcke — kleinste ziehbare Inhaltseinheit

Nachdem Sie einen Block in die Arbeitsfläche gezogen haben, können Sie dessen Inhalt, Stil, Abstände und Sichtbarkeit konfigurieren. Häufige Blöcke:

2. Abschnitte — vorgefertigte Layout-Kombinationen

Abschnitte sind vordefinierte Layout-Gruppen, die helfen, E-Mails schneller aufzubauen, ohne einzelne Blöcke nacheinander hinzuzufügen. Häufige Kategorien:

• Bild & Text: Hero-Bereiche, Feature-Highlights, Produktvorstellungen.

• Text: Textdominierte Ankündigungen, Beschreibungen oder Nachrichten.

• Bilder: Galerien, Banner, Produktvisuals.

• Kopfzeilen: Logo, Navigation, Überschrift oder Top-Struktur der E-Mail.

• Fußzeile & Signaturen: Footer-Links, Absenderinformationen, Signaturen, Abmeldebereich.

• Leere Spalten: Benutzerdefinierbare Mehrspalten-Layouts.

Ziehen Sie Abschnitte in die Arbeitsfläche und bearbeiten Sie dann die enthaltenen Blöcke, das Layout und das Styling.

3. Gespeicherte Abschnitte — benutzerdefinierbare wiederverwendbare Bereiche

Gespeicherte Abschnitte sind individuell gespeicherte, wiederverwendbare Abschnitte, ideal für Inhalte, die in mehreren E-Mails wiederkehren, z. B.: Header, Footer, Logo, rechtliche Texte, Markensignaturen, häufig genutzte Angebotsblöcke oder wiederverwendbare Produktlayouts. Nach dem Speichern sind sie im Reiter „Gespeichert“ verfügbar und helfen Teams, Konsistenz über Kampagnen hinweg zu wahren.

Wenn Sie in der Arbeitsfläche einen Block oder Abschnitt auswählen, zeigt der Editor entsprechende Bedienelemente. Übliche Optionen: Text, Bild, Link, Hintergrundfarbe, Rahmen, Rundungen, Innenabstand, Ausrichtung, Sichtbarkeit auf Desktop/Mobil etc. Die Sichtbarkeitseinstellung auf Abschnittsebene hat Vorrang vor den Sichtbarkeitseinstellungen der darin enthaltenen Blöcke.

---

KI-Funktionen

Die KI-Funktionen helfen, schneller einen ersten Entwurf zu erstellen, Inhalte zu polieren, Layouts anzupassen und Bilder zu bearbeiten.

1. KI-Erstellung

Starten Sie eine neue E-Mail ausgehend von einer Eingabeaufforderung: Geben Sie kurz Ihre Anforderungen ein (z. B. Ziel der Aktion, Zielgruppe, Rabatt, Produkt oder Information), der Editor erstellt daraus eine E-Mail-Gliederung und generiert anschließend eine editierbare E-Mail.

Typische Anwendungsfälle: Willkommens-E-Mails, Newsletter, Werbe-Kampagnen, Warenkorbabbruch-Wiederherstellung, Produktlaunches, Onboarding-Mails usw.

Der KI-Generierungsprozess besteht aus mehreren Schritten:

1. Eingabe einer Prompt oder Auswahl einer Beispiel-Briefingvorlage;

2. Bestätigung oder Anpassung der generierten Gliederung;

3. Auswahl eines visuellen Themas;

4. Generierung der E-Mail;

5. Weiteres Bearbeiten im Arbeitsbereich.

In der Phase der Gliederungsbestätigung können Sie Einstellungen anpassen: Branche, Szenario, Ausgabelänge, Tonfall, Zielgruppe, Ausgabesprache, Bildquelle, Bildmodell, Bildstil usw. Das Ergebnis wird als normale editierbare E-Mail geöffnet und kann anschließend mit Blöcken, Abschnitten, globalen Einstellungen und KI-Bearbeitungstools weiter modifiziert werden.

2. KI-Umformulierung

Führen Sie KI-gestützte Änderungen an ausgewähltem Inhalt oder einem Abschnitt direkt im Arbeitsbereich durch. Sie können einen Abschnitt, Block oder ein Bild auswählen und die KI zur Optimierung einsetzen. Der Editor bietet möglicherweise Schnellaktionen, z. B.:

KI-Umformulierung ist besonders nützlich, wenn bereits ein Entwurf vorliegt und Sie nur Teile verbessern möchten, statt die gesamte E-Mail neu zu generieren.

3. KI-Dialog

Das KI-Panel bietet eine dialogartige Oberfläche für die Interaktion mit der KI. Sie können Anweisungen eingeben, z. B.:

• Machen Sie diesen Abschnitt zu einem zweispaltigen Layout;

• Schreiben Sie die Überschrift dringlicher um;

• Fügen Sie in diesen Abschnitt eine Handlungsaufforderung hinzu;

• Machen Sie das Bild besser passend für einen Tech-Newsletter.

Das Panel zeigt gleichzeitig die Version vor und nach der Änderung an, sodass Sie das Ergebnis vergleichen können, bevor Sie die Änderungen übernehmen.

4. KI-Bildbearbeitung

Beim Auswählen eines Bildes stehen möglicherweise KI-gestützte Bildoperationen zur Verfügung, z. B.:

• Hintergrund entfernen;

• Bild hochskalieren;

• Text entfernen;

• Bild anhand einer Prompt generieren oder ersetzen.

---