E-Mails: Wie sie gebaut und versendet werden

Ein Builder, viele Ziele

Jede E-Mail — ob sie als Broadcast-Kampagne hinausgeht, innerhalb einer Automatisierung ausgelöst wird oder als einzelne Nachricht versendet wird — entsteht am selben Ort: im E-Mail-Editor. Es gibt kein getrenntes Werkzeug für „Kampagnen-E-Mails" gegenüber „anderen E-Mails". Einmal den Editor zu lernen deckt sie alle ab.

Was alles zusammenhält, ist die Vorlage. Eine E-Mail-Vorlage ist ein wiederverwendbares Design, das der Editor speichert; ein Kampagnenversand startet dann von diesem Design statt jedes Mal von einer leeren Seite. Zwei verwandte, aber unterschiedliche Begriffe lohnen sich von Anfang an auseinanderzuhalten:

• Vorlage: Ein wiederverwendbares, gespeichertes E-Mail-Design. Einmal gebaut, wieder genutzt.
• Kampagne: Ein Broadcast-Versand einer E-Mail an eine gewählte Empfängergruppe.

Der Editor liegt unter Marketing > E-Mails, fertige Kampagnen im Tab Kampagnen und gespeicherte Designs unter Vorlagen.

Drei Wege, Inhalte zu erstellen

Der Editor bietet drei Erstellungsmodi. Sie sind keine getrennten Produkte — sie sind drei Arten, an derselben E-Mail zu arbeiten.

• Visueller Block-Builder. Inhaltsblöcke per Drag & Drop auf eine Arbeitsfläche ziehen (Text, Bilder, Schaltflächen und mehr). Das ist die Standardvariante und deckt die meisten Anforderungen ohne Code ab.
• Code-Editor. Ein Modus, um eigenes HTML und CSS direkt zu schreiben oder einzufügen — für Designs, die der Block-Builder nicht erzeugen kann.
• Klartext-Editor. Ein Modus ganz ohne Design, der eine schlichte, persönlich wirkende Nachricht erzeugt — manchmal die bessere Wahl, wenn eine gestaltete E-Mail zu sehr nach „Werbung" wirken würde.

Drei Wege, Inhalte hereinzuholen

Unabhängig davon, wie der Inhalt erstellt wird, gibt es drei Wege, einen Ausgangspunkt auf die Arbeitsfläche zu bringen:

• Von Grund auf bauen. Mit einer leeren Vorlage beginnen und Blöcke hinzufügen.
• Ein bestehendes Design importieren. Ein Design als reines HTML einbringen, in den Code-Editor laden oder eine E-Mail weiterleiten, sodass sie automatisch nachgebaut wird.
• Von einer Bibliotheks-Vorlage starten. Eine gespeicherte oder vorgefertigte Vorlage aus der Vorlagen-Bibliothek wiederverwenden.

Wie es weitergeht

Der Rest dieses Abschnitts behandelt jeden Baustein im Detail.

Verwandte Artikel

Kontakte aus einer CSV-Datei importieren

Der Import aus einer CSV-Datei ist der schnellste Weg, eine bestehende Kontaktliste in die Datenbank zu bringen — ob beim Wechsel von einem anderen Werkzeug oder beim erstmaligen Laden einer Liste. Dieser Artikel behandelt den unkomplizierten Fall, Kontakte für sich allein zu importieren.

Vor dem Import

Eine saubere Datei verhindert die meisten Import-Probleme. Die Datei sollte diese Anforderungen erfüllen:

• Admin-Zugang. Nur Benutzer mit Admin-Rechten können Kontakte importieren.
• Nur CSV-Format. Die Datei muss eine .csv sein. Excel- oder Tabellendateien werden nicht akzeptiert — zuerst als CSV exportieren.
• Ein Tabellenblatt. Die Datei darf nur ein einziges Tabellenblatt enthalten.
• Eine Kopfzeile. Die erste Zeile darf nicht leer sein, und mindestens eine Spaltenüberschrift muss zu einem Feld im System passen.
• Eine handhabbare Größe. Die Datei unter 30 MB und etwa 10.000 Zeilen pro Import halten — größere Listen auf mehrere Dateien aufteilen.

Eine Kontaktliste importieren

1. Kontakte > Intelligente Listen öffnen und Kontakte importieren wählen.
2. Kontakte als zu importierendes Objekt wählen, dann Weiter wählen.
3. Die CSV-Datei hochladen und den Import-Typ wählen — neue Kontakte anlegen, bestehende aktualisieren oder beides.
4. Jede Spalte der Datei dem passenden Feld zuordnen. Spalten, die nicht importiert werden sollen, nicht zuordnen oder die Option zum Überspringen nicht zugeordneter Spalten wählen.
5. Die Voreinstellungen vor dem Import setzen, die Einwilligung bestätigen und den Import starten.

Beim Aktualisieren bestehender Kontakte werden Datensätze in einer festen Reihenfolge abgeglichen: zuerst Kontakt-ID, dann E-Mail, dann Telefon. So landen Aktualisierungen beim richtigen Datensatz, statt Dubletten zu erzeugen.

Anlegen, Aktualisieren oder beides

Der Import-Typ entscheidet, was mit jeder Zeile geschieht:

• Anlegen: fügt nur neue Kontakte hinzu.
• Aktualisieren: ändert bestehende Kontakte, abgeglichen über ID, E-Mail oder Telefon, ohne neue hinzuzufügen.
• Anlegen und aktualisieren: fügt im selben Durchlauf neue Kontakte hinzu und aktualisiert passende bestehende.

Ressourcen

Zu den Standard-Kontaktfeldern, die beim Import zur Verfügung stehen, gehören:

• Name, Vorname, Nachname
• E-Mail, Weitere E-Mail
• Telefon, Weitere Telefonnummern
• Geburtsdatum
• Eigentümer, Kontaktquelle, Kontakttyp
• Firmenname, Website
• Adresse, Stadt, Bundesland, Postleitzahl, Land
• Zeitzone, DND, Notizen

Fehlerbehebung

Spalten werden nicht erkannt. Die Überschriften in der Datei müssen zu den Feldnamen im System passen. Abweichende Überschriften umbenennen oder im Zuordnungsschritt von Hand zuordnen.

Zeilen werden als unvollständig übersprungen. Jeder Kontakt braucht mindestens eines von Name, E-Mail oder Telefon. Zeilen, denen alle drei fehlen, können keinen Datensatz anlegen.

Telefonnummern werden falsch importiert. Leerzeichen, Bindestriche, Klammern und Buchstaben vor dem Import entfernen und ein einheitliches Format verwenden.

Nach dem Import erscheinen Dubletten. Doppelte Zeilen zuerst aus der Datei bereinigen — dieselbe Person zweimal in der CSV gelistet kann zwei Datensätze erzeugen.

Verwandte Artikel

Der Code-Editor: Direkte Kontrolle über ein Projekt

Die meisten Projekte brauchen nie Code. Der Chat erledigt den Build und die Verfeinerungen, und der Code-Editor bleibt geschlossen. Aber wenn eine Änderung zu präzise für einen Prompt ist — eine bestimmte Klasse, ein exakter Wert, eine wiederholte Zeichenfolge über viele Dateien — hat das KI-Studio einen vollwertigen Code-Editor eingebaut, ohne externes Werkzeug oder Deploy-Schritt.

Wann der Code-Editor hilft

Der Editor öffnet den Code hinter dem erzeugten Projekt und bearbeitet ihn direkt. Er ist optional: Der Chat allein reicht für den weitaus größten Teil der Arbeit, und der Editor ist für die Fälle da, die exakte Kontrolle brauchen.

Er arbeitet mit den textbasierten Dateien des Projekts:

• TypeScript
• JSX
• CSS
• JSON

Eine Änderung wird gemacht, indem das Projekt geöffnet, zu Code umgeschaltet, eine Datei aus dem Dateibaum gewählt, bearbeitet und gespeichert wird. Neue Routen, die im Code hinzugefügt werden, werden automatisch erkannt und erscheinen im Routen-Auswähler.

Im ganzen Projekt suchen und ersetzen

Zwei Werkzeuge machen größere Bearbeitungen handhabbar, statt Datei für Datei zu suchen:

• Find & Replace — geöffnet mit Cmd/Strg+F, mit Optionen für Groß-/Kleinschreibung und ganzes Wort. Ein Treffer lässt sich einzeln oder gebündelt über die Datei ersetzen.
• Projektweite Suche — durchsucht das ganze Projekt, gruppiert Ergebnisse nach Datei mit Zeilennummern und springt mit einem Klick zu jedem Treffer. Der Weg, um einen Wert zu verfolgen, der an mehreren Stellen vorkommt.

Speichern, Fehler und Live-Gehen

Speichern und Veröffentlichen sind bewusst getrennt — und dieser Unterschied ist das Wichtigste hier:

• Speichern aktualisiert nur die Live-Vorschau. Die Bearbeitung ist im Projekt sichtbar, nicht für die Öffentlichkeit.
• Veröffentlichen macht die Änderung auf der Live-Seite öffentlich.

Jedes Speichern erstellt außerdem eine Version, sodass Code-Bearbeitungen ebenso umkehrbar sind wie Chat-Bearbeitungen. Führt ein Speichern einen Build-Fehler ein, zeigt er sich im Chat als fehlgeschlagener Build — Details legt den Fehler offen, und Beheben versuchen bittet das KI-Studio um eine Korrektur.

Account-weite Platzhalter lassen sich direkt in den Code einfügen, wenn der Chat sich dem Hinzufügen widersetzt — dieselbe Form {{custom_values.<key>}} funktioniert in der Code-Ansicht als Ausweichweg.

Ressourcen

Unterstützte Dateitypen im Code-Editor:

Verwandte Artikel