Inhalt gestalten: der E-Mail-Editor

Ziel

Sie gestalten den Inhalt einer E-Mail-Kampagne oder einer Vorlage aus Bausteinen, personalisieren ihn mit Platzhaltern und prüfen das Ergebnis in der Vorschau.

Voraussetzungen

• Für den Inhalt einer Kampagne: das Recht Kampagnen bearbeiten. Die Kampagne muss ein Entwurf oder geplant sein – versendete Kampagnen lassen sich nicht mehr ändern.
• Für Vorlagen: das Recht Vorlagen bearbeiten bzw. Vorlagen erstellen.

Den Editor öffnen

• Kampagne: In der Checkliste der Kampagne auf der Karte Inhalt auf Zum Editor oder Inhalt bearbeiten klicken, oder oben auf Vorschau & Test.
• Vorlage: Unter Vorlagen eine Vorlage öffnen und Bearbeiten wählen oder Neue Vorlage anlegen. Siehe Vorlagen, Startpunkte und Bausteine.

Beide Wege führen in denselben Editor. Der Unterschied: Im Kampagnen-Editor speichern Sie mit Speichern; der Vorlagen-Baukasten sichert Änderungen selbstständig, sobald die Vorlage einmal gespeichert wurde, und zeigt den Stand oben an (zum Beispiel „Zuletzt gesichert um …").

Wichtig: Klicken Sie im Kampagnen-Editor auf Speichern, bevor Sie mit Zurück zur Kampagne die Seite verlassen.

Aufbau des Editors

• Links, die Seitenleiste mit den Reitern Bausteine, Abschnitte, Stile, Vorlage und Baustein.
• In der Mitte, die Arbeitsfläche mit Ihrer E-Mail. Oben wechseln Sie zwischen Desktop-Ansicht und Telefon-Ansicht (375px).
• Oben, die Werkzeugleiste mit Rückgängig, Wiederherstellen, Vorschau, Test senden und Speichern.

Bausteine einfügen und anordnen

1. Öffnen Sie in der Seitenleiste den Reiter Bausteine. Mit Baustein suchen … finden Sie schnell den passenden.
2. Klicken Sie auf einen Baustein, um ihn anzuhängen, oder ziehen Sie ihn an die gewünschte Stelle auf der Arbeitsfläche. Zwischen zwei Bausteinen können Sie auch über Hier einen Baustein einfügen einsetzen.
3. Klicken Sie einen Baustein auf der Arbeitsfläche an. Mit den Knöpfen am Baustein verschieben Sie ihn Nach oben oder Nach unten, Duplizieren ihn oder Entfernen ihn. Ein entfernter Baustein lässt sich direkt in der Meldung mit Rückgängig zurückholen.
4. Texte bearbeiten Sie direkt auf der Arbeitsfläche: Klicken Sie in den Text und schreiben Sie los.
5. Weitere Einstellungen (Farben, Abstände, Links, Ausrichtung) finden Sie im Reiter Baustein der Seitenleiste.

Die wichtigsten Bausteine:

Gruppe	Bausteine
Inhalt	Überschrift, Hero, Text, Bild & Text, Aufzählung, Zitat, Textkasten, Bild, Bildergalerie, Video-Vorschau, Logo, Beitrag, Tabelle, Ergebniszahlen
Struktur	Spalten (zwei bis vier), Abschnitt, Abstand, Trennlinie, HTML, Fusszeile, Signatur, Kontaktleiste
Handel	Knopf, Knopfgruppe, Preistabelle, Aktionscode, Produkt, Empfehlungen, Download, Anmeldung, Umfrage
Stiftung	Spendenaufruf, Fortschritt, Termin
Sozial	Profile, Teilen

Tipp: Ein Video lässt sich in einer E-Mail fast nirgends abspielen. Der Baustein Video-Vorschau zeigt stattdessen ein Standbild, das auf das Video verlinkt. Genauso verlinkt Anmeldung auf eine Anmeldeseite, statt ein Formular in die Mail zu setzen.

Im Reiter Abschnitte finden Sie fertige Abschnitte mit Ihrem Logo und Ihren Farben sowie die eigenen Bausteine Ihrer Organisation. Der Reiter Stile zeigt, welche Farben und Schriften aus dem Design Ihrer Organisation kommen.

Ist die KI freigeschaltet, können Sie einen Baustein direkt mit Inhalt füllen lassen („… mit AI füllen"). Prüfen Sie den erzeugten Text immer, bevor Sie versenden.

Platzhalter (Personalisierung)

Platzhalter setzen beim Versand die Daten des jeweiligen Empfängers ein. Sie schreiben sie mit doppelten geschweiften Klammern:

Platzhalter	Wird ersetzt durch
{{vorname}}, {{nachname}}	Vor- und Nachname des Kontakts
{{anrede}}	Anrede des Kontakts
{{email}}	E-Mail-Adresse des Empfängers
{{firma}}, {{position}}, {{abteilung}}	Angaben aus dem CRM
{{firmenwebsite}}, {{branche}}	Angaben zur Firma
{{abmeldelink}}	Persönlicher Abmeldelink
{{datum}}, {{jahr}}	Heutiges Datum bzw. aktuelles Jahr

Die vollständige Liste zeigt der Editor unter Verfügbare Merge-Tags. Ein Klick fügt den Platzhalter an der Cursor-Position ein. Nicht jeder Platzhalter passt zu jedem Empfängertyp; der Editor markiert das mit „Nicht verfügbar für den aktiven Empfänger-Typ".

Ersatztext für leere Felder: Mit {{vorname|Liebe Leserin, lieber Leser}} erscheint der Text nach dem senkrechten Strich, wenn der Vorname fehlt.

Wichtig: Ein falsch geschriebener Platzhalter wie {{vornmae}} wird nicht ersetzt und stünde wörtlich in der Mail. Die Checkliste der Kampagne erkennt das und sperrt den Versand, bis Sie ihn korrigiert haben.

Bilder einfügen und bearbeiten

1. Fügen Sie einen Bild-Baustein ein und klicken Sie ihn an.
2. Wählen Sie Aus der Mediathek, um ein vorhandenes Bild zu nehmen, oder Datei hochladen. Im Fenster Content Studio können Sie unter Hochladen auch Von einer Adresse ein Bild übernehmen; die Adresse muss mit https:// beginnen.
3. Erlaubt sind JPEG, PNG, GIF und WebP bis 5 MB je Bild. Bilder unter 200 KB laden im Postfach spürbar schneller; der Editor warnt bei grossen Bildern und bietet Für E-Mail verkleinern an.
4. Mit Bearbeiten bzw. Zuschneiden öffnen Sie Bild bearbeiten: Zuschneiden (mit Seitenverhältnis), Grösse ändern, drehen und spiegeln. Jede Bearbeitung erzeugt eine neue Datei, das Original bleibt erhalten.
5. Tragen Sie unter Alt-Text ein, was auf dem Bild zu sehen ist. Mit Für mich generieren schlägt die KI einen Text vor. Viele Postfächer laden Bilder erst auf Klick – ohne Alt-Text bleibt dort eine leere Fläche.
6. Unter Link machen Sie das Bild anklickbar.

Hochgeladene Bilder stehen in allen Vorlagen und Kampagnen Ihrer Organisation zur Verfügung. Die Übersicht aller Bilder finden Sie unter Medien, siehe Design und Medien.

Vorschau

Mit Vorschau sehen Sie die E-Mail so, wie sie beim Empfänger ankommt:

• Desktop und Mobil zeigen die Mail in echter Breite, wahlweise auf hellem oder dunklem Hintergrund.
• Gesendet zeigt bei einer versendeten Kampagne genau die Fassung, die hinausging.
• Test-E-Mail senden verschickt die Mail an eine Adresse Ihrer Wahl.
• HTML-Code zeigt den erzeugten Code. Wer dort tippt, schaltet auf manuelles HTML um; Änderungen an den Bausteinen wirken dann nicht mehr auf das gespeicherte HTML.

Die Vorschau zeigt ausserdem die Grösse der Mail. Gmail kürzt Mails ab rund 102 KB – der Editor warnt, wenn Sie in die Nähe kommen. Auch Bilder ohne Alternativtext werden gezählt.

Unter Darstellung in E-Mail-Programmen sehen Sie, welche Gestaltungsmittel in welchen Programmen nicht oder nur eingeschränkt wirken, zum Beispiel runde Ecken oder Hintergrundbilder im klassischen Outlook für Windows. Das ist ein Hinweis, keine Sperre.

Was beim Versand mit den Links passiert

Ist die Messung in Ihrer Organisation eingeschaltet, schreibt Scorebase jeden Link um, damit Klicks gezählt werden können, und ein unsichtbares Bild zählt Öffnungen. Für den Empfänger ist der Umweg nicht spürbar. Abmeldelinks, E-Mail- und Telefonlinks sowie Sprungmarken werden nicht umgeschrieben. Ist die Messung ausgeschaltet, geht die Mail unverändert hinaus und der Bericht bleibt ohne Öffnungen und Klicks.

Tastenkürzel im Vorlagen-Baukasten

Kürzel	Wirkung
Ctrl + D	Ausgewählten Baustein duplizieren
Entf	Ausgewählten Baustein entfernen
Alt + ↑ / Alt + ↓	Baustein nach oben bzw. unten verschieben
Ctrl + Z / Ctrl + Shift + Z	Rückgängig bzw. wiederherstellen
Ctrl + S	Sofort speichern
?	Verzeichnis der Tastenkürzel öffnen

Wenn etwas nicht klappt

Symptom	Ursache	Lösung
Meldung „Der Inhalt wurde inzwischen von jemand anderem geändert"	Eine zweite Person hat dieselbe Kampagne gespeichert	Seite neu laden, sonst würde Ihre Änderung die andere überschreiben
Bild erscheint in der Testmail nicht	Das Postfach lädt Bilder erst auf Klick, oder das Bild wurde inzwischen gelöscht	Im Postfach „Bilder anzeigen" wählen; unter Medien prüfen, ob das Bild noch vorhanden ist; Alt-Text setzen
Änderungen an Bausteinen wirken nicht	Manuelles HTML ist aktiv	In der Vorschau Zurück zu den Bausteinen wählen
Testmail zeigt „Max" statt echter Namen	Testmails nutzen Beispielwerte	Kein Fehler – beim echten Versand stehen die Daten der Empfänger

Weiterlesen

• E-Mail-Kampagne erstellen und versenden
• Vorlagen, Startpunkte und Bausteine
• Design und Medien