Allgemeine Einstellungen

Klicken Sie im Editor oben auf Einstellungen, um Schriften, Grundraster, Farbschema und weitere Einstellungen festzulegen, die sich auf die gesamte Vorlage auswirken. Der Assistent für diese Einstellungen öffnet sich mit den in diesem Kapitel beschriebenen Reitern.

Allgemein

Diese Einstellungen wirken sich auf das Layout des gesamten Newsletters aus. Übernehmen Sie beispielsweise Vorgaben aus Ihren Corporate-Design-Guidelines direkt in diesem Reiter, um Design-konforme Mailings zu erstellen.

Schrifteinstellungen

Geben Sie Schriftgröße, -farbe und Zeilenhöhe für Überschriften, Text und Links an.

Custom Fonts

Um diese Funktion freizuschalten, wenden Sie sich an die Kundenbetreuung Teilen Sie bei der Einrichtung den Pfad (URL Steht für „Uniform Resource Locator“ (Internetadresse). Auch bekannt als Webadresse wie http://world.optimizely.com.) zu Ihren Custom Fonts mit. Das kann ein eigener Server oder der eines Font-Anbieters (z. B. Google Fonts) sein. Wenn Sie einen Server von Optimizely nutzen möchten, benötigt Optimizely die Font-Dateien. Optimizely selbst kann keine Schriftarten zur Verfügung stellen.

Custom Fonts sind spezielle Schriftarten (z. B. Ihr Corporate Font), die beim Öffnen der E-Mail von einer externen Quelle heruntergeladen werden. Wenn Custom Fonts in Ihrem Mandanten konfiguriert sind, finden Sie eine Übersicht der verfügbaren Schriftarten im gelben Kasten im Bearbeiten-Bereich.

Um Custom Fonts zu verwenden, geben Sie den Namen der Schriftart in das entsprechende Feld im Reiter Schrifteinstellungen ein. Geben Sie zusätzlich alternative Schriftarten an, zum Beispiel: Fugaz One, Georgia, serif.

Bild: Custom Fonts

Outlook Fallbacks

Outlook unterstützt keine Custom Fonts. Legen Sie im Reiter Custom Fonts unter Outlook Fallbacks fest, welche alternativen Schriftarten Outlook verwenden soll. Eine Übersicht der festgelegten Fallbacks Ausweichlösung, wenn eigentliche Auswahl nicht möglich ist. finden Sie im gelben Kasten im Bearbeiten-Bereich.

Outlook verwendet die festgelegten Fallbacks (mit Ausnahme von Buttons) nur, wenn Sie im entsprechenden Bereich unter Schrifteinstellungen ein Custom Font eingestellt haben. Legen Sie kein Outlook Fallback fest, obwohl ein Custom Font eingestellt ist, stellt Outlook eine alternative Schriftart dar.

Farbeinstellungen

Geben Sie die Hintergrundfarbe, Farbe des Inhaltsbereichs und Rahmenfarbe an.

Listen

Parameter Beschreibung
Optionen
Listentyp

Wenn Sie einen Aufzählungspunkt verwenden möchten, wählen Sie unter Listentyp die Option Bullet-Liste aus.

Um ein eigenes Aufzählungszeichen zu verwenden, laden Sie ein Bild hoch und wählen Sie unter Listentyp die Option Liste mit eigenem Aufzählungszeichen aus.

Eigenes Aufzählungszeichen Laden Sie ein Aufzählungszeichen Ihrer Wahl hoch oder geben Sie im Feld Alternativ externe URL eine Bild-URL ein, die auf die Bildquelle verweist. Die maximale Breite für das Aufzählungszeichen beträgt 30 Pixel. Breitere Grafiken werden automatisch proportional auf diese Größe verkleinert.

Absatztrennung

Mit der Absatztrennung gliedern Sie Ihren Newsletter und ermöglichen eine einfache Navigation mit Hilfe des Nach oben-Links. Fügen Sie Absatztrenner nach jedem Inhaltsparagraphen oder am Ende thematischer Blöcke ein. Ein Absatztrenner kann die vier Elemente Trennlinie, Nach oben-Link, Bild und Freiraum enthalten. Jedes dieser Elemente können Sie hier definieren und später im Absatztrenner separat auswählen.

Button-Vorlage

Siehe Click2Go.

SWYN

Wenn Sie die SWYN-Funktion nutzen, um Inhalte über soziale Netzwerke weiter zu verbreiten, können Sie hier einstellen, wie die Texte und Symbole für diese Funktion in den Inhaltselemente Ihres Mailings dargestellt werden.

Produkte

Der Paragraphentyp Produkt enthält typische Positionen zur Produktbeschreibung, wie Preis alt/neu, Produktkategorie, Beschreibung u.s.w. Sie können die Reihenfolge dieser Positionen festlegen.

Standardmäßig wird in den angegebenen Feldern keine Formatierung verwendet. Wenn Sie den in den Feldern eingegebenen Text formatieren möchten, verwenden Sie die Formatierungswerkzeuge des Editors oder - wenn Sie eine Content-Schnittstelle verwenden - HTML-Tags.

Content-Schnittstelle

In diesem Reiter können Sie bis zu fünf alternative Layouts für Inhalte der Content-Schnittstelle durch die freie Eingabe von HTML/Text definieren. Innerhalb des Content-Schnittstellen-Paragraphen können Sie das gewünschte Layout wählen.

Hier eingegebener Quelltext wird ohne weitere Prüfung in den Newsletter übernommen.

Alle gewünschten Formatierungen von Texten und Links müssen bereits im HTML-Format enthalten sein. Sie benötigen Kenntnisse in HTML und insbesondere HTML in E-Mails, um neue Layouts zu erstellen oder Anpassungen am Standardlayout vorzunehmen. Die Verwendung von inkorrektem oder nicht unterstütztem HTML-Code kann zu schweren Darstellungsfehlern des gesamten Newsletters führen.

Parameter Beschreibung
Layout 1–5
Desktop-Version Geben Sie den Quelltext für die Desktop-Version ein.
Mobilversion Geben Sie den Quelltext für die Mobilversion ein.
Textversion Geben Sie den Quelltext für die Textversion ein.

Inhalte einfügen

Folgende Velocity-Variablen stehen Ihnen zur Verfügung:

  • Status: Informationen zum aktuellen Facebook-Post
  • Present: Für Abfragen, die das Vorhandensein eines Elements prüfen
  • Value: Zur Ausgabe des Inhalts

Hinweise zur Erstellung neuer Layouts

  • Schriftdefinitionen: Bei Verwendung einer alternativen Layout-Variante müssen alle Schriftdefinitionen in dem eingegebenen HTML vorhanden sein. Die Texte werden nicht durch das Template-Kit formatiert, um Ihnen völlige Freiheit bei der optischen Gestaltung zu lassen.
  • Breitenangaben: Geben Sie eine feste Breite oder eine Breite in Prozent an, um zu vermeiden, dass Elemente aus dem Layout herausragen.
  • Gefahr von Darstellungsfehlern: Falls Sie die Layouts ohne fundierte HTML-Kenntnisse bearbeiten, kann es zu schweren Darstellungsfehlern in Ihren Mailings kommen.

Beispiele für alternative Layout-Varianten

Die Beispiele zeigen den Quelltext des Standard-Layouts und können für alternative Layout-Varianten adaptiert werden.

Entfernen Sie alle HTML-Kommentare, Leerzeilen und -zeichen, wenn Sie das HTML in das Template-Kit übertragen. Diese werden andernfalls mitversendet und "blähen" somit den Newsletter-Quelltext auf.

RSS-Feeds

Sie können bis zu fünf alternative Layouts für RSS Steht für „RDF Site Summary“: Auch bekannt unter dem Namen Really Simple Syndication, ist ein Standard zur Informationsübermittlung zwischen Webseiten. Sie dienen oft zur Verbreitung von News-Feeds.-Feed-Artikel durch die freie Eingabe von HTML/Text definieren. Innerhalb des RSS-Feed-Paragraphen können Sie das gewünschte Layout wählen.

Hier eingegebener Quelltext wird ohne weitere Prüfung in den Newsletter übernommen. Alle gewünschten Formatierungen von Texten und Links müssen bereits im HTML-Format enthalten sein.

Sie benötigen Kenntnisse in HTML und insbesondere HTML in E-Mails, um diesen Paragraphen einzurichten. Die Verwendung von inkorrektem oder nicht unterstütztem HTML-Code kann zu schweren Darstellungsfehlern des gesamten Newsletters führen.

Inhalte einfügen

Die Inhalte aus dem RSS-Feed stehen Ihnen als folgende Velocity-Variablen zur Verfügung und können so in den Quelltext eingefügt werden:

  • Status-Variablen (Informationen zum aktuellen Artikel-Paragraphen)
  • Present-Variablen (Zur Verwendung von Abfragen, die das Vorhandensein eines Elements prüfen)
  • Value-Variablen (Zur Ausgabe des Inhalts)

Wichtige Hinweise

  • Schriftdefinitionen. Bei Verwendung einer alternativen Layout-Variante müssen alle Schriftdefinitionen in dem eingegebenen HTML vorhanden sein. Die Texte werden nicht durch das Template-Kit formatiert, damit Sie Freiheit bei der optischen Gestaltung genießen. Im Umkehrschluss bedeutet dies, dass Links in Fließtexten (sofern vorhanden) bereits durch den RSS-Feed entsprechend formatiert geliefert werden müssen.
  • Breitenangaben. Der RSS-Feed-Paragraph kann wie alle anderen Inhaltsparagraphen in der Breite variieren. Bei der Verwendung einer alternativen Layout-Variante müssen Sie daher darauf achten, dass möglichst nur mit Prozentangaben oder gar ohne Breitenangaben gearbeitet wird. Andererseits können Sie durchaus mit festen Breiten arbeiten, sofern der RSS-Feed-Paragraph immer in derselben Konfiguration eingesetzt wird beziehungsweise für die verschiedenen Breiten des Paragraphen jeweils eine eigene Layout-Variante definiert wird.
  • Bildbreite. Bei Verwendung einer alternativen Layout-Variante werden die Bilder nur eingeschränkt vom Template-Kit verarbeitet (als Maximalbreite wird die verfügbare Inhaltsbreite des Paragraphen angenommen). Liefern Sie also die Bilder bereits in der benötigten Breite. Ansonsten können Sie durch Angabe einer festen Breite im HTML die Skalierung im Browser erzwingen – hiervon ist aber abzuraten, da beispielsweise Outlook diese Angabe ignoriert und das Bild in seiner Originalgröße darstellt.
  • Ausrichtung von Links/Position des Bildes. Diese Optionen werden bei Verwendung einer alternativen Layout-Variante wirkungslos. Die Ausrichtung beziehungsweise Position der Elemente wird durch das eingegebene HTML festgelegt.
  • Gefahr von Darstellungsfehlern. Durch die freie Eingabe von HTML für die Desktop- und Mobilversion liegt die Verantwortung für die korrekte Darstellung in den verschiedenen E-Mail-Programmen beziehungsweise Webmailern bei Ihnen. Im schlimmsten Fall können schwere Darstellungsfehler auftreten.

Beispiel für eine alternative Layout-Variante

Das Beispiel erzeugt eine zweispaltige Ansicht mit einer Breite von 580 Pixeln.

Entfernen Sie alle HTML-Kommentare, Leerzeilen und -zeichen, wenn Sie das HTML in das Template-Kit übertragen. Diese werden andernfalls mitversendet und "blähen" somit den Newsletter-Quelltext auf.

Facebook

Der Facebook-Paragraph enthält ein Standard-Layout zur visuellen Gestaltung Ihrer Facebook-Artikel. Zusätzlich können Sie bis zu 2 weitere Layouts als HTML-Code hinterlegen. Ihre benutzerdefinierten Layouts wählen Sie später direkt im Facebook-Paragraphen aus einer Drop-down-Liste aus (siehe Facebook-Layouts).

Wenn Sie nicht über fundierte HTML-, CSS- und Velocity-Kenntnisse verfügen, wenden Sie sich an die Kundenbetreuung. Falls Sie die alternativen Layouts ohne fundierte Kenntnisse bearbeiten, kann es zu schweren Darstellungsfehlern in Ihren Mailings kommen.

Twitter

Der Twitter-Paragraph enthält ein Standard-Layout zur visuellen Gestaltung Ihrer Tweets. Zusätzlich können Sie bis zu 2 weitere Layouts als HTML-Code hinterlegen. Ihre benutzerdefinierten Layouts wählen Sie später direkt im Twitter-Paragraphen aus einer Drop-down-Liste aus (siehe Abschnitt Twitter-Layouts ).

Wenn Sie nicht über fundierte HTML-, CSS- und Velocity-Kenntnisse verfügen, wenden Sie sich an die Kundenbetreuung. Falls Sie die alternativen Layouts ohne fundierte Kenntnisse bearbeiten, kann es zu schweren Darstellungsfehlern in Ihren Mailings kommen.

Der Navigationsmenü-Paragraph enthält ein Standard-Layout zur visuellen Gestaltung Ihrer Navigationsmenüs. Zusätzlich können Sie bis zu 5 weitere Layouts als HTML-Code hinterlegen. Ihre benutzerdefinierten Layouts wählen Sie später bei der Erstellung eines Navigationsmenüs direkt im Navigationsmenü-Paragraphen aus einer Drop-down-Liste aus (siehe Navigationsmenü-Layouts).

Wenn Sie nicht über fundierte HTML-, CSS- und Velocity-Kenntnisse verfügen, wenden Sie sich an die Kundenbetreuung. Falls Sie die alternativen Layouts ohne fundierte Kenntnisse bearbeiten, kann es zu schweren Darstellungsfehlern in Ihren Mailings kommen.

Parameter Beschreibung
Layout 1–5
Desktop-Version Geben Sie den Quelltext für die Desktop-Version ein.
Mobilversion Geben Sie den Quelltext für die Mobilversion ein.
Textversion Geben Sie den Quelltext für die Textversion ein.

Strukturierte Daten

Fügen Sie Ihrem Mailing strukturierte Daten hinzu, um die E-Mail prominenter und ansprechender im Posteingang des Empfängers zu präsentieren oder um Zusatzfunktionen zu erweitern. Das E-Mail-Programm des Empfängers muss dafür strukturierte Daten unterstützen. Sollte dies nicht der Fall sein, werden die strukturierten Daten ignoriert und die E-Mail regulär im Posteingang des Empfängers angezeigt.

Aktivieren Sie das Kontrollkästchen im Bereich Gmail Promotions Tab, um die E-Mail mittels strukturierter Daten prominent in der Gmail-Posteingangskategorie Werbung zu platzieren. Je nach bereitgestelltem Inhalt fügt Gmail der E-Mail-Vorschau ein Firmenlogo, Werbebanner, Gutschein-Code und Timer hinzu.

Die durch Optimizely Campaign erzeugten strukturierten Daten entsprechen den Vorgaben von Gmail. Optimizely hat allerdings keinen Einfluss darauf, wie die strukturierten Daten letztendlich im Posteingang von Gmail interpretiert werden. Weitere Informationen zum Gmail Promotions Tab finden Sie auf der Gmail-Entwickler-Webseite.

Alternativ können Sie im Bereich JSON-LD-Quelltext strukturierte Daten direkt als JSON-LD-Quelltext eingeben. Beachten Sie, dass keine Validierung stattfindet und bereits ein kleiner Fehler im JSON-LD-Quelltext dazu führen kann, dass die strukturierten Daten nicht gelesen werden können. Testen Sie in jedem Fall vorab die Darstellung über einen Testversand.

Tracking

Sie können alle ausgehenden Links mit Tracking-Parametern erweitern. Mit Hilfe von Web-Analyse-Software können Sie diese Parameter zur Auswertung des Klickverhaltens verwenden. Sie können bis zu fünf Tracking-Parameter angeben. Jeder Parameter besteht aus einem Schlüssel (Parametername) und einem Wert.

Parameter Beschreibung
Parameter 1–5
Schlüssel Geben Sie den Namen des Parameters an.
Wert Geben Sie einen Zahlenwert oder eine Zeichenfolge ein.

Textversion

Sie können anstelle der automatisch erzeugten Textversion des Mailings eine manuelle Textversion für den gesamten Newsletter eingeben. Wenn Sie diese Option aktivieren, werden die Inhalte aus den einzelnen Paragraphen nicht übernommen.

Parameter Beschreibung
Alternative Textversion
Aktiviert Standardmäßig wird die Textversion automatisch erstellt. Aktivieren Sie dieses Kontrollkästchen, müssen Sie die Textversion manuell eingeben. Geben Sie keinen Text ein, wird keine Textversion mit Ihrem Mailing versendet.
Text Geben Sie den gesamten Text für die Textversion des Mailings ein. Es sind keine Formatierungen ermöglicht. Sie können lediglich Zeilenumbrüche und Sonderzeichen als Trennelemente verwenden (z. B. ***** oder ++++++).

Mobil

Sie können eine für mobile Endgeräte optimierte Version Ihres Newsletters aktivieren. Diese wird zusammen mit der Desktop-Version verschickt und auf Smartphones und Tablet-PCs angezeigt.