Neues Design - mehr Optionen
Auf vielfachen Wunsch aus dem Verband wurde Anfang 2020 das Newslettertemplate überarbeitet. Neben einem frischen, aber dezenten Redesign des Layouts gibt es für die Redakteur*innen nun mehr Gestaltungsmöglichkeiten für Text und Bild.
Auf dieser Seite erfahren Sie, welche Optionen für die Gestaltung es gibt und wie Sie Ihren Newsletter in TYPO3 gestalten können. Aufgrund der vielen Client-Anbieter musste sich auf eine Anzahl an Clients fokussiert werden, die im Verband etabliert sind. Getestet wurde das Design daher u.a. für Thunderbird, Outlook 2013, Outlook 2016, Outlook 365, GMX (https://www.gmx.net/), Gmail (https://www.google.com/gmail/), Mailbox (http://mailbox.org/).
Was ist neu?
Einen neuen Newsletter anlegen
Jeder Newsletter, der aus dem TYPO3-System verschickt werden soll, wird durch eine eigene Seite im Seitenbaum repräsentiert. Diese Seiten sollten unterhalb des bereits im Seitenbaum vorhandenen Newsletter-Ordners angelegt werden.
Um einen neuen Newsletter anzulegen, fügen Sie einfach innerhalb des Ordners "Newsletter" im Seitenbaum eine neue Standardseite hinzu. Anschließend gehen Sie den Seiteneigenschaften zum Reiter "Erscheinungsbild". Hier wird das Layout "Newsletter" eingestellt. Nach dem Speichern stehen Ihnen die speziell für den Newsletter eingerichteten Gestaltungsmöglichkeiten zur Verfügung.
Auswahl des Layouts "Newsletter" in den Seiteneigenschaften
Nun kann das Newslettertemplate mit Inhalt gefüllt werden. Der Newsletter in den BUND-Systemen besteht üblicherweise aus den Bereichen
- Headerbild
- Einleitungstext
- Inhalt
- Links für Spenden und Mitgliedschaft
- Footer-Herausgeber
- Footer-Redaktion
- Footer-Bildquellen.
Bearbeitungsansicht im TYPO3-Backend
Headerbereich
Webausgabe des Headerbereichs
Im neuen Newsletterdesign gibt es nun einen strukturierten Header, der die "Stammdaten" zu jedem Newsletter enthält.
Neben dem fest eingestellten BUND-Logo, das in diesem Layout immer oben links erscheint und nicht redaktionell gepflegt werden muss, können rechts oben zudem folgende Informationen im Kopf über die Seiteneigenschaften eingetragen werden:
- Newsletter-Titel (z. B. BUND-Ticker)
- Datum der Ausgabe
- Newsletter-Thema bzw. Titel der aktuellen Ausgabe (optional)
In der Frontendausgabe erscheint oben zudem automatisch ein Link zur Webversion des Newsletters. Für den Fall, dass ein Newsletter-Client wie z. B. ein spezielles E-Mail-Programm nicht in der Lage ist, den Newsletter darzustellen, kann der Newsletter hierüber im Web-Browser aufgerufen und angesehen werden.
Hinweis: Dies ist ein allgemein üblicher Bestandteil von Online-Newslettern, da es trotz vielfacher spezifischer Anpassungen und Sonderprogrammierungen nicht möglich ist, Newsletterlayouts für sämtliche auf dem Markt befindlichen E-Mail-Clients und -Anwendungen zu optimieren. In der technischen Umsetzung wird jedoch angestrebt, möglichst eine optimale Darstellung in den gängigsten Programmen und Versionen zu erreichen.
Reiter Allgemein:
Der Titel des Newsletters wird im Feld "Newsletter-Titel" gepflegt und ist eine verpflichtende Angabe.
Optional kann im Feld "Newsletter-Thema" eine weitere Angabe zum Thema wie z. B. ein Titel der aktuellen Ausgabe eingetragen werden.
Hinweis:
Bei langen Titeln, die im Frontend zweizeilig umbrechen, können Darstellungsfehler in einzelnen E-Mail-Clients wie z. B. Outlook 206 auftreten. Bitte halten Sie diese beiden Angaben im Header daher redaktionell möglichst kurz und prägnant.
Für Details oder eine Auflistung der Themen des Newsletter kann der Bereich "Einleitungstext" genutzt werden.
Reiter Metadaten:
Das Datum wird im im Feld "Letzte Aktualisierung" hinterlegt.
Im Newsletter-Header erscheint es dann im Format TT.MM.JJJJ (ohne Uhrzeit) neben dem Newslettertitel .
Bereich "Einleitungstext"
Hier kann ein Einleitungstext mit persönlicher Ansprache der Adressat*innen angelegt werden. Dafür steht in diesem Bereich das Inhaltselement "Newsletter: Introtext" zur Verfügung.
Bereich "Inhalt"
In diesem Bereich können die Teaser der Hauptinhalte in Form von Text-mit-Bild-Elementen angelegt werden.
Bilder können links oder rechts des Textes platziert werden sowie ab sofort auch auf voller Breite oberhalb oder unterhalb des Textes. Dafür stehen folgende Inhaltselemente zur Verfügung:
Newsletter: Bild mit Text (groß)
Wenn ein reiner Textbeitrag über die folgende Breite gewünscht ist, kann das Bild auch weggelassen werden.
Newsletter: Bild mit Text (klein)
Inhaltselemente in zweispaltigem Layout
Daneben können Inhaltselemente auch in einem zweispaltigen Layout ausgegeben werden.
Ist ein zweispaltiger Abschnitt gewünscht, so muss zunächst ein Mehrspaltenelement angelegt werden. Dies ist beim Anlegen eines neuen Elements im Tab "Container" zu finden. Mehr über die Mehrspalten-Elemente unter Sections.
Um eine fehlerfreie Darstellung des Newsletterlayouts in allen Ausgabegeräten sicherzustellen, sollten in einem 2-Spalten-Element pro Spalte nur jeweils ein Inhaltselement liegen. Dabei ist es egal, ob aktiv und deaktiviert.
Um die Redakteur*innen bei der korrekten Pflege zu unterstützen, wurde die maximale Anzahl von 1 Inhaltselement pro Spalte in der TYPO3-Konfiguration hinterlegt. Bei 2-Spalten-Elementen, die pro Spalte bereits mehr als 1 Element beinhalten, wird eine entsprechende Warnung im Backend ausgegeben.
Letztes Element des Hauptinhalts
Das letzte Inhaltselement des Hauptinhalts wird im entsprechenden Backend-Bereich "Inhalt (letztes Element)" gepflegt.
Dies bewirkt, dass nach diesem Inhaltselement in der Frontend-Ausgabe auch ein optisch sichtbarer Abschluss durch eine grüne Linie erscheint - im Unterschied zu den grauen Zeilentrennern innerhalb des Hauptinhalts.
Bereich "Outro"
Im Bereich "Outro" können abschließend Elemente beispielsweise zur Kampagnenbewerbung gepflegt werden.
Um die optimale Darstellung des Layouts zu garantieren, steht hierfür das Element "Newsletter: abschließender Teaser" zur Verfügung.
Dieser bewirkt, dass in der Frontendausgabe der weiß hinterlegte redaktionelle Bereich unterhalb des "Outros" endet.
Darunter schließen sich dann Spendenteaser und der Footer an, die beide grau hinterlegt sind.
Anlegen des Spendenteasers
Für Spendenaufrufe und die Bewerbung der BUND-Mitgliedschaft steht im Newsletter ein eigenes Inhalt-Element zur Verfügung.
Die Buttons "Mitglied werden" und "Spenden" werden automatisch hinzugefügt, ohne dass dies vom Redakteur eingestellt werden muss.
Im Inhaltsbereich "Links für Spenden und Mitgliedschaft" können mit dem speziellen Inhaltselement "Newsletter: Links für Spenden und Mitgliedschaft" sowohl der Link zum jeweiligen Formular als auch der Button-Text redaktionell verändert werden.
Anschließend können ein kurzer Text sowie die Links zu den Spendenformularen und dem zentralen Mitgliederformular ergänzt werden.
Designbeispiel
