Zum Hauptinhalt springen
In diesem Kapitel
< Inhalt
Drucken

Erweiterte Newsletter-Einstellungen

Die Werkzeugleiste bietet mit Plain Text, Farbpalette, CSS Code und HTML Code Funktionen für unterschiedliche Ebenen des Newsletters. Plain Text steuert die alternative Textfassung, die Farbpalette Deine wiederverwendbaren Kontofarben, CSS die zusätzlichen Kopfbereich-Regeln und HTML den gesamten sichtbaren Editor-Inhalt.

Speichere vor CSS- oder HTML-Änderungen eine Kopie des Entwurfs. Öffne anschließend Vorschau und Testmail und prüfe Desktop- sowie Mobilansicht.

Plain-Text-Version

Die Plain-Text-Version wird verwendet, wenn ein Mailprogramm HTML nicht darstellen kann oder die Textfassung bevorzugt. Öffne Plain Text; im deutschen Dialog heißt die Überschrift Alternativtext.

Plain-Text-Dialog mit aktivierter automatischer ErzeugungPlain-Text-Dialog mit aktivierter automatischer Erzeugung

Plain-Text-Dialog mit aktivierter automatischer Erzeugung

Mit Alternativtext automatisch aus HTML generieren erzeugt mailfino die Textfassung aus dem aktuellen Newsletter. Überschriften, Texte und wichtige Links werden dabei in eine lesbare Reihenfolge gebracht. Beim Aktivieren wird der Text sofort neu erzeugt; solange die Automatik aktiv ist, wird er auch für Vorschau beziehungsweise Versand erneut aus dem aktuellen HTML aufgebaut. Manuelle Änderungen im Textfeld können dadurch überschrieben werden.

Deaktiviere die Automatik, wenn Du eine eigene Textfassung pflegen willst. Prüfe dann besonders:

  • ob Kernaussage und Handlungsaufforderung ohne Bilder verständlich bleiben,
  • ob Links ausgeschrieben und eindeutig zugeordnet sind,
  • ob Abmelde- und Browserlinks erhalten bleiben,
  • ob keine Gestaltungsreste oder doppelten Textteile enthalten sind.

Die Plain-Text-Fassung ist nicht dasselbe wie ein bewusst formulierter Preheader. Ihr Anfang kann jedoch als Vorschautext herangezogen werden. Kontrolliere deshalb zusätzlich die Vorschau neben dem Betreff.

Eigene Farbpalette

Öffne Farbpalette, um häufig verwendete Unternehmensfarben in den Farbauswahlen bereitzustellen. Trage pro Zeile genau eine Farbe im HEX- oder RGB-Format ein, beispielsweise #CF331F oder rgb(24, 50, 74), und klicke auf Speichern.

Kontofarbpalette mit HEX- und RGB-WertenKontofarbpalette mit HEX- und RGB-Werten

Kontofarbpalette mit HEX- und RGB-Werten

Die Palette wird in Deinen Benutzereinstellungen gespeichert und gilt nicht nur für den geöffneten Entwurf. Farbpalette zurücksetzen trägt zunächst die mailfino-Standardfarben in das Feld ein; dauerhaft übernommen werden sie erst mit Speichern. Verwende vollständige, gültige Farbwerte und prüfe danach eine Farbauswahl, da der Dialog keine umfassende Syntaxprüfung erzwingt.

Wenn Du einem Entwurf ein Brand Profile zuweist, werden dessen geprüfte Farben zusätzlich angeboten. Deine gespeicherte Kontopalette wird dabei nicht überschrieben.

Header-CSS bearbeiten

Öffne CSS Code; die deutsche Dialogüberschrift lautet Header Code. Hier bearbeitest Du zusätzliche CSS-Regeln für den Kopfbereich des Newsletters. Responsive-Regeln einfügen ergänzt die vom Editor erzeugten Regeln für mobile Darstellung. Speichern übernimmt den Code in den aktuellen Entwurf.

CSS-Dialog mit Aktion zum Einfügen responsiver RegelnCSS-Dialog mit Aktion zum Einfügen responsiver Regeln

CSS-Dialog mit Aktion zum Einfügen responsiver Regeln

Der Editor prüft nicht zuverlässig, ob jedes CSS syntaktisch korrekt oder in allen Mailprogrammen unterstützt wird. Vermeide allgemeine Selektoren, die unbeabsichtigt alle Tabellen, Links oder Texte verändern. Nutze eindeutige Klassen und !important nur dort, wo E-Mail-Clients es erfordern. Prüfe Änderungen in Vorschau, Mobilansicht und echten Testmails an mehrere verbreitete Mailprogramme.

Gesamten HTML-Inhalt bearbeiten

HTML Code öffnet im deutschen Dialog HTML Bearbeiten. Im Dokumentmodus enthält der Editor den gesamten Inhalt des sichtbaren Newsletter-Arbeitsbereichs. Speichern ersetzt diesen vollständig durch den eingegebenen HTML-Code; es handelt sich nicht nur um den aktuell markierten Textbaustein.

HTML-Dialog mit Hinweis auf den vollständigen Editor-InhaltHTML-Dialog mit Hinweis auf den vollständigen Editor-Inhalt

HTML-Dialog mit Hinweis auf den vollständigen Editor-Inhalt

Es gibt keine vollständige Struktur- oder Syntaxvalidierung. Fehlerhafte Änderungen können Editor-Blöcke, Links, mobile Darstellung, Personalisierungsfelder sowie notwendige Browser- oder Abmeldebereiche beschädigen. Gehe deshalb so vor:

  1. Speichere zuerst eine Kopie des unveränderten Entwurfs.
  2. Ändere nur einen klar abgegrenzten Abschnitt und behalte die bestehende Tabellenstruktur bei.
  3. Achte auf korrekt geschlossene Tags, absolute HTTPS-Links und unveränderte mailfino-Platzhalter.
  4. Klicke auf Speichern, prüfe den sichtbaren Entwurf vollständig und nutze bei einem Fehler sofort die Rückgängig-Funktion.
  5. Prüfe danach Plain Text, Desktop- und Mobilvorschau, Links, Personalisierung und Pflichtbereiche per Testmail.

Importiere in diesen Dialog keine vollständige Webseite mit Skripten oder Formularen. JavaScript und modernes Web-CSS funktionieren in Newslettern nicht zuverlässig und können Sicherheits- oder Zustellprobleme verursachen.