Mit dem neuen Optimizely Campaign E-Mail-Editor ist die E-Mail-Erstellung jetzt schneller und intuitiver als je zuvor. Um Ihnen den Umstieg vom Template-Kit auf den neuen Editor so einfach wie möglich zu gestalten, haben wir die wichtigsten Änderungen und Schritte zur Erstellung von Mailings unten für Sie zusammengefasst.
Wählen Sie den richtigen Knoten aus
Öffnen Sie wie gewohnt Ihre Kampagnenübersicht und erstellen Sie eine neue Smart Campaign oder eine Transaktions-E-Mail. Ziehen Sie nun den neuen Nachrichtenknoten „E-Mail (Beta-Editor)“ in die Kampagne und klicken Sie auf „Inhalt bearbeiten“. Der neue Editor wird geöffnet.
Wie gewohnt kann innerhalb einer Kampagne nur ein Nachrichtentyp verwendet werden. Es ist nicht möglich, den alten und den neuen Editor parallel innerhalb einer Kampagne zu verwenden. Erstellen Sie in diesem Fall (z. B. für einen A/B-Test) einfach separate Kampagnen. ...
Die richtigen Einstellungen vornehmen
Im ersten Schritt nehmen Sie die wichtigsten Grundeinstellungen für jede E-Mail vor. Im Menü „Eigenschaften“ legen Sie die Breite der E-Mail, die Hintergrundfarbe und Ihre Standardschriftart fest. Sie können außerdem einen Titel und eine Sprache zuweisen, um die Barrierefreiheit zu verbessern.
Bei der Auswahl der Breite Ihrer E-Mail sollten Sie beachten, dass der neue Editor auf einem gemeinsamen Rastersystem basiert, mit dem Sie Ihren Newsletter-Inhalt in bis zu 6 Spalten unterteilen können. Anzahl und Breite dieser Spalten lassen sich in jedem Abschnitt einfach anpassen. Die Spaltenbreite richtet sich nach dem gewählten Seitenverhältnis und der definierten Inhaltsbreite. Bei einem 600 Pixel breiten Newsletter sind die Spalten je nach Spaltenanzahl zwischen 100 und 600 Pixel breit.
Absender, Betreff & Vorschautext an einem Ort
Das Menü zum Festlegen von Absendername, Adresse und Betreffzeile finden Sie jetzt oben rechts im Editor unter „Absender & Betreff“. Neu hinzugekommen ist das Eingabefeld für den Vorschautext. Diesen können Sie zusammen mit der Betreffzeile festlegen und auch bestimmten Zielgruppen zuordnen. Mithilfe von Platzhaltern lassen sich diese wichtigen Elemente mit nur zwei Klicks personalisieren.
Gliederungsabsätze werden zu Zeilen
Im alten Editor waren Sie es gewohnt, wichtige Abschnitte Ihres Newsletters in sogenannten Gliederungsabsätzen zu strukturieren. Im neuen Editor führen wir dieses Konzept mit „Zeilen“ fort und erweitern die Möglichkeiten.
Wählen Sie im Menü „Layout“ ein leeres Zeilenlayout aus und ziehen Sie & Ziehen Sie die Zeile in den Newsletter. Falls Sie bereits eigene Zeilen mit Inhalten hinzugefügt und gespeichert haben, finden Sie diese unter „Gespeicherte Zeilen“ (mehr dazu unter Punkt 7) und können sie ebenfalls in den Newsletter ziehen. Sie können das Design Ihrer leeren Serie im Menü „Serieneigenschaften“ anpassen. Hier können Sie den Hintergrund des Abschnitts festlegen, die Anzahl und Breite der Spalten angeben und die Ausrichtung für Desktop- und Mobilversionen einstellen. Der Spaltenabstand lässt sich hier für jede Seite individuell festlegen. Rahmenlinien und abgerundete Ecken können ebenfalls ausgewählt werden. Eine Zeile kann verschiedene Inhaltselemente (Titel, Text, Schaltfläche usw.) enthalten. Diese können nun auch zwischen Zeilen verschoben und kopiert werden.
Inhalte pflegen & optimieren
Für Ihre Mailing-Inhalte steht Ihnen eine Vielzahl von Inhaltselementen zur Verfügung, die Sie per Drag & Drop in jede Zeile und Spalte einfügen können. Die Breite des Inhalts passt sich automatisch dem verfügbaren Platz an. Änderungen werden direkt im Design angewendet, ohne gespeichert zu werden.
Ziehen Sie die gewünschten Inhaltselemente in Ihre leere Zeile und fügen Sie Ihren Inhalt ein.
Im Vergleich zum Template-Kit ist die Inhaltsverwaltung noch flexibler geworden. Titel, Absatz, Liste, Bild und Schaltfläche können jetzt individuell gestaltet und frei kombiniert werden. Sie sind nicht mehr Teil eines zusammenhängenden Text-Bild-Absatzes und bieten daher noch mehr Gestaltungsfreiheit.
Grundeinstellungen für Textelemente können im Einstellungsmenü auf der linken Seite vorgenommen werden. Individuelle Formatierungen mit Farben, Fettdruck usw. sind auch direkt im Text möglich.
Bilder können nach dem Hochladen wie gewohnt bearbeitet werden. Die neue Bilddatenbank ermöglicht den Zugriff auf bereits verwendete Grafiken und bietet die Möglichkeit, Ihre visuellen Elemente übersichtlich zu verwalten.
Die Elemente „Trennzeichen“ und „Abstand“ helfen bei der Strukturierung des Inhalts. Die Funktionen „Menü“, „Social“ und „Icons“ vereinfachen die Einbindung von Navigationsleisten, Verbindern und Social-Media-Elementen. Bei Bedarf können Sie einfach auf vorkonfigurierte Standard-Icons zurückgreifen.
In der E-Mail-Struktur empfiehlt es sich, jedem Inhalt einen Innenabstand zu geben – es sei denn, kein Abstand ist ausdrücklich gewünscht. Dadurch wird sichergestellt, dass Ihr Inhalt an jeder Position ohne weitere Anpassungen optimal dargestellt wird. Da Sie beliebige Inhalte an jede beliebige Position im E-Mail-Versand verschieben können, ist ein einheitliches Konzept für die Abstände auf Inhaltsebene sehr wertvoll und spart langfristig Zeit.
...Mobile Optimierung leicht gemacht
Zukünftig sparen Sie Zeit bei der Optimierung für mobile Versionen. Sie können jetzt nicht nur Inhalte ausblenden, sondern auch das Styling für mobile Geräte optimieren.
Das neue „Mobil“-Flag in der mobilen Bearbeitung zeigt an, welche Einstellungen separat für die mobile Version festgelegt werden können. Neben Schriftgröße und Ausrichtung (linksbündig, zentriert, rechtsbündig) umfasst dies auch den Innenabstand. So lässt sich ein deutlich optimiertes Nutzererlebnis für Mobilgeräte erzielen, ohne Inhalte doppelt pflegen zu müssen.
In der mobilen Version können mehrere Spalten innerhalb einer Zeile mit einem Klick gestapelt oder nebeneinander angeordnet werden. In der Desktop-Version lässt sich die Stapelreihenfolge umkehren, sodass beispielsweise ein Bild rechts über dem Text links platziert wird. Diese Optionen können Sie in den Zeileneinstellungen einfach auswählen und abwählen.
In der mobilen Version können mehrere Spalten innerhalb einer Zeile mit einem Klick gestapelt oder nebeneinander angeordnet werden. In der Desktop-Version können Sie die Stapelreihenfolge umkehren, um beispielsweise ein Bild rechts über dem Text links zu platzieren. Diese Optionen lassen sich in den Zeileneinstellungen einfach aktivieren und deaktivieren.
Zielgruppen und Personalisierung
Möchten Sie bestimmte Inhalte nur einer ausgewählten Zielgruppe anzeigen? Das ist wie bisher möglich. Navigieren Sie in den Eigenschaften der jeweiligen Serie zu „Dynamischer Inhalt“ und wählen Sie eine oder mehrere gespeicherte Zielgruppen aus.
Ein kleines violettes Symbol in der jeweiligen Zeile zeigt an, dass es sich um Inhalte mit einer Anzeigebedingung handelt.
Wenn die Bedingungen der Zielgruppe auf einen Nutzer zutreffen, wird ihm diese Zeile angezeigt.Über das Inline-Menü „Personalisierungen“ lassen sich Platzhalter und Feldfunktionen in Textelemente einfügen. Ein Klick öffnet die Liste der verfügbaren Optionen und ermöglicht eine bequeme Auswahl.
Der Menüpunkt „Spezieller Link“ bietet zudem die Möglichkeit, den personalisierten Link in die Online-Version einzubinden oder sich mit wenigen Klicks abzumelden.
Eigene Serien speichern und wiederverwenden
Wenn Sie Ihre Mailingliste erstellt haben und bestimmte Abschnitte in zukünftigen E-Mails wiederverwenden möchten, nutzen Sie die neue Funktion „Gespeicherte Serien“.
Bewegen Sie den Mauszeiger über die gewünschte Zeile und klicken Sie auf das Diskettensymbol. Geben Sie Ihrer Serie nun einen aussagekräftigen Titel und speichern Sie sie.
Sie finden Ihre Zeile nun im Dropdown-Menü „Layout“ unter „Gespeicherte Zeilen“. Dort sehen Sie eine Vorschau der verfügbaren Zeilen und können diese einfach an eine beliebige Position in Ihrer Mailingliste ziehen. mail.
So können Sie Ihre eigene „Bibliothek“ wiederverwendbarer Zeilen erstellen und den Mailing-Erstellungsprozess deutlich beschleunigen.
Zukünftig sind auch „synchronisierte Zeilen“ geplant. Damit können Sie zentrale Änderungen an Inhalt und Design an alle verbundenen Mailings übertragen.
Auf diese Weise können Sie Ihre eigene „Bibliothek“ wiederverwendbarer Zeilen erstellen und den Mailing-Erstellungsprozess deutlich beschleunigen.Änderungen rückgängig machen
Haben Sie Inhalte gelöscht oder geändert und möchten dies rückgängig machen? Kein Problem. Unten rechts finden Sie die neuen Schaltflächen „Rückgängig/Wiederherstellen“ sowie eine Versionsverwaltung der letzten Änderungen. Wählen Sie den gewünschten Bearbeitungsstatus aus oder klicken Sie auf „Rückgängig“, um zu einem früheren Stand Ihres Entwurfs zurückzukehren.
Vorschau im Dunkelmodus, Test-E-Mails & korrekt speichern
Sobald Ihre Mailing-Kampagne erstellt ist, beginnt üblicherweise der Test- und Freigabeprozess. Wir haben der gewohnten Mailing-Vorschau eine Dunkelmodus-Vorschau hinzugefügt. Diese simuliert die Darstellung im Dunkelmodus und ermöglicht es Ihnen, problematische Bereiche oder Grafiken frühzeitig zu erkennen.
Oben rechts finden Sie außerdem die bekannte Test-E-Mail-Funktion, mit der Sie Ihre Mailing-Kampagne an eine Testliste oder einzelne Adressen senden können.
Speichern Sie die Mailing-Kampagne abschließend mit dem blauen Button oben auf dem Bildschirm. Klicken Sie auf „Anwenden“ oder „Anwenden und schließen“, um Ihre Änderungen am Kampagnendesign zu übernehmen. Anschließend müssen Sie die Kampagne selbst speichern, wie Sie es bereits vom Template-Kit gewohnt sind. Erst dann ist Ihr Mailing-Inhalt vollständig gespeichert.
Wenn Sie direkt von der Kampagnenübersicht zur Mailing-Bearbeitung gewechselt sind, können Sie den Inhalt wie gewohnt sofort speichern.
In diesem Fall ist die blaue Schaltfläche mit „Speichern“ beschriftet.