Wie erstelle ich professionelle E-Mails ohne HTML-Kenntnisse?
Mit dem visuellen E-Mail-Editor gestalten Sie Newsletter per Drag-and-Drop. Ein echter Drag-and-Drop-Builder erzeugt automatisch 100 % mobil-responsives HTML. Drei-Stufen-System: Layouts, Contents, Kampagnen. Optional KI-Layout-Generierung aus Textbeschreibung in 10-15 Sekunden. Code-Editor für Fortgeschrittene. Im Full-Suite-Paket enthalten.
E-Mails gestalten.
Ohne HTML.
Drag-and-Drop-Editor für professionelle, mobile-responsive E-Mails. Layouts erstellen, Inhalte einfügen, Kampagne versenden. Ohne Designer, ohne Programmierkenntnisse.
Professionelle E-Mails, aber wer gestaltet sie?
Ihr Marketing-Team will einen Newsletter verschicken. Aber niemand kann HTML. Der externe Designer braucht zwei Tage. Und die letzte E-Mail sah auf dem Handy furchtbar aus, weil die Spalten nicht responsive waren.
Für kleine und mittelständische Unternehmen ist E-Mail-Design ein ständiges Problem. Entweder investieren Sie in externe Designer (teuer und langsam), nutzen starre Templates ohne Anpassungsmöglichkeit (langweilig und unpersönlich) oder kämpfen mit HTML-Code (fehleranfällig und zeitaufwendig).
Dazu kommt das Rendering-Problem: Eine E-Mail, die in Gmail perfekt aussieht, kann in Outlook völlig anders dargestellt werden. Ohne einen Builder, der das responsive Design für Sie übernimmt, ist die mobile Darstellung ein Glücksspiel.
Das Ergebnis: Entweder werden E-Mails gar nicht erst verschickt ('Wir haben gerade niemanden, der das designen kann') oder sie sehen unprofessionell aus und schaden der Marke.
Drag, Drop, fertig
Der visuelle E-Mail-Editor ist ein echter Drag-and-Drop-Builder, der automatisch sauberes, mobil-responsives HTML erzeugt. Sie gestalten visuell, und jede E-Mail wird garantiert überall korrekt dargestellt.
So funktioniert es: Sie erstellen ein Layout mit Slots (Header, Body, CTA, Bilder). Dann füllen Sie die Slots mit Inhalten per Drag-and-Drop: Textblöcke, Bilder, Buttons, Trennlinien. Der Editor zeigt in Echtzeit, wie die E-Mail auf Desktop und Handy aussieht.
Das Drei-Stufen-System sorgt für Wiederverwendbarkeit: Layouts definieren die Struktur (einmal erstellen, immer wieder nutzen), Contents füllen die Struktur mit Inhalten, und Kampagnen versenden das Ergebnis an Ihre Empfänger.
Für Fortgeschrittene: Der Code-Editor zeigt das zugrunde liegende HTML. Wer lieber direkt im Code arbeitet, kann zwischen visueller und Code-Ansicht wechseln. Und wer gar nicht selbst designen will: Die KI generiert auf Wunsch ein komplettes Layout aus einer Textbeschreibung in 10 bis 15 Sekunden.
Messbare Ergebnisse
Teams mit visuellem E-Mail-Editor versenden häufiger, konsistenter und professioneller.
Drag-and-Drop statt HTML
Der visuelle Editor bietet Textblöcke, Bilder, Buttons, Trennlinien und benutzerdefinierte Blöcke zum Ziehen und Ablegen. Rechts konfigurieren Sie Farben, Abstände und Schriftarten. Links sehen Sie die Struktur.
- Blöcke: Text, Bild, Button, Trennlinie, HTML-Block
- Rechte Seitenleiste: Farben, Abstände, Schriftarten, Ränder
- Echtzeit-Vorschau: Desktop und Mobile
- Code-Editor für das zugrunde liegende HTML (Toggle)
Layouts, Contents, Kampagnen
Das Drei-Stufen-System trennt Struktur von Inhalt. Ein Layout definiert Slots (Header, Body, CTA). Ein Content füllt diese Slots. Eine Kampagne versendet das Ergebnis. Layouts sind wiederverwendbar: ein Layout, beliebig viele Inhalte.
- Layouts: Struktur mit Slots definieren (einmal erstellen)
- Contents: Slots mit Texten, Bildern, Links füllen
- Kampagnen: Content an Empfänger versenden
- Ein Layout, beliebig viele Inhalte: maximale Wiederverwendbarkeit
KI generiert Ihr Layout
Beschreiben Sie, was Sie brauchen ('Zweispaltiger Newsletter mit Hero-Bild und CTA-Button'). Die KI erstellt in 10 bis 15 Sekunden ein vollständiges responsives E-Mail-Layout mit Ihren Markenfarben. Anschließend bearbeiten Sie es im visuellen Editor.
- Layout aus Textbeschreibung generieren
- Markenfarben werden automatisch angewendet
- Ergebnis im visuellen Editor weiterbearbeiten
- Generierung dauert 10 bis 15 Sekunden
Responsiv von Haus aus
Jede E-Mail wird automatisch für mobile Geräte optimiert. Der Builder erzeugt sauberes, responsives HTML, das in allen gängigen E-Mail-Clients korrekt dargestellt wird: Gmail, Outlook, Apple Mail, Yahoo und mobile Apps. Kein manuelles CSS, keine Media Queries, die Sie pflegen müssen.
- Automatisch responsives HTML bei jedem Speichern
- Korrekte Darstellung in Gmail, Outlook, Apple Mail, Yahoo
- Mobil-responsiv ohne manuelles CSS
- Preview für Desktop (1024px+) und Mobile (375px)
ROI in Zahlen
So könnte es aussehen
Ein Blumenladen mit 3 Mitarbeitern verschickt bisher keine Newsletter, weil niemand HTML kann. Nach der Einführung des visuellen Editors: Die Inhaberin erstellt in 20 Minuten ihren ersten Newsletter mit Drag-and-Drop. Die KI schlägt ein Layout vor, sie passt Farben und Bilder an. Das Ergebnis sieht auf dem Handy genauso gut aus wie am Desktop.
Typisches Szenario basierend auf Branchendaten
Sofort loslegen
Kein Setup, kein Training. Drag-and-Drop ist selbsterklärend.
Layout erstellen
Struktur mit Slots definieren oder KI ein Layout generieren lassen.
Inhalte einfügen
Texte, Bilder und Buttons per Drag-and-Drop in die Slots ziehen.
Kampagne versenden
Empfänger wählen, Betreff eingeben, Zeitpunkt planen oder sofort senden.
Schritt-für-Schritt-Anleitungen für die Einrichtung über die Plattform oder per API.
Plattform-Anleitung: Schritt für Schritt
Den visuellen E-Mail-Builder nutzen:
Inhalt erstellen oder bearbeiten
Gehen Sie zu Reach > E-Mail > Inhalte. Klicken Sie auf "Inhalt erstellen" oder bearbeiten Sie einen bestehenden.
Layout wählen
Wählen Sie eine Layout-Vorlage. Das Layout definiert die Struktur; Sie füllen den Inhalt.
Drag and Drop
Nutzen Sie das Blöcke-Panel, um Header, Body, CTA, Bild und benutzerdefinierte Blöcke in die vorgesehenen Slots zu ziehen.
Styles anpassen
Wählen Sie ein Element und nutzen Sie das Style-Panel, um Farben, Schriften, Abstände und Ausrichtung anzupassen.
Vorschau und Speichern
Klicken Sie auf "Vorschau" für Desktop- und Mobile-Ansicht. Klicken Sie auf "Speichern", wenn fertig.
API-Referenz: Entwickler-Zugang
E-Mail-Inhalte verwalten und per API versenden.
| Method | Path | Description |
|---|---|---|
| POST | /api/v1/email-contents | E-Mail-Inhalt erstellen |
| PATCH | /api/v1/email-contents/{id} | Slot-Werte aktualisieren |
| GET | /api/v1/email-contents/{id}/preview | Kompilierte HTML-Vorschau abrufen |
const response = await fetch('https://api.sendseven.com/api/v1/email-contents', {
method: 'POST',
headers: {
'Authorization': 'Bearer YOUR_API_TOKEN',
'X-Tenant-ID': 'YOUR_TENANT_ID',
'Content-Type': 'application/json'
},
body: JSON.stringify({
name: 'November Newsletter Content',
layout_id: 'layout_123',
from_name: 'ACME Team',
from_email: '[email protected]',
slot_values: {
header: '<h1>November Updates</h1>',
body: '<p>Here is what is new...</p>',
cta: '<a href="https://acme.com">Read More</a>'
}
})
});
const content = await response.json();
console.log('Content created:', content.id);const response = await fetch(
'https://api.sendseven.com/api/v1/email-contents/content_123/preview',
{
headers: {
'Authorization': 'Bearer YOUR_API_TOKEN',
'X-Tenant-ID': 'YOUR_TENANT_ID'
}
}
);
const { html } = await response.json();
console.log('Compiled HTML:', html);Häufige Fragen
Brauche ich HTML-Kenntnisse?
Nein. Der Drag-and-Drop-Editor ist selbsterklärend. Texte, Bilder und Buttons ziehen Sie einfach in Ihre E-Mail. Für Fortgeschrittene gibt es einen Code-Editor mit dem zugrunde liegenden HTML.
Sind die E-Mails mobile-responsive?
Ja, garantiert. Der Editor erzeugt automatisch sauberes, responsives HTML, das in allen gängigen E-Mail-Clients (Gmail, Outlook, Apple Mail) korrekt dargestellt wird.
Was ist das Drei-Stufen-System?
Layouts definieren die Struktur (Header, Body, CTA). Contents füllen die Struktur mit Inhalten. Kampagnen versenden das Ergebnis. Layouts sind wiederverwendbar: ein Layout, beliebig viele Inhalte.
Kann die KI ein Layout für mich erstellen?
Ja. Beschreiben Sie Ihr gewünschtes Layout in einem Satz, und die KI generiert in 10 bis 15 Sekunden ein vollständiges responsives E-Mail-Layout mit Ihren Markenfarben. Danach bearbeiten Sie es im visuellen Editor.
Kann ich eigene Bilder und Logos verwenden?
Ja. Laden Sie Bilder direkt im Editor hoch. Ihr Logo wird über die Markeneinstellungen zentral verwaltet und steht in jedem Layout zur Verfügung.
Was kostet der visuelle E-Mail-Editor?
Der Editor ist ab Basic (Pakete ab 49 €/Monat) enthalten, ohne Kosten pro Nutzer und mit unbegrenzten Nutzern. KI-Layout-Generierung wird verbrauchsbasiert abgerechnet. 14 Tage kostenlos testen. Preise ansehen.
Professionelle E-Mails, ab heute
Drag-and-Drop, mobil-responsiv, KI-unterstützt. Der erste Newsletter ist in 20 Minuten fertig.