Handout Agenturen & Webmaster

Newsletter Layout & Integration

A
Verfasst von Arne Weimar
Vor über einer Woche aktualisiert

Im folgenden finden Sie die technischen Eckdaten, für die Gestaltungsmöglichkeiten der Newsletter sowie die Konfiguration und Einbindung des Anmeldefensters (opt-in)

(1) Layout Newsletter

Das Layout wird je (Newsletter) Liste definiert. 

Das Layout wird verändert im Editor eines bestehenden Newsletters und wird mit Änderung auf jeden noch nicht versendeten Newsletter der Liste angewendet.

Die Layout Optionen beziehen sich nicht auf einzelne Newsletter Blöcke (Textblock, Bild, etc). Diese Eigenschaften werden im einzelnen Block auf der Ebene Newsletter editiert..

 

Header
Einbindung von Headergrafik oder Logodatei.
Formate: Headergrafik: Dateitypen: JPG, PNG 

 Logo

  • Kann neu hochgeladen werden -> ist daraufhin auch unter Medien verfügbar

  • Kann aus Mediathek ausgewählt werden

Dateitypen: JPG, PNG

Logo-Größe: wie tatsächliche Bildgröße
(bitte zuschneiden)

Hintergrundfarbe: falls Logo nicht komplette Fläche ausfüllt, wird Hintergrundfarbe am freien Platz angezeigt. Alle Farben als Hex-Wert (Bsp.: “#ffffff”)

Footer

Zeilenhöhe: Zwischen 1.0 - 2.0 in jeweils 0.1 Abständen (definiert durch Dropdown, keine freie Texteingabe)

Text: Formatierung durch WYSIWYG / HTML Formatierung

Text Variable: Abmeldelink kann mit der Variable “{{{UNSUBSCRIBELINK}}} “ eingefügt werden

Schriftarten:

  • Arial

  • Arial Black

  • Tahoma

  • Trebuchet MS

  • Verdana

  • Courier

  • Courier New

  • Georgia

  • Times

  • Times new Roman

Body

Definiert die Hintergrundfarbe außerhalb des Newsletter Contentbereiches

Definiert die maximale Breite des Contentbereichs (ideal zwischen 500 - 600 px)

(2) Formatierung der einzelne Blöcke 

Die Newsletter werden aus einzelnen Blöcken erstellt:

Text, Bild, Text / Bild, Bildreihe, Trennlinie, Button, Titel, Inhaltsverzeichnis

Jeder Block wird einzeln formatiert. Die Formatierung kann auf alle bestehenden Blöcke des gleichen Typs übertragen werden.

Formatierung des einzelnen Blocks

  • Hintergrundfarbe: Als Hex-Wert definiert 

  • Zeilenhöhe: von 1.0 - 2.0, in 0.1 Schritte

  • Schriftart über Dropdown einstellbar (s.o.)

  • Schriftgröße: von 8px bis 32px

  • Schriftstil: kursiv oder fett, oder unterstrichen

  • Padding

  • Margin

  • Abstand zum nächsten Block (Außenabstand)

Formatierung von Texten im Block: WYSIWYG Optionen

  • Fett / Unterstrichen

  • Link einfügen/bearbeiten

  • Hochgestellt 

  • Tiefgestellt

  • Linksbündig / Zentriert / Rechtsbündig / Blocksatz

  • Rückgängig / Wiederholen

  • Formatierung entfernen

 Zusätzlich für Bild:

  • Text: keine Formatierung durch WYSIWYG / HTML

  • Bildtitel: Textposition: darunter oder darüber

  • Dateitypen: JPG, PNG oder GIF bis max. 10 MB

 Zusätzlich für Button:

  • Hintergrundfarbe Block, Padding, Margin

  • Füllfarbe, Linie (Farbe, Stärke)

  • Text: Font, Size, Style

  • Ausrichtung im Block: links, zentriert, oder rechts

 Zusätzlich für Bildreihe und Bild-Text Block 

  • Anordnung Bild & Textelement (links/rechts)

  • Zahl der Spalten: mindestens 2, maximal 6

  • Abstand zwischen Spalten: mindestens 0, maximal 200px

  • Dateitypen: PG, PNG oder GIF bis max. 10 MB

  • Spalten werden responsiv aufgelöst

Zusätzlich Bild-Text Block 

  • Dateitypen: PG, PNG oder GIF bis max. 10 MB

  • Text Position: rechts oder links

  • Spalten werden responsiv aufgelöst

Zusätzlich Bild-Text Block 

  • Ausrichtung: links, zentriert, oder rechts

  • Das Inhaltsverzeichnis nimmt Titel auf, bei denen das Inhaltsverzeichnis aktiviert ist

Hinweis

Vorgenommene Formatierungen können auf alle Blöcke im Newsletter übertragen werden

 

 

(3) Konfiguration Opt-In Fenster

 

Abfrage definieren Opt-In:

  • Abzufragende Felder können per Klick auf Checkbox rechts hinzugefügt werden

  • Label / Beschreibung kann unter “Beschriftung” links editiert werden

  • Das Feld E-Mail ist immer ein Pflichtfeld und kann nicht entfernt werden

Texte

  • Alle Texte im Optin-Fenster

  • Alle E-Mail Texte (Bestätigung, Opt-Out etc)

Layout Opt-In

  • Nur “Aussehen” einstellbar, keine Inhalte

  • Alle Farben als Hex-Wert

  • Mögliche Werte für alle Schriftarten: 8px - 32px

  • mögliche Schriftarten: s.o.

Body

  • Füllfarbe

  • Size 

  • Padding / Margin

Button

  • Hintergrundfarbe Block, Padding, Margin

  • Füllfarbe, Linie (Farbe, Stärke)

  • Text: Font, Size, Style

Logo

  • Position

  • Breite 

  • Abstand

Felder 

  • Feldhöhe

  • Abstand

  • Rand mit Radius

Feldbezeichnungen

  • Schritart

  • Schriftgröße

 

(4) Integration Opt-In Formular

  • Opt-In Formular hat eine eigene Url.

  • Einbindung erfolgt am besten über ein Javascript.

  • Pop Up nicht zu empfehlen (wegen popup Blocker)


Hier finden Sie eine weiterführende Anleitung, wie Sie das Opt-In-Formular über unsere Subscription-API in eine Webseite einbinden können.

Mehr zum Thema Layout des Newsletters im Video Tutorial:

Hat dies Ihre Frage beantwortet?