Zum Hauptinhalt springen
Handout Agenturen & Webmaster

Newsletter Layout & Integration

S
Verfasst von Support Team
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?