Posted Juli 03

Der neue E-Mail-Editor in Optimizely Campaign – 10 Tipps zum Start!

Mit dem Launch des neuen E-Mail Editors von Optimizely Campaign wird die E-Mail-Erstellung schneller und intuitiver als jemals zuvor. Um Ihnen den Umstieg vom Template-Kit auf den neuen Editor so leicht wie möglich zu machen, fassen wir nachfolgend die wichtigsten Änderungen und Schritte in der Erstellung von Mailings für Sie zusammen.

Hendrik Walter
Hendrik Walter
decorative yellow lines on background

1. Den richtigen Knoten wählen

Wie gewohnt öffnen Sie Ihre Kampagnenübersicht und erstellen eine neue Smart Campaign oder Transaktionsmail. Ziehen Sie nun den neuen Nachrichten-Knoten „E-Mail (Beta Editor)“ in die Kampagne und klicken Sie auf ”Inhalt bearbeiten“. Der neue Editor öffnet sich.

Kampagnenübersicht

Innerhalb einer Kampagne kann wie gewohnt nur ein Nachrichten-Typ genutzt werden. Eine parallele Nutzung von altem und neuem Editor innerhalb einer Kampagne ist nicht möglich. Legen Sie in diesem Fall (z.B. für einen A/B-Test) einfach separate Kampagnen an.

2. Die richtigen Einstellungen treffen

Für jedes Mailing sollten im ersten Schritt wichtige Grundeinstellungen getroffen werden. Im Menü „Eigenschaften“ definieren Sie die Mailingbreite, die Hintergrundfarbe und Ihre Standardschriftart. Zudem können Titel und Sprache vergeben werden, um die Barrierefreiheit zu verbessern.

Bei der Wahl der Mailingbreite sollten Sie berücksichtigen, dass der neue Editor auf einem gängigen Grid-System basiert, welches Ihnen die Möglichkeit bietet, Ihre Newsletter-Inhalte in bis zu 6 Spalten aufzuteilen. Die Anzahl und Breite dieser Spalten lässt sich in jedem Abschnitt bequem anpassen. Die Breite der Spalten orientiert sich dabei am gewählten Verhältnis und der definierten Inhaltsbreite. Bei einem 600px breiten Newsletter, sind die Spalten je nach Anzahl demnach zwischen 100px und 600px breit.

3. Absender, Betreff & Vorschautext an einem Ort

Das Menü für die Definition von Absendername, -adresse und Betreffzeilen finden Sie nun am oberen rechten Rand des Editors unter „Absender & Betreff“. Neu hinzugekommen ist das Input-Feld für den Vorschautext. Diesen können Sie zusammen mit der Betreffzeile vergeben und auch zielgruppenspezifisch aussteuern. Mithilfe von Platzhaltern lassen sich diese wichtigen Elemente zudem über zwei Klicks personalisieren.

4. Aus Gliederungsparagraphen werden Reihen

Im alten Editor waren Sie es gewohnt Sinnabschnitte Ihres Newsletters in sogenannten Gliederungsparagraphen zu organisieren. Im neuen Editor greifen wir dieses Konzept mit „Reihen“ auf und erweitern die Möglichkeiten. 

Gliederungsparagrafensicht

Im Menü „Layout“ wählen Sie ein leeres Reihen-Layout und ziehen es per Drag & Drop ins Mailing. Haben sie bereits eigene Reihen mit Inhalten ausgestattet und gespeichert, sind diese in der Auswahl „gespeicherte Reihen“ zu finden (mehr dazu unter Punkt 7) und können ebenfalls ins Mailing gezogen werden.

Ihre leere Reihe können Sie im Menü „Reiheneigenschaften“ gestalterisch anpassen. Hier definieren Sie den Hintergrund des Abschnitts, legen die Spaltenanzahl und -breite fest und treffen Einstellungen für die Ausrichtung in der Desktop- und Mobilversion. Der Innenabstand der Spalten lässt sich hier bequem für alle Seiten individuell definieren. Auch Rahmenlinien und Eckenrundung können gewählt werden.

Eine Reihe kann eine Vielzahl von Inhaltselementen (Titel, Text, Button, etc.) enthalten. Diese lassen sich nun auch reihenübergreifend verschieben und kopieren.

5. Inhalte pflegen & optimieren

Für Ihre Mailing-Inhalte steht Ihnen eine Vielzahl an Inhaltselementen zur Verfügung, die per Drag & Drop in jede beliebige Reihe und Spalte gezogen werden können. Die Breite der Inhalte passt sich dabei automatisch an den verfügbaren Platz an. Änderungen werden ohne Zwischenspeichern direkt in den Entwurf übernommen.

graphik-ihalte

Ziehen Sie benötigte Inhaltselemente in Ihre leere Reihe und fügen Sie Ihren Content ein.

Im Vergleich zum Template-Kit ist die Pflege von Inhalten dabei noch flexibler geworden. Titel, Absatz, Liste, Bild und Button lassen sich nun einzeln gestalten und frei kombinieren. Sie sind nicht mehr Teil eines zusammenhängenden Text-Bild Paragraphen und bieten daher noch mehr Gestaltungsspielraum. 

Grundeinstellungen für Text-Elemente treffen Sie im Einstellungsmenü auf der linken Seite. Ein individuelles Styling mittels Farben, Fettung, etc, ist aber auch Inline möglich.

Bilder lassen sich wie gewohnt nach dem Upload bearbeiten. Die neue Bilddatenbank ermöglicht Zugriff auf zuvor genutzte Grafiken und bietet die Chance, Ihre Visuals in einer Orderstruktur zu verwalten.

Die Elemente „Trenner“ & „Abstand“ helfen bei der Strukturierung der Inhalte. Die Funktionen „Menü“, „Sozial“ und „Icons“ vereinfachen die Implementierung von Navigationsleisten, Abbindern und Social Media Elemente. Bei Bedarf greifen Sie hier ganz einfach auf vorkonfigurierte Default-Icons zurück.

Beim Mailingaufbau ist es empfehlenswert, jedem Ihrer Inhalte einen Innenabstand zu geben – es sei denn, es ist explizit kein Abstand gewünscht. So stellen Sie sicher, dass Ihre Inhalte ohne weitere Anpassung an jeder Stelle „funktionieren“. Da Sie jeden Inhalt an jede Stelle im Mailing bewegen können, ist ein einheitliches Konzept für den Abstand auf Inhaltsebene sehr wertvoll und langfristig zeitsparend.

6. Mobiloptimierung leicht gemacht

Zeit sparen Sie zukünftig auch bei der Optimierung für die Mobilversion. Ab sofort ist es möglich Inhalte nicht nur auszublenden, sondern auch im Styling für die Mobilversion zu optimieren. 

Mobilversion wird angezeigt

Das neue „Mobil“-Flag in der mobilen Bearbeitung gibt einen Hinweis darauf, welche Einstellungen sich für die Mobilversion separat setzen lassen. Dazu gehört neben Schriftgröße und Ausrichtung (linksbündig, zentriert, rechtsbündig) auch der Innenabstand. Auf diese Weise lässt sich eine deutlich optimierte Erfahrung für mobile Nutzer erreichen, ohne Inhalte doppelt pflegen zu müssen.

Einstellungen für die Mobilversion

Mehrere Spalten innerhalb einer Reihe lassen sich in der Mobilversion mit einem Klick stapeln oder nebeneinander platzieren. Die Stapelreihenfolge können Sie hierbei auch umkehren, um ein in der Desktopversion rechtsstehendes Bild mobil über dem linksstehenden Text zu platzieren. In den Einstellungen der Reihe können Sie diese Optionen einfach an- und abwählen.

7. Zielgruppen und Personalisierung

Sie möchten bestimmte Inhalte nur einer ausgewählten Zielgruppe zeigen? Dies ist wie zuvor möglich. In den Eigenschaften der jeweiligen Reihe navigieren Sie zum Punkt „Dynamischer Inhalt“ und wählen eine oder mehrere gespeicherte Zielgruppen aus.

Dynamischer Inhalt Feature

Ein kleines violettes Icon an der jeweilige Reihe verrät Ihnen, dass es sich um einen Inhalt mit Anzeigebedingung handelt. Treffen die Bedingungen der Zielgruppe auf einen Nutzer zu, wird ihm diese Reihe angezeigt.

Platzhalter und Feldfunktionen lassen sich in Text-Elementen über das Inline-Menü „Personalisierungen“ einbinden. Ein Klick öffnet die Liste der vorhandenen Optionen und ermöglicht eine bequeme Auswahl.

Der Menü-Punkt „Spezial-Link“ bietet zudem die Option den personalisierten Link zur Online-Version oder die Abmeldung mit wenigen Klicks zu integrieren.

8. Eigene Reihen speichern und wiederverwenden

Haben Sie Ihr Mailing angelegt und möchten bestimmte Abschnitte in zukünftigen Mails wiederverwenden, nutzen Sie hierfür die neue Funktion „gespeicherte Reihen“.

Neue Funktion „gespeicherte Reihen“ ist Sichtbar

Halten Sie die Maus über die gewünschte Reihe und klicken Sie auf das Disketten-Symbol. Vergeben Sie nun einen aussagekräftigen Titel für Ihre Reihe und speichern diese ab. 

Ab sofort finden Sie Ihre Reihe im Dropdown des „Layout“-Menüs unter „gespeicherte Reihen“ wieder. Dort sehen Sie eine Vorschau der verfügbaren Reihen und ziehen diese unkompliziert an eine beliebige Stelle Ihrer Mail.

Auf diese Weise können Sie sich ihre eigene „Bibliothek“ an wiederverwendbaren Reihen anlegen und die Mailingerstellung deutlich beschleunigen. 

Für die Zukunft sind zudem „synchronisierte Reihen“ geplant, die es Ihnen ermöglichen zentrale Änderungen an Inhalten und Gestaltung in alle verbundenen Mailings zu pushen.

9. Änderungen rückgängig machen

„Undo/Redo“ button wird gezeigt

Haben Sie einen Inhalt gelöscht oder verändert, möchten dies aber rückgängig machen? Kein Problem. Am unteren rechten Rand finden Sie die neuen Schaltflächen „Undo/Redo“ sowie eine Session-Versionierung der letzten Änderungen. Wählen Sie den gewünschten Bearbeitungsstand aus oder klicken Sie auf „rückgängig machen“, um zu einem früheren Zustand Ihres Entwurfs zurückzukehren.

10. Dark Mode Vorschau, Testmails & richtig speichern

Ist Ihr Mailing fertig angelegt, beginnt für gewöhnlich der Test- und Freigabeprozess. Wir haben die bekannte Mailing-Vorschau um eine Dark Mode Vorschau erweitert. Diese simuliert eine mögliche Dark Mode Darstellung und erlaubt es Ihnen problematische Mailingbereiche oder Grafiken frühzeitig zu erkennen.

Am oberen rechten Rand finden Sie zudem die bekannte Test-E-Mail-Funktion, mit der Sie sich Ihr Mailing an eine Testliste oder einzelne Adressen senden können.

Zum Abschluss speichern Sie das Mailing über die blaue Schaltfläche am oberen Bildrand. Ein Klick auf „Übernehmen“ oder „Übernehmen und schließen“ übernimmt hierbei Ihre Änderungen in den Kampagnen-Entwurf. Im Anschluss ist es erforderlich, die Kampagne selbst ebenfalls zu speichern, so wie Sie es bereits vom Template-Kit gewohnt sind. Erst dann ist Ihr Mailing-Inhalt vollständig gespeichert.

blaue Schaltfläche gezeigt

Sind Sie aus der Kampagnenübersicht direkt in die Mailingbearbeitung eingestiegen, ist ein sofortiges speichern der Inhalte wie zuvor möglich. Die blaue Schaltfläche trägt in diesem Fall das Label „Speichern“.

blaue Schaltfläche mit label „Speichern“

Hier gibt es weitere Hilfe zum Start

Unser neuer E-Mail Editor befindet sich aktuell im Beta-Status. Einige aus dem Template-Kit bekannte Funktionen werden erst im Laufe des Jahres verfügbar sein. Schauen Sie daher regelmäßig in unserem Changelog vorbei. Sollten Sie liebgewonnene Features noch vermissen, können Sie auch jederzeit Ihren CSM ansprechen.

Möchten Sie eine Vorlage für den neuen Editor umsetzen lassen oder benötigen ein individuelles Training? Unser Business Consulting Team hilft Ihnen gern weiter.

Für einen noch einfacheren Einstieg empfehlen wir Ihnen außerdem, sich das Webinar zur Basis-Einführung in den neuen Editor anzusehen. Sie finden die Aufzeichnung hier.