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.
—Tabelle: Allgemeine Einstellungen—
Parameter | Beschreibung |
|---|---|
Newsletter-Titel | |
Text | Dieser Titel wird in der Online-Ansicht als Titel des Browser-Fensters angezeigt. |
Erscheinungsbild | |
Breite des Inhaltsbereichs | Die Mindestbreite beträgt 100 Pixel. Sie sollten eine Breite von 650 Pixel nicht überschreiten, um eine einwandfreie Ansicht in den gängigen E-Mail-Programmen zu gewährleisten. Wenn Sie eine größere Breite verwenden, testen Sie die Darstellung in der Zustellbarkeitsvorschau. |
Ausrichtung | Dieser Parameter wirkt sich auf den gesamten Newsletter aus. Grafiken können bei der Bearbeitung des jeweiligen Paragraphen ausgerichtet werden. |
Außenabstand | Der Maximalwert beträgt 1/8 der Gesamtbreite des Newsletters. Wird ein größerer Wert angegeben, wird dieser automatisch auf den Maximalwert reduziert. Beachten Sie, dass ein großer Abstand sich negativ auf die Darstellung des Newsletters auswirken kann. |
Innenabstand | Dieser Parameter definiert den Abstand zwischen Rahmen und Texten beziehungsweise Grafiken. Er wirkt sich nur auf die Darstellung aus, wenn Sie eine abweichende Hintergrundfarbe beziehungsweise ein Hintergrundbild für das Inhaltselement definiert haben. Der Maximalwert beträgt 1/8 der Gesamtbreite des Newsletters. Wird ein größerer Wert angegeben, wird dieser automatisch auf den Maximalwert reduziert. |
Abstand zwischen Gliederungsparagraphen | Wenn Sie keinen Wert hier angeben, wird standardmäßig der Wert des Parameters Innenabstand verwendet. |
Abstand zwischen Texten und Bildern | Der Maximalwert beträgt 20 Pixel. |
Bildqualität | Wenn Sie Hochauflösend wählen, muss ein hochgeladenes Bild die doppelte Breite des Bildes im Mailing haben. Beispiel: Für ein 640 Pixel breites Bild im Mailing benötigen Sie ein Bild mit einer Breite von 1280 Pixeln. Dadurch wird gewährleistet, dass Bilder beim Rendern des Mailings nicht an Schärfe verlieren. |
Favicon | |
URL | Geben Sie optional die URL eines extern gespeicherten Favicons ein, das bei der Online-Version Ihrer Nachricht im Browser angezeigt werden soll. |
Vererbung | |
Kopf | Die Vererbung des Kopfbereichs wirkt sich auf alle Landing-Pages aus, einschließlich der automatisch mit SWYN generierten Landing-Pages. Wenn Sie auf Ihren Landing-Pages vom Newsletter abweichende Inhalte im Kopf eingeben wollen, deaktivieren Sie die Vererbung. |
Fuß | Die Vererbung des Fußbereichs wirkt sich auf alle Landing-Pages aus, einschließlich der automatisch mit SWYN generierten Landing-Pages. Wenn Sie auf Ihren Landing-Pages vom Newsletter abweichende Inhalte im Fuß eingeben wollen, deaktivieren Sie die Vererbung. |
Schrifteinstellungen
Geben Sie Schriftgröße, -farbe und Zeilenhöhe für Überschriften, Text und Links an.
—Tabelle: Schrifteinstellungen—
Parameter | Beschreibung |
|---|---|
Überschriften | |
Schriftart | Sie können mehrere Schriftarten kommasepariert angeben. Bei der Anzeige des Mailings wird diese Liste beginnend mit der ersten Schriftart abgearbeitet. Ist eine Schrift nicht auf dem System des Empfängers installiert, wird die nächste Schrift verwendet. Als Letztes sollte immer eine generische Angabe stehen. |
Farbe | Um die Farbe zu definieren, geben Sie einen Hexadezimalwert ein, dem # vorangestellt ist (z. B. #000000). Die Darstellung nicht-konformer Webfarben kann je nach Browser vom Original abweichen. |
Größe | Der Wert muss als ganzzahliger Wert angegeben werden. |
Zeilenhöhe | Der Wert wird vom Webbrowser beziehungsweise E-Mail-Programm aus der Schriftgröße abgeleitet. Sie können feste Werte als ganzzahlige Werte definieren. |
Unterstreichen | Aktivieren Sie dieses Kontrollkästchen, um Überschriften zu unterstreichen. |
Fett darstellen | Aktivieren Sie dieses Kontrollkästchen, um Überschriften fett darzustellen. |
Texte | |
Schriftart | Sie können mehrere Schriftarten kommasepariert angeben. Bei der Anzeige des Mailings wird diese Liste beginnend mit der ersten Schriftart abgearbeitet. Ist eine Schrift nicht auf dem System des Empfängers installiert, wird die nächste Schrift verwendet. Als Letztes sollte immer eine generische Angabe stehen. |
Farbe | Um die Farbe zu definieren, geben Sie einen Hexadezimalwert ein, dem # vorangestellt ist (z. B. #000000). Die Darstellung nicht-konformer Webfarben kann je nach Browser vom Original abweichen. |
Größe | Der Wert muss als ganzzahliger Wert angegeben werden. |
Zeilenhöhe | Der Wert wird vom Webbrowser beziehungsweise E-Mail-Programm aus der Schriftgröße abgeleitet. Sie können feste Werte als ganzzahlige Werte definieren. |
Links | |
Schriftart | Sie können mehrere Schriftarten kommasepariert angeben. Bei der Anzeige des Mailings wird diese Liste beginnend mit der ersten Schriftart abgearbeitet. Ist eine Schrift nicht auf dem System des Empfängers installiert, wird die nächste Schrift verwendet. Als Letztes sollte immer eine generische Angabe stehen. |
Farbe | Um die Farbe zu definieren, geben Sie einen Hexadezimalwert ein, dem # vorangestellt ist (z. B. #000000). Die Darstellung nicht-konformer Webfarben kann je nach Browser vom Original abweichen. |
Größe | Der Wert muss als ganzzahliger Wert angegeben werden. |
Zeilenhöhe | Der Wert wird vom Webbrowser beziehungsweise E-Mail-Programm aus der Schriftgröße abgeleitet. Sie können feste Werte als ganzzahlige Werte definieren. |
Unterstreichen | Wählen Sie in der Drop-down-Liste aus, ob Sie Links in Fließtexten, in allen Texten außer Überschriften oder in allen Texten einschließlich Überschriften unterstreichen möchten. |
Fett darstellen | Wählen Sie in der Drop-down-Liste aus, ob Sie Links in Fließtexten, in allen Texten außer Überschriften oder in allen Texten einschließlich Überschriften fett darstellen möchten. |
Inhaltsverzeichnis mit Links zu den Paragraphen | |
Schriftart | Sie können mehrere Schriftarten kommasepariert angeben. Bei der Anzeige des Mailings wird diese Liste beginnend mit der ersten Schriftart abgearbeitet. Ist eine Schrift nicht auf dem System des Empfängers installiert, wird die nächste Schrift verwendet. Als Letztes sollte immer eine generische Angabe stehen. |
Schriftfarbe | Um die Farbe zu definieren, geben Sie einen Hexadezimalwert ein, dem # vorangestellt ist (z. B. #000000). Die Darstellung nicht-konformer Webfarben kann je nach Browser vom Original abweichen. |
Schriftgröße | Der Wert muss als ganzzahliger Wert angegeben werden. |
Zeilenhöhe | Der Wert wird vom Webbrowser beziehungsweise E-Mail-Programm aus der Schriftgröße abgeleitet. Sie können feste Werte als ganzzahlige Werte definieren. |
Unterstreichen | Aktivieren Sie dieses Kontrollkästchen, um Links im Inhaltsverzeichnis zu unterstreichen. |
Fett darstellen | Aktivieren Sie dieses Kontrollkästchen, um Links im Inhaltsverzeichnis fett darzustellen. |
Menüpunkte im Navigationsmenü | |
Schriftart | Sie können mehrere Schriftarten kommasepariert angeben. Bei der Anzeige des Mailings wird diese Liste beginnend mit der ersten Schriftart abgearbeitet. Ist eine Schrift nicht auf dem System des Empfängers installiert, wird die nächste Schrift verwendet. Als Letztes sollte immer eine generische Angabe stehen. |
Farbe | Um die Farbe zu definieren, geben Sie einen Hexadezimalwert ein, dem # vorangestellt ist (z. B. #000000). Die Darstellung nicht-konformer Webfarben kann je nach Browser vom Original abweichen. Wenn Sie das Feld leer lassen, wird die Textfarbe verwendet, die Sie im Bereich Links angegeben haben. |
Größe | Geben Sie die Schriftgröße für die Beschriftungen der Menüpunkte in Pixeln ein. Wenn Sie das Feld leer lassen, wird die Schriftgröße verwendet, die Sie im Bereich Links angegeben haben. |
Zeilenhöhe | Geben Sie die Zeilenhöhe für die Beschriftungen der Menüpunkte in Pixeln ein. Wenn Sie das Feld leer lassen, wird die Zeilenhöhe automatisch durch das E-Mail-Programm des Empfängers gesetzt. |
Unterstreichen | Um die Beschriftungen der Menüpunkte unterstrichen darzustellen, setzen Sie einen Haken in das Kontrollkästchen. |
Fett darstellen | Um die Beschriftungen der Menüpunkte fett darzustellen, setzen Sie einen Haken in das Kontrollkästchen. |
Custom Fonts
Note
Um diese Funktion freizuschalten, wenden Sie sich an die Kundenbetreuung Teilen Sie bei der Einrichtung den Pfad (URL) 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.
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 finden Sie im gelben Kasten im Bearbeiten-Bereich.
—Tabelle: Custom-Fonts-Einstellungen—
Parameter | Beschreibung |
|---|---|
Outlook Fallbacks | |
Überschriften | Legen Sie Outlook Fallbacks für Überschriften fest. |
Texte | Legen Sie Outlook Fallbacks für Texte fest. |
Links | Legen Sie Outlook Fallbacks für Links fest. |
Inhaltsverzeichnis mit Links zu den Paragraphen | Legen Sie Outlook Fallbacks für Inhaltsverzeichnis mit Links zu den Paragraphen fest. |
Menüpunkte im Navigationsmenü | Legen Sie Outlook Fallbacks für Menüpunkte im Navigationsmenü fest. |
Buttons | Legen Sie Outlook Fallbacks für Buttons fest. |
Note
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.
—Tabelle: Farbeinstellungen—
Parameter | Beschreibung |
|---|---|
Hintergrund des Newsletters | |
Farbe | Um die Farbe zu definieren, geben Sie einen Hexadezimalwert ein, dem # vorangestellt ist (z. B. #000000). Die Darstellung nicht-konformer Webfarben kann je nach Browser vom Original abweichen. Wenn Sie das Feld leer lassen, wird die Textfarbe verwendet, die Sie im Bereich Links angegeben haben. |
Bild | Die korrekte Darstellung von Hintergrundbildern wird nicht von allen E-Mail-Programmen unterstützt. Das Hintergrundbild sollte daher keine wesentlichen Informationen enthalten.Wenn Sie ein Bild angeben, werden die Parameter Ausrichtung und Wiederholung wirksam.Beachten Sie, dass das Hintergrundbild nur an den Rändern sichtbar ist und in der Mitte vom Newsletter verdeckt wird. |
Ausrichtung | Wählen Sie die horizontale Ausrichtung des Hintergrundbildes aus. Dieser Parameter ist nur wirksam, wenn ein Hintergrundbild definiert wurde. |
Wiederholung | Wählen Sie aus, ob das Hintergrundbild nur einmal oder wiederholt dargestellt werden soll. Dieser Parameter ist nur wirksam, wenn ein Hintergrundbild definiert wurde. |
Hintergrund des Inhaltsbereichs | |
Farbe | Um die Farbe zu definieren, geben Sie einen Hexadezimalwert ein, dem # vorangestellt ist (z. B. #000000). Die Darstellung nicht-konformer Webfarben kann je nach Browser vom Original abweichen. Wenn Sie das Feld leer lassen, wird die Textfarbe verwendet, die Sie im Bereich Links angegeben haben. |
Rahmen | |
Anzeigen | Aktivieren Sie dieses Kontrollkästchen, um einen Rahmen um den gesamten Newsletter zu legen. |
Stärke | Geben Sie einen ganzzahligen Wert in Pixeln an. Wenn Sie den Wert 0 setzen, wird kein Rahmen angezeigt. Die Standardbreite beträgt 1 Pixel. |
Farbe | Um die Farbe zu definieren, geben Sie einen Hexadezimalwert ein, dem # vorangestellt ist (z. B. #000000). Die Darstellung nicht-konformer Webfarben kann je nach Browser vom Original abweichen. Wenn Sie das Feld leer lassen, wird die Textfarbe verwendet, die Sie im Bereich Links angegeben haben. |
Erscheinungsbild | Geben Sie an, ob der Newsletter mit oder ohne Pre-Header, Kopf und Fuß angezeigt werden soll. |
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.
—Tabelle: Absatztrennung—
Parameter | Beschreibung |
|---|---|
Trennlinie | |
Breite | Die maximal zur Verfügung stehende Breite ist gleich der Gesamtbreite des Newsletters abzüglich des gewählten Innenabstands. Wird im gleichen Element auch der Nach oben-Link gesetzt, reduziert sich die maximale Breite der Trennlinie um die Breite des Links. |
Ausrichtung | Wählen Sie hier die horizontale Ausrichtung der Trennlinie aus. Die Ausrichtung der Trennlinie ist nur wirksam, wenn die Breite kleiner ist als die Gesamtbreite des Newsletters. |
Stärke | Geben Sie die Stärke als ganzzahligen Wert in Pixeln an. |
Farbe | Um die Farbe zu definieren, geben Sie einen Hexadezimalwert ein, dem # vorangestellt ist (z. B. #000000). Die Darstellung nicht-konformer Webfarben kann je nach Browser vom Original abweichen. |
Mobil | |
Breite der Trennlinie | Legen Sie hier die Breite (in Prozent) der Trennlinie in der Mobilversion fest. |
Nach oben-Link | |
Symbol | Sie können das Standardsymbol durch eine selbst gewählte Grafik ersetzen und diese hochladen. Die maximale Breite der Grafik ist gleich der Gesamtbreite des Newsletters abzüglich des gewählten Innenabstands.Breitere Grafiken werden proportional verkleinert. |
Text | Der Link-Text wird stets angezeigt. Sollte das E-Mail-Programm des Empfängers die Symbol-Grafik nicht darstellen, erscheint nur der Text. |
Textposition | Wählen Sie hier die Position des Link-Textes ("Nach oben") relativ zum Symbol aus. |
Position | Wählen Sie hier die vertikale Positionierung des Nach oben-Links (Symbol und Text) zur Trennlinie aus. Standardmäßig wird der Nach oben-Link auf der Trennlinie platziert. |
Ausrichtung | Wählen Sie hier die horizontale Positionierung des Nach oben-Links (Symbol und Text) aus. |
Bild | |
Bild | Laden Sie ein Bild von Ihrem Rechner hoch oder geben Sie im Feld Alternativ externe URL eine Bild-URL ein, die auf die Bildquelle verweist. |
Alternativtext | Dieser Text wird angezeigt, wenn der Empfänger das Herunterladen der Bilder blockiert hat oder die Bilder aus einem anderen Grund nicht angezeigt werden können. Sie sollten immer einen Alternativtext eingeben, der eine knappe Bildbeschreibung oder den Bildtitel enthält. |
Link | Sie können das Bild z. B. auf eine Landing-Page verlinken. Wenn Sie bereits einen Textlink eingegeben haben, sollten Sie hier denselben Link verwenden. |
Position | Die Positionierung des Bildes kann relativ zur Trennlinie und dem Nach oben-Link angegeben werden. Diese Positionierung wirkt sich demzufolge nur auf das Erscheinungsbild aus, wenn mindestens eines oder beide dieser Elemente in einem Absatztrenner gewählt werden. |
Ausrichtung | Geben Sie die horizontale Positionierung des Bildes an. Nimmt das Bild die gesamte zur Verfügung stehende Breite ein, ist dieser Parameter wirkungslos. |
Freiräume | |
Über der Absatztrennung | Legen Sie hier die Standardfreiräume über jeder Absatztrennung fest, um die Übersichtlichkeit des Newsletters zu verbessern. Die Freiräume können später ebenso in jedem Absatztrenner separat eingefügt werden. |
Zwischen Nach-oben-Link und Trennlinie beziehungsweise Symbol | Legen Sie hier die Standardfreiräume über jeder Absatztrennung fest, um die Übersichtlichkeit des Newsletters zu verbessern. Die Freiräume können später ebenso in jedem Absatztrenner separat eingefügt werden. |
Unter der Absatztrennung | Legen Sie hier die Standardfreiräume über jeder Absatztrennung fest, um die Übersichtlichkeit des Newsletters zu verbessern. Die Freiräume können später ebenso in jedem Absatztrenner separat eingefügt werden. |
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.
—Tabelle: SWYN—
Parameter | Beschreibung |
|---|---|
Einleitung | |
Text | Geben Sie einen Text ein, der im Mailing zusammen mit den SWYN-Symbolen unter allen Inhaltselementen angezeigt wird, für die Sie die SWYN-Funktion aktivieren.Der Text wird in den einzelnen Paragraphen nur angezeigt, sofern rechnerisch genügend Platz dafür verfügbar ist. |
Erscheinungsbild | |
Abstand zwischen den Elementen | Standardmäßig wird der Abstand von der Einstellung Abstand zwischen Texten und Bildern aus dem Reiter Allgemein verwendet. Der maximale Abstand beträgt 20 Pixel. |
Bildqualität | Wählen Sie Gemäß Template-Einstellungen, um die im Reiter Allgemein eingestellte Bildqualität zu übernehmen. Mit den Optionen Normal und Hochauflösend können Sie die Bildqualität unabhängig von den Template-Einstellungen festlegen.Wenn Sie Hochauflösend wählen, muss das hochgeladene Bild die doppelte Breite des Bildes im Mailing haben. Beispiel: Für ein 640 Pixel breites Bild im Mailing benötigen Sie ein Bild mit einer Breite von 1280 Pixeln. Dadurch wird gewährleistet, dass Bilder beim Rendern des Mailings nicht an Schärfe verlieren. |
Symbole:::hint{style="info"} | |
Note | |
Die SWYN-Funktion muss für jedes Symbol aktiviert sein, das im Mailing angezeigt werden soll. Die maximale Breite beträgt 30 Pixel, bzw. 60 Pixel, wenn Sie Hochauflösend für die Bildqualität wählen. ::: | | | Facebook | Laden Sie ein Facebook-Icon hoch oder geben Sie eine URL an, die auf ein Facebook-Icon verweist. | | Twitter | Laden Sie ein Twitter-Icon hoch oder geben Sie eine URL an, die auf ein Twitter-Icon verweist. | | WhatsApp | Laden Sie ein WhatsApp-Icon hoch oder geben Sie eine URL an, die auf ein WhatsApp-Icon verweist. | | E-Mail | Laden Sie ein E-Mail-Icon hoch oder geben Sie eine URL an, die auf ein E-Mail-Icon verweist. | | Xing | Laden Sie ein Xing-Icon hoch oder geben Sie eine URL an, die auf ein Xing-Icon verweist. |
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.
—Tabelle: Produkteinstellungen—
Parameter | Beschreibung |
|---|---|
Reihenfolge | |
Position 1 | Geben Sie den Namen des Produkts an. |
Position 2 | Geben Sie eine Produktkategorie, Artikelgruppe oder ein Genre an. Wenn Sie hier nichts angeben, wird diese Position nicht angezeigt. |
Position 3 | Geben Sie einen Hersteller oder einen Autor beziehungsweise Interpreten an. Sie können dieses Feld auch für andere Angaben nutzen. |
Position 4 | Geben Sie eine Produktbeschreibung ein. Wenn Sie hier nichts angeben, wird diese Position nicht angezeigt. |
Position 5 | Diese Position ermöglicht Ihnen, Sonderangebote oder Preisreduzierungen einfach darzustellen. |
Position 6 | Geben Sie den Produktpreis ein. |
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.
—Tabelle: Status-Variablen—
Variable | Typ | Beschreibung |
|---|---|---|
$first | Boolean | Ist true, falls es sich um den ersten Artikel des Content-Schnittstellen-Paragraphen handelt, sonst false. |
$index | Integer | Enthält die Position des Artikels innerhalb des Content-Schnittstellen-Paragraphen als Zahl (1 für den ersten Artikel, 2 für den zweiten Artikel und so weiter). |
$last | Boolean | Ist true, falls es sich um den letzten Artikel des Content-Schnittstellen-Paragraphen handelt, sonst false. |
—Tabelle: Present-Variablen—
Variable | Typ | Beschreibung |
|---|---|---|
$text1Present | Boolean | Enthält true, falls Inhalt für das Feld Text 1 vorhanden ist, sonst false. |
$text2Present | Boolean | Enthält true, falls Inhalt für das Feld Text 2 vorhanden ist, sonst false. |
$text3Present | Boolean | Enthält true, falls Inhalt für das Feld Text 3 vorhanden ist, sonst false. |
$text4Present | Boolean | Enthält true, falls Inhalt für das Feld Text 4 vorhanden ist, sonst false. |
$text5Present | Boolean | Enthält true, falls Inhalt für das Feld Text 5 vorhanden ist, sonst false. |
$text6Present | Boolean | Enthält true, falls Inhalt für das Feld Text 6 vorhanden ist, sonst false. |
$text7Present | Boolean | Enthält true, falls Inhalt für das Feld Text 7 vorhanden ist, sonst false. |
$text8Present | Boolean | Enthält true, falls Inhalt für das Feld Text 8 vorhanden ist, sonst false. |
$text9Present | Boolean | Enthält true, falls Inhalt für das Feld Text 9 vorhanden ist, sonst false. |
$text10Present | Boolean | Enthält true, falls Inhalt für das Feld Text 10 vorhanden ist, sonst false. |
$link1TextPresent | Boolean | Enthält true, falls Inhalt für das Feld Text der Gruppe Link 1 vorhanden ist, sonst false. |
$link1UrlPresent | Boolean | Enthält true, falls Inhalt für das Feld URL der Gruppe Link 1 vorhanden ist, sonst false. |
$link2TextPresent | Boolean | Enthält true, falls Inhalt für das Feld Text der Gruppe Link 2 vorhanden ist, sonst false. |
$link2UrlPresent | Boolean | Enthält true, falls Inhalt für das Feld URL der Gruppe Link 2 vorhanden ist, sonst false. |
$link3TextPresent | Boolean | Enthält true, falls Inhalt für das Feld Text der Gruppe Link 3 vorhanden ist, sonst false. |
$link2UrlPresent | Boolean | Enthält true, falls Inhalt für das Feld URL der Gruppe Link 3 vorhanden ist, sonst false. |
$image1ImageUrlPresent | Boolean | Enthält true, falls Inhalt für das Feld Bild der Gruppe Bild 1 im Reiter Bilder vorhanden ist, sonst false. |
$image1AltTextPresent | Boolean | Enthält true, falls Inhalt für das Feld Alternativtext der Gruppe Bild 1 im Reiter Bilder vorhanden ist, sonst false. |
$image1LinkPresent | Boolean | Enthält true, falls Inhalt für das Feld Link der Gruppe Bild 1 im Reiter Bilder vorhanden ist, sonst false. |
$image2ImageUrlPresent | Boolean | Enthält true, falls Inhalt für das Feld Bild der Gruppe Bild 2 im Reiter Bilder vorhanden ist, sonst false. |
$image2AltTextPresent | Boolean | Enthält true, falls Inhalt für das Feld Alternativtext der Gruppe Bild 2 im Reiter Bilder vorhanden ist, sonst false. |
$image2LinkPresent | Boolean | Enthält true, falls Inhalt für das Feld Link der Gruppe Bild 2 im Reiter Bilder vorhanden ist, sonst false. |
$image3ImageUrlPresent | Boolean | Enthält true, falls Inhalt für das Feld Bild der Gruppe Bild 3 im Reiter Bilder vorhanden ist, sonst false. |
$image3AltTextPresent | Boolean | Enthält true, falls Inhalt für das Feld Alternativtext der Gruppe Bild 3 im Reiter Bilder vorhanden ist, sonst false. |
$image3LinkPresent | Boolean | Enthält true, falls Inhalt für das Feld Link der Gruppe Bild 3 im Reiter Bilder vorhanden ist, sonst false. |
$image4ImageUrlPresent | Boolean | Enthält true, falls Inhalt für das Feld Bild der Gruppe Bild 4 im Reiter Bilder vorhanden ist, sonst false. |
$image4AltTextPresent | Boolean | Enthält true, falls Inhalt für das Feld Alternativtext der Gruppe Bild 4 im Reiter Bilder vorhanden ist, sonst false. |
$image4LinkPresent | Boolean | Enthält true, falls Inhalt für das Feld Link der Gruppe Bild 4 im Reiter Bilder vorhanden ist, sonst false. |
$image5ImageUrlPresent | Boolean | Enthält true, falls Inhalt für das Feld Bild der Gruppe Bild 5 im Reiter Bilder vorhanden ist, sonst false. |
$image5AltTextPresent | Boolean | Enthält true, falls Inhalt für das Feld Alternativtext der Gruppe Bild 5 im Reiter Bilder vorhanden ist, sonst false. |
$image5LinkPresent | Boolean | Enthält true, falls Inhalt für das Feld Link der Gruppe Bild 5 im Reiter Bilder vorhanden ist, sonst false. |
$image6ImageUrlPresent | Boolean | Enthält true, falls Inhalt für das Feld Bild der Gruppe Bild 6 im Reiter Bilder vorhanden ist, sonst false. |
$image6AltTextPresent | Boolean | Enthält true, falls Inhalt für das Feld Alternativtext der Gruppe Bild 6 im Reiter Bilder vorhanden ist, sonst false. |
$image6LinkPresent | Boolean | Enthält true, falls Inhalt für das Feld Link der Gruppe Bild 6 im Reiter Bilder vorhanden ist, sonst false. |
—Tabelle: Value-Variablen—
Variable | Typ | Umgebung | Beschreibung |
|---|---|---|---|
$text1Value | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Text 1. |
$text1FormattedValue | String | Desktop, Mobil | Enthält den aufbereiteten Inhalt des Feldes Text 1. |
$text1FormattedAsHeadlineValue | String | Desktop, Mobil | Enthält den aufbereiteten Inhalt des Feldes Text 1. Der Text liegt in der Formatierung für Überschriften vor und wird mit der URL des Link 1 verlinkt. |
$text2Value | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Text 2. |
$text2FormattedValue | String | Desktop, Mobil | Enthält den aufbereiteten Inhalt des Feldes Text 2. |
$text3Value | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Text 3. |
$text3FormattedValue | String | Desktop, Mobil | Enthält den aufbereiteten Inhalt des Feldes Text 3. |
$text4Value | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Text 4. |
$text4FormattedValue | String | Desktop, Mobil | Enthält den aufbereiteten Inhalt des Feldes Text 4. |
$text5Value | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Text 5. |
$text5FormattedValue | String | Desktop, Mobil | Enthält den aufbereiteten Inhalt des Feldes Text 5. |
$text6Value | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Text 6. |
$text6FormattedValue | String | Desktop, Mobil | Enthält den aufbereiteten Inhalt des Feldes Text 6. |
$text7Value | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Text 7. |
$text7FormattedValue | String | Desktop, Mobil | Enthält den aufbereiteten Inhalt des Feldes Text 7. |
$text8Value | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Text 8. |
$text8FormattedValue | String | Desktop, Mobil | Enthält den aufbereiteten Inhalt des Feldes Text 8. |
$text9Value | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Text 9. |
$text9FormattedValue | String | Desktop, Mobil | Enthält den aufbereiteten Inhalt des Feldes Text 9. |
$text10Value | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Text 10. |
$text10FormattedValue | String | Desktop, Mobil | Enthält den aufbereiteten Inhalt des Feldes Text 10. |
$link1TextValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Text der Gruppe Link 1. |
$link1UrlValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes URL der Gruppe Link 1. |
$link1FormattedValue | String | Desktop, Mobil | Enthält den aufbereiteten Inhalt des Feldes Text der Gruppe Link 1. Der Text liegt in der Formatierung für Links vor und wird mit der URL des Link 1 verlinkt. |
$link2TextValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Text der Gruppe Link 2. |
$link2UrlValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes URL der Gruppe Link 2. |
$link2FormattedValue | String | Desktop, Mobil | Enthält den aufbereiteten Inhalt des Feldes Text der Gruppe Link 2. Der Text liegt in der Formatierung für Links vor und wird mit der URL des Link 2 verlinkt. |
$link3TextValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Text der Gruppe Link 3. |
$link3UrlValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes URL der Gruppe Link 3. |
$link3FormattedValue | String | Desktop, Mobil | Enthält den aufbereiteten Inhalt des Feldes Text der Gruppe Link 3. Der Text liegt in der Formatierung für Links vor und wird mit der URL des Link 3 verlinkt. |
$image1ImageUrlValue | String | Desktop, Mobil | Enthält die Bildadresse von Bild 1. |
$image1AltTextValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Alternativtext der Gruppe Bild 1. |
$image1LinkValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Link der Gruppe Bild 1. |
$image1FormattedValue | String | Mobile | Enthält den kompletten HTML-Quelltext von Bild 1 mit Alternativtext und Link. Die Bildbreite wird auf 100% (verfügbare Breite) festgelegt. |
$image1FullFormattedValue | String | Desktop | Enthält den kompletten HTML-Quelltext von Bild 1 mit Alternativtext und Link. Die maximale Bildbreite ist die zur Verfügung stehende Breite des Paragraphen. |
$image1HalfFormattedValue | String | Desktop | Enthält den kompletten HTML-Quelltext von Bild 1 mit Alternativtext und Link. Die maximale Bildbreite ist die Hälfte der zur Verfügung stehende Breite des Paragraphen. |
$image2ImageUrlValue | String | Desktop, Mobil | Enthält die Bildadresse von Bild 2. |
$image2AltTextValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Alternativtext der Gruppe Bild 2. |
$image2LinkValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Link der Gruppe Bild 2. |
$image2FormattedValue | String | Mobile | Enthält den kompletten HTML-Quelltext von Bild 2 mit Alternativtext und Link. Die Bildbreite wird auf 100% (verfügbare Breite) festgelegt. |
$image2FullFormattedValue | String | Desktop | Enthält den kompletten HTML-Quelltext von Bild 2 mit Alternativtext und Link. Die maximale Bildbreite ist die zur Verfügung stehende Breite des Paragraphen. |
$image2HalfFormattedValue | String | Desktop | Enthält den kompletten HTML-Quelltext von Bild 2 mit Alternativtext und Link. Die maximale Bildbreite ist die Hälfte der zur Verfügung stehende Breite des Paragraphen. |
$image3ImageUrlValue | String | Desktop, Mobil | Enthält die Bildadresse von Bild 3. |
$image3AltTextValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Alternativtext der Gruppe Bild 3. |
$image3LinkValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Link der Gruppe Bild 3. |
$image3FormattedValue | String | Mobile | Enthält den kompletten HTML-Quelltext von Bild 3 mit Alternativtext und Link. Die Bildbreite wird auf 100% (verfügbare Breite) festgelegt. |
$image3FullFormattedValue | String | Desktop | Enthält den kompletten HTML-Quelltext von Bild 3 mit Alternativtext und Link. Die maximale Bildbreite ist die zur Verfügung stehende Breite des Paragraphen. |
$image3HalfFormattedValue | String | Desktop | Enthält den kompletten HTML-Quelltext von Bild 3 mit Alternativtext und Link. Die maximale Bildbreite ist die Hälfte der zur Verfügung stehende Breite des Paragraphen. |
$image4ImageUrlValue | String | Desktop, Mobil | Enthält die Bildadresse von Bild 4. |
$image4AltTextValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Alternativtext der Gruppe Bild 4. |
$image4LinkValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Link der Gruppe Bild 4. |
$image4FormattedValue | String | Mobile | Enthält den kompletten HTML-Quelltext von Bild 4 mit Alternativtext und Link. Die Bildbreite wird auf 100% (verfügbare Breite) festgelegt. |
$image4FullFormattedValue | String | Desktop | Enthält den kompletten HTML-Quelltext von Bild 4 mit Alternativtext und Link. Die maximale Bildbreite ist die zur Verfügung stehende Breite des Paragraphen. |
$image4HalfFormattedValue | String | Desktop | Enthält den kompletten HTML-Quelltext von Bild 4 mit Alternativtext und Link. Die maximale Bildbreite ist die Hälfte der zur Verfügung stehende Breite des Paragraphen. |
$image5ImageUrlValue | String | Desktop, Mobil | Enthält die Bildadresse von Bild 5. |
$image5AltTextValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Alternativtext der Gruppe Bild 5. |
$image5LinkValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Link der Gruppe Bild 5. |
$image5FormattedValue | String | Mobile | Enthält den kompletten HTML-Quelltext von Bild 5 mit Alternativtext und Link. Die Bildbreite wird auf 100% (verfügbare Breite) festgelegt. |
$image5FullFormattedValue | String | Desktop | Enthält den kompletten HTML-Quelltext von Bild 5 mit Alternativtext und Link. Die maximale Bildbreite ist die zur Verfügung stehende Breite des Paragraphen. |
$image5HalfFormattedValue | String | Desktop | Enthält den kompletten HTML-Quelltext von Bild 5 mit Alternativtext und Link. Die maximale Bildbreite ist die Hälfte der zur Verfügung stehende Breite des Paragraphen. |
$image6ImageUrlValue | String | Desktop, Mobil | Enthält die Bildadresse von Bild 6. |
$image6AltTextValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Alternativtext der Gruppe Bild 6. |
$image6LinkValue | String | Desktop, Mobil, Text | Enthält den unveränderten Inhalt des Feldes Link der Gruppe Bild 6. |
$image6FormattedValue | String | Mobile | Enthält den kompletten HTML-Quelltext von Bild 6 mit Alternativtext und Link. Die Bildbreite wird auf 100% (verfügbare Breite) festgelegt. |
$image6FullFormattedValue | String | Desktop | Enthält den kompletten HTML-Quelltext von Bild 6 mit Alternativtext und Link. Die maximale Bildbreite ist die zur Verfügung stehende Breite des Paragraphen. |
$image6HalfFormattedValue | String | Desktop | Enthält den kompletten HTML-Quelltext von Bild 6 mit Alternativtext und Link. Die maximale Bildbreite ist die Hälfte der zur Verfügung stehende Breite des Paragraphen. |
$editBar | String | Desktop, Mobil | Setzt die Button-Leiste des Paragraphen ein. Dies wird beispielsweise bei der Umsetzung von nebeneinanderliegenden Artikeln benötigt, um die Button-Leiste in die Tabelle zu integrieren. Ist diese Variable nicht vorhanden, wird die Button-Leiste über den Artikel gesetzt. |
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.
Desktop-Version
<table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="100%"> #set($displaySeparator = false) #if("$text1Present" == "true") $text1FormattedAsHeadlineValue #set($displaySeparator = true) #end #if("$image1ImageUrlPresent" == "true") #if("$text1Present" == "true") <table width="10" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="10" height="10"></td> </tr> </table> #set($displaySeparator = false) #end <table border="0" cellspacing="0" cellpadding="0" align="right"> <tr> <td width="10"></td> <td> #if("$image1LinkPresent" != "true" && "$link1UrlPresent" == "true") <a href="$link1UrlValue" target="_blank"> #end $image1HalfFormattedValue #if("$image1LinkPresent" != "true" && "$link1UrlPresent" == "true") </a> #end </td> </tr> </table> #end #if("$text2Present" == "true") #if($displaySeparator) <table width="10" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="10" height="10"></td> </tr> </table> #end $text2FormattedValue #set($displaySeparator = true) #end #if("$text3Present" == "true") #if($displaySeparator) <table width="10" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="10" height="10"></td> </tr> </table> #end $text3FormattedValue #set($displaySeparator = true) #end #if("$text4Present" == "true") #if($displaySeparator) <table width="10" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="10" height="10"></td> </tr> </table> #end $text4FormattedValue #set($displaySeparator = true) #end #if("$text5Present" == "true") #if($displaySeparator) <table width="10" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="10" height="10"></td> </tr> </table> #end $text5FormattedValue #set($displaySeparator = true) #end #if("$text6Present" == "true") #if($displaySeparator) <table width="10" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="10" height="10"></td> </tr> </table> #end $text6FormattedValue #set($displaySeparator = true) #end #if("$text7Present" == "true") #if($displaySeparator) <table width="10" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="10" height="10"></td> </tr> </table> #end $text7FormattedValue #set($displaySeparator = true) #end #if("$text8Present" == "true") #if($displaySeparator) <table width="10" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="10" height="10"></td> </tr> </table> #end $text8FormattedValue #set($displaySeparator = true) #end #if("$text9Present" == "true") #if($displaySeparator) <table width="10" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="10" height="10"></td> </tr> </table> #end $text9FormattedValue #set($displaySeparator = true) #end #if("$text10Present" == "true") #if($displaySeparator) <table width="10" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="10" height="10"></td> </tr> </table> #end $text10FormattedValue #set($displaySeparator = true) #end #if("$link1TextPresent" == "true" && "$link1UrlPresent" == "true") #if($displaySeparator) <table width="10" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="10" height="10"></td> </tr> </table> #end $link1FormattedValue #set($displaySeparator = true) #end #if("$link2TextPresent" == "true" && "$link2UrlPresent" == "true") #if($displaySeparator) <table width="10" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="10" height="10"></td> </tr> </table> #end $link2FormattedValue #set($displaySeparator = true) #end #if("$link3TextPresent" == "true" && "$link3UrlPresent" == "true") #if($displaySeparator) <table width="10" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="10" height="10"></td> </tr> </table> #end $link3FormattedValue #set($displaySeparator = true) #end </td> </tr> <tr> <td width="100%" height="10"><!-- --></td> </tr> </table>Mobilversion
#set($displaySeparator = false)#if("$text1Present" == "true") $text1FormattedAsHeadlineValue #set($displaySeparator = true)#end#if("$image1ImageUrlPresent" == "true") #if("$text1Present" == "true") <div style="height: 10px;"></div> #set($displaySeparator = false) #end <div style="float: right; margin-left: 10px; max-width: 50%;"> #if("$image1LinkPresent" != "true" && "$link1UrlPresent" == "true") <a href="$link1UrlValue" target="_blank"> #end $image1FormattedValue #if("$image1LinkPresent" != "true" && "$link1UrlPresent" == "true") </a> #end </div>#end#if("$text2Present" == "true") #if($displaySeparator) <div style="height: 10px;"></div> #end $text2FormattedValue #set($displaySeparator = true)#end#if("$text3Present" == "true") #if($displaySeparator) <div style="height: 10px;"></div> #end $text3FormattedValue #set($displaySeparator = true)#end#if("$text4Present" == "true") #if($displaySeparator) <div style="height: 10px;"></div> #end $text4FormattedValue #set($displaySeparator = true)#end#if("$text5Present" == "true") #if($displaySeparator) <div style="height: 10px;"></div> #end $text5FormattedValue #set($displaySeparator = true)#end#if("$text6Present" == "true") #if($displaySeparator) <div style="height: 10px;"></div> #end $text6FormattedValue #set($displaySeparator = true)#end#if("$text7Present" == "true") #if($displaySeparator) <div style="height: 10px;"></div> #end $text7FormattedValue #set($displaySeparator = true)#end#if("$text8Present" == "true") #if($displaySeparator) <div style="height: 10px;"></div> #end $text8FormattedValue #set($displaySeparator = true)#end#if("$text9Present" == "true") #if($displaySeparator) <div style="height: 10px;"></div> #end $text9FormattedValue #set($displaySeparator = true)#end#if("$text10Present" == "true") #if($displaySeparator) <div style="height: 10px;"></div> #end $text10FormattedValue #set($displaySeparator = true)#end#if("$link1TextPresent" == "true" && "$link1UrlPresent" == "true") #if($displaySeparator) <div style="height: 10px;"></div> #end $link1FormattedValue #set($displaySeparator = true)#end#if("$link2TextPresent" == "true" && "$link2UrlPresent" == "true") #if($displaySeparator) <div style="height: 10px;"></div> #end $link2FormattedValue #set($displaySeparator = true)#end#if("$link3TextPresent" == "true" && "$link3UrlPresent" == "true") #if($displaySeparator) <div style="height: 10px;"></div> #end $link3FormattedValue #set($displaySeparator = true)#end<div style="clear: both; height: 10px;"><!-- --></div> Textversion
#set($displaySeparator = false)#if("$text1Present" == "true")#if($displaySeparator) #end$!{null}$text1Value#set($displaySeparator = true)#end$!{null}#if("$text2Present" == "true")#if($displaySeparator) #end$!{null}$text2Value#set($displaySeparator = true)#end$!{null}#if("$text3Present" == "true")#if($displaySeparator) #end$!{null}$text3Value#set($displaySeparator = true)#end$!{null}#if("$text4Present" == "true")#if($displaySeparator) #end$!{null}$text4Value#set($displaySeparator = true)#end$!{null}#if("$text5Present" == "true")#if($displaySeparator) #end$!{null}$text5Value#set($displaySeparator = true)#end$!{null}#if("$text6Present" == "true")#if($displaySeparator) #end$!{null}$text6Value#set($displaySeparator = true)#end$!{null}#if("$text7Present" == "true")#if($displaySeparator) #end$!{null}$text7Value#set($displaySeparator = true)#end$!{null}#if("$text8Present" == "true")#if($displaySeparator) #end$!{null}$text8Value#set($displaySeparator = true)#end$!{null}#if("$text9Present" == "true")#if($displaySeparator) #end$!{null}$text9Value#set($displaySeparator = true)#end$!{null}#if("$text10Present" == "true")#if($displaySeparator) #end$!{null}$text10Value#set($displaySeparator = true)#end$!{null}#if("$link1TextPresent" == "true" && "$link1UrlPresent" == "true")#if($displaySeparator) #end$!{null}$link1TextValue$link1UrlValue#set($displaySeparator = true)#end$!{null}#if("$link2TextPresent" == "true" && "$link2UrlPresent" == "true")#if($displaySeparator) #end$!{null}$link2TextValue$link2UrlValue#set($displaySeparator = true)#end$!{null}#if("$link3TextPresent" == "true" && "$link3UrlPresent" == "true")#if($displaySeparator) #end$!{null}$link3TextValue$link3UrlValue#set($displaySeparator = true)#end$!{null}#if("$image1ImageUrlPresent" == "true" && "$image1AltTextPresent" == "true" && ("$image1LinkPresent" == "true" || "$link1UrlPresent" == "true"))#if($displaySeparator) #end$!{null}$image1AltTextValue#if("$image1LinkPresent" == "true")$image1LinkValue$!{null}#else$!{null}$link1UrlValue#end#end$!{null} RSS-Feeds
Sie können bis zu fünf alternative Layouts für RSS-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.
Warning
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.
—Tabelle: RSS-Feed-Einstellungen—
Parameter | Beschreibung |
|---|---|
Platzhalter für die URL des RSS-Feeds | |
Wert für –Wert für | Setzen Sie den Platzhalter , oder in Ihren RSS-Feed-Paragraphen im Reiter RSS-Feed in das Eingabefeld URL ein. Dieser Platzhalter wird vor dem Abruf des RSS-Feeds mit dem hier hinterlegten Wert ersetzt. |
Reihenfolge (Standard-Layout) | |
Position 1 | Wählen Sie aus, welcher Inhalt an dieser Stelle erscheinen soll. |
Position 2 | Wählen hier aus, welcher Inhalt an dieser Stelle erscheinen soll. |
Position 3 | Wählen Sie aus, welcher Inhalt an dieser Stelle erscheinen soll. |
Position 4 | Wählen Sie aus, welcher Inhalt an dieser Stelle erscheinen soll. |
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
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)
Note
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.
—Tabelle: Status-Variablen—
Variable | Typ | Beschreibung |
|---|---|---|
$rssItemFirst | Boolean | Ist true, falls es sich um den ersten Artikel des RSS-Feed-Paragraphen handelt, sonst false. |
$rssItemIndex | Integer | Enthält die Position des Artikels innerhalb des RSS-Feed-Paragraphen als Zahl (1 für den ersten Artikel, 2 für den zweiten Artikel und so weiter). |
$rssItemLast | Boolean | Ist true, falls es sich um den letzten Artikel des RSS-Feed-Paragraphen handelt, sonst false. |
—Tabelle: Present-Variablen—
Variable | Typ | Beschreibung |
|---|---|---|
$rssTitlePresent | Boolean | Enthält true, falls Inhalt für das Feld Titel vorhanden ist, sonst false. |
$rssTextPresent | Boolean | Enthält true, falls Inhalt für das Feld Text vorhanden ist, sonst false. |
$rssAuthorPresent | Boolean | Enthält true, falls Inhalt für das Feld Autor vorhanden ist, sonst false. |
$rssDatePresent | Boolean | Enthält true, falls Inhalt für das Feld Datum vorhanden ist, sonst false. |
$rssCategoriesPresent | Boolean | Enthält true, falls Inhalt für das Feld Kategorien vorhanden ist, sonst false. |
$rssLinkTextPresent | Boolean | Enthält true, falls Inhalt für das Feld Text der Gruppe Link vorhanden ist, sonst false. |
$rssLinkUrlPresent | Boolean | Enthält true, falls Inhalt für das Feld URL der Gruppe Link vorhanden ist, sonst false. |
$rssCommentsLinkTextPresent | Boolean | Enthält true, falls Inhalt für das Feld Text der Gruppe Link zu den Kommentaren vorhanden ist, sonst false. |
$rssCommentsLinkUrlPresent | Boolean | Enthält true, falls Inhalt für das Feld URL der Gruppe Link zu den Kommentaren vorhanden ist, sonst false. |
$rssImageUrlPresent | Boolean | Enthält true, falls Inhalt für das Feld Bild (Bild-Upload) des Tabs Bild vorhanden ist, sonst false. |
$rssImageAltTextPresent | Boolean | Enthält true, falls Inhalt für das Feld Alternativtext des Tabs Bild vorhanden ist, sonst false. |
$rssImageLinkPresent | Boolean | Enthält true, falls Inhalt für das Feld Link des Tabs Bild vorhanden ist, sonst false. |
—Tabelle: Value-Variablen—
Variable | Typ | Beschreibung |
|---|---|---|
$rssTitleValue | String | Enthält den Inhalt des Feldes Titel. |
$rssTextValue | String | Enthält den Inhalt des Feldes Text. |
$rssAuthorValue | String | Enthält den Inhalt des Feldes Autor. |
$rssDateValue | String | Enthält den Inhalt des Feldes Datum. |
$rssCategoriesValue | String | Enthält den Inhalt des Feldes Kategorien. |
$rssLinkTextValue | String | Enthält den Inhalt des Feldes Text der Gruppe Link. |
$rssLinkUrlValue | String | Enthält den Inhalt des Feldes URL der Gruppe Link. |
$rssCommentsLinkTextValue | String | Enthält den Inhalt des Feldes Text der Gruppe Link zu den Kommentaren. |
$rssCommentsLinkUrlValue | String | Enthält den Inhalt des Feldes URL der Gruppe Link zu den Kommentaren. |
$rssImageUrlValue | String | Enthält die Bild-URL (Bild-Upload) des Tabs Bild. |
$rssImageAltTextValue | String | Enthält den Inhalt des Feldes Alternativtext des Tabs Bild. |
$rssImageLinkValue | String | Enthält den Inhalt des Feldes Link des Tabs Bild. |
$editBar | String | Setzt die Button-Leiste des RSS-Feed-Artikels ein.Dies wird beispielsweise bei der Umsetzung von nebeneinanderliegenden Artikeln benötigt, um die Button-Leiste in die Tabelle zu integrieren. Ist diese Variable nicht vorhanden, wird die Button-Leiste über den Artikel gesetzt. |
Beispiel für eine alternative Layout-Variante
Das Beispiel erzeugt eine zweispaltige Ansicht mit einer Breite von 580 Pixeln.
Note
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.
Beispiel-Code
<!-- Diese Abfrage sorgt dafür, dass nur etwas ausgegeben wird, wenn die für dieses Layout verwendeten Inhalte vorhanden sind. -->#if($rssTitlePresent || $rssImageUrlPresent || $rssAuthorPresent || $rssDatePresent || $rssTextPresent || ($rssLinkTextPresent && $rssLinkUrlPresent)) <!-- Um die zweispaltige Ansicht zu erreichen, wird im ersten RSS-Feed-Artikel eine Rahmentabelle geöffnet. --> #if($rssItemFirst) <table border="0" cellpadding="0" cellspacing="0"> <tr> #end <!-- Für jeden Artikel wird eine Tabellenzelle mit der halben Breite erzeugt, die den gesamten Inhalt des RSS-Feed-Artikels enthält. --> <td width="280" align="left" valign="top"> <!-- Die Button-Leiste wird an dieser Stelle platziert, damit sie über dem jeweiligen RSS-Feed-Artikel erscheint. --> $editBar #if($rssTitlePresent) <font size="2" face="Arial, sans-serif" color="#000001" style="font-size: 14px;"><b> #if($rssLinkUrlPresent) <a href="$rssLinkUrlPresent" style="color: #000001; text-decoration: none;" target="_blank"> #end <font size="2" face="Arial, sans-serif" color="#000001" style="font-size: 14px;"><b>$rssTitleValue</b></font> #if($rssLinkUrlPresent) </a> #end </b></font> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td width="100%" height="10"></td> </tr> </table> #end #if($rssImageUrlPresent) #if($rssImageLinkPresent) <a href="$rssImageLinkValue" target="_blank"> #end #if(!$rssImageLinkPresent && $rssLinkUrlPresent) <a href="$rssLinkUrlValue" target="_blank"> #end <!-- Das Bild wird auf eine Breite von 130 Pixeln festgelegt. Es sollte bereits in der passenden Breite vorliegen, ansonsten wird es gestreckt oder gestaucht. --> <img src="$rssImageUrlValue" alt="$rssImageAltTextValue" width="130" border="0" align="right" style="display: block; float: right;" /> #if($rssImageLinkPresent || $rssLinkUrlPresent) </a> #end #end #if($rssAuthorPresent || $rssDatePresent || $rssTextPresent) <font size="1" face="Arial, sans-serif" color="#666666" style="font-size: 11px;"> #if($rssDatePresent || $rssAuthorPresent) <span style="font-size: 10px;"> $rssDateValue #if($rssDatePresent && $rssAuthorPresent) | #end $rssAuthorValue </span> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td width="100%" height="10"></td> </tr> </table> #end $rssTextValue </font> #end #if($rssLinkTextPresent && $rssLinkUrlPresent) <font size="1" face="Arial, sans-serif" color="#666666" style="font-size: 11px; line-height: 11px;"> – <nobr> <a href="$rssLinkUrlValue" style="line-height: 11px; color: #666666; text-decoration: underline;" target="_blank"> <font size="1" face="Arial, sans-serif" color="#666666" style="font-size: 11px;"> <u>$rssLinkTextValue</u> </font> </a> </nobr> </font> #end <!-- Nach jedem ersten (linksliegenden) RSS-Feed-Artikel wird die Tabellenzelle geschlossen und eine neue geöffnet. --> #if($rssItemIndex % 2 == 1) </td> <td width="20"></td> <!-- Nach jedem zweiten (rechtsliegenden) RSS-Feed-Artikel wird die oben geöffnete Rahmentabelle geschlossen, etwas Abstand eingefügt und eine neue Rahmentabelle geöffnet. --> #else </td> </tr> </table> #if(!$rssItemLast) <table width="580" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="580" height="20"></td> </tr> </table> #end <table border="0" cellpadding="0" cellspacing="0"> <tr> #end <!-- Nach dem letzten RSS-Feed-Artikel wird die Rahmentabelle geschlossen. --> #if($rssItemLast) </tr> </table> #end #endDer 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).
Warning
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.
—Tabelle: Facebook-Einstellungen—
Parameter | Beschreibung |
|---|---|
Reihenfolge (Standard-Layout) | |
Position 1–3 | Legen Sie fest, an welcher Position das Datum, der Autor und der Text angezeigt werden soll, indem Sie die gewünschte Option aus der Drop-down-Liste auswählen. Um den Abstand dieser Informationen zueinander festzulegen, ändern Sie im Reiter Allgemein unter Erscheinungsbild den Wert im Feld Abstand zwischen Texten und Bildern. |
Layout 1 und 2 | |
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. |
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 ).
Warning
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.
—Tabelle: Twitter-Einstellungen—
Parameter | Beschreibung |
|---|---|
Reihenfolge (Standard-Layout) | |
Position 1–3 | Legen Sie fest, an welcher Position das Datum, der Autor und der Text angezeigt werden soll, indem Sie die gewünschte Option aus der Drop-down-Liste auswählen. Um den Abstand dieser Informationen zueinander festzulegen, ändern Sie im Reiter Allgemein unter Erscheinungsbild den Wert im Feld Abstand zwischen Texten und Bildern. |
Layout 1 und 2 | |
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. |
Navigationsmenü
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).
Warning
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.
Note
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.
—Tabelle: Strukturierte-Daten-Einstellungen—
Parameter | Beschreibung |
|---|---|
Gmail Promotions Tab | |
Aktivieren | Aktivieren Sie das Kontrollkästchen, um dem Mailing strukturierte Daten hinzuzufügen. Klicken Sie auf Übernehmen, erscheint ein gelber Kasten im oberen Bearbeiten-Bereich mit dem Hinweis Strukturierte Daten sind für dieses Mailing aktiv. Klicken Sie auf Anzeigen, um sich die strukturierten Daten in Form von JSON-LD-Quelltext im Head-Bereich des HTML-Quelltexts anzeigen zu lassen.:::hint{style="info"} |
Tip | |
Wenn Sie über JSON-LD-Kenntnisse verfügen, können Sie die Code-Vorschau verwenden, um den Code zu überprüfen, zu kopieren und im Bereich JSON-LD-Quelltext zu ändern. ::: | | Startdatum | Möchten Sie eine zeitlich befristete Aktion bewerben, müssen Sie ein Startdatum angeben. Das Startdatum muss vor dem Versanddatum des Mailings liegen, damit Gmail die strukturierten Daten berücksichtigt. Verwenden Sie das Datumsformat TT.MM.JJ. | | Startzeitpunkt | Definieren Sie einen Startzeitpunkt. Verwenden Sie das Zeitformat hh🇲🇲ss. | | Enddatum | Gmail errechnet aus Enddatum und Endzeitpunkt den Timer bis zum Ablauf der Aktion. Das Enddatum muss nach dem Versanddatum des Mailings liegen, damit Gmail die strukturierten Daten berücksichtigt. Verwenden Sie das Datumsformat TT.MM.JJ. | | Endzeitpunkt | Definieren Sie den Zeitpunkt, an dem die Aktion enden soll. Verwenden Sie das Zeitformat hh🇲🇲ss. | | Zeitzone | Wählen Sie die Zeitzone aus, auf die sich Ihre Zeitangaben beziehen. Gmail berechnet auf dieser Grundlage den Endzeitpunkt für die Zeitzone des Empfängers. Beispiel: Eine Aktion, die in Deutschland um 10 Uhr endet, endet in Japan um 17 Uhr. | | Logo | Laden Sie Ihr Firmenlogo hoch. Das Logo wird neben der Mailing-Vorschau angezeigt. Alternativ können Sie eine externe URL eingeben, unter der das Logo zu finden ist. Verwenden Sie ein quadratisches Bildformat mit einer Bildgröße von mindestens 40 x 40 Pixeln. | | Gutschein-Beschreibung | Geben Sie eine Beschreibung zu Ihrem Gutschein-Code ein. Beispiel: 30 % Rabatt. | | Gutschein-Code | Fügen Sie einen Gutschein-Code oder Platzhalter ein, je nachdem, wie Sie den Gutschein-Code generieren. Informationen darüber, wie Sie mit Optimizely Campaign Gutschein-Codes erstellen und einbinden, finden Sie unter Gutscheinsystem. | | Bild | Laden Sie ein Bild hoch, das unterhalb des Textes in der E-Mail-Vorschau angezeigt wird. Alternativ können Sie eine externe URL eingeben, unter der das Bild zu finden ist. Verwenden Sie ein rechteckiges Bildformat mit einer Bildgröße von mindestens 324 x 83 Pixeln. |
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. |
Note
Fügen Sie keine URLs als Werte ein! Diese werden nicht korrekt übertragen.
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.
—Tabelle: Mobilversion-Einstellungen—
Parameter | Beschreibung |
|---|---|
Allgemein | |
Mobilversion aktivieren | Aktivieren Sie dieses Kontrollkästchen, um eine Mobilversion zu erstellen. Standardmäßig werden alle Inhalte in die Mobilversion übernommen. Sie können in jedem einzelnen Paragraphen einstellen, ob dieser in der Mobilversion angezeigt werden soll. Beachten Sie, dass die verschickten E-Mails ca. 50-100 KB größer werden, wenn Sie eine Mobilversion enthalten. |
Klickprofil | Wählen Sie hier optional ein Klickprofil aus, das allen Empfängern der Mobilversion zugewiesen wird, die in der Mobilversion klicken. Sie können damit die Nutzung der Mobilversion auswerten oder Zielgruppen erstellen, die nur der Nutzer der Mobilversion enthält. |
Link-Erweiterung aktivieren | Aktivieren Sie dieses Kontrollkästchen, um Links der Mobilversion separat zu tracken und in den Deep Analytics auszuweisen. Innerhalb der Mobilversion werden alle Links um einen zusätzlichen Parameter mobile mit dem Wert 1 erweitert.Zusätzlich können Sie Klickprofile für eine komfortable Auswertung verwenden. |