Design-Editor-Grundlagen
Überblick über die Benutzeroberfläche
Auf der linken Seite befindet sich der Seitenbereich, in dem Sie Elemente hinzufügen und ihre Einstellungen bearbeiten können. Auf der rechten Seite befindet sich der Design-Bereich, in dem Sie Elemente anordnen und Inhalte hinzufügen können. Das Objekt, über dem der Mauszeiger schwebt (hier eine Reihe mit einem Bild), wird durch einen hellblauen Rahmen hervorgehoben. Das ausgewählte Objekt (hier ein Textelement) wird durch einen dunkelblauen Rahmen hervorgehoben.
Die im Seitenbereich angezeigten Optionen ändern sich, wenn Sie auf die Registerkarten im oberen Bereich des Seitenbereichs klicken. Sie ändern sich auch, wenn Sie ein Objekt im Design-Bereich auswählen, um die entsprechenden Optionen anzuzeigen. Es gelten die folgenden Regeln:
- Um die Standardoptionen im Seitenbereich anzuzeigen (nicht bezogen auf bestimmte Inhalte im Design-Bereich), klicken Sie auf einen der Tab-Titel über dem Seitenbereich.
- Um reihenspezifische Optionen zu sehen, wählen Sie die Reihe aus, indem Sie im Design-Bereich links oder rechts in der Reihe auf einen leeren Bereich klicken.
- Um Optionen für ein Inhaltselement zu sehen, wählen Sie das Element aus, indem Sie es im Design-Bereich anklicken.
Sie können den Seitenbereich ausblenden, indem Sie den Mauszeiger darauf positionieren und auf den Pfeil im blauen Kreis neben den Tab-Überschriften klicken. Klicken Sie erneut darauf, um den Seitenbereich wieder einzublenden.
Der Vorlagenkatalog
Über den Vorlagenkatalog
Wenn Sie nicht gerne bei Null anfangen oder sich schnell einen Überblick über die Funktionen des Design-Editors verschaffen möchten, ist der Vorlagenkatalog genau das Richtige für Sie: Sie können in einer Bibliothek vorgefertigte Designs durchsuchen und auswählen, um schnell mit einem ansprechenden Layout und Beispielinhalten loszulegen. Der Katalog reduziert den manuellen Aufwand und liefert Inspiration. Er steht für E-Mails zur Verfügung, jedoch nicht für Landingpages.
Important
Wenn Sie eine Vorlage laden, wird der vorhandene Inhalt im Design Editor überschrieben! Um zu verhindern, dass Ihre Arbeit verloren geht, speichern Sie Ihren Nachrichtenentwurf, bevor Sie den Vorlagenkatalog verwenden oder beginnen Sie mit einem leeren Nachrichtenentwurf.
Eine Vorlage auswählen und laden
Voraussetzungen: Sie sehen den Design-Editor für E-Mails. Der Editor enthält keine ungespeicherten Änderungen, die Sie noch benötigen.
- Klicken Sie oberhalb des Design-Bereichs auf Vorlagenkatalog. → Der Vorlagenkatalog zeigt Vorschaubilder der Vorlagen an.
- Scrollen Sie, um weitere Vorlagen anzuzeigen.
- Optional: Geben Sie einen Suchbegriff ein, um die angezeigten Vorlagen einzugrenzen.
- Klicken Sie auf eine Vorlage. → Die Vorlage wird hervorgehoben.
- Klicken Sie auf Aktuelles Design ersetzen. → Die Vorlage wird in den Design-Editor geladen und Sie können sie bearbeiten.
Grundlegende Aktionen im Editor
Vorschau eines Designs anzeigen
Voraussetzungen: Sie sehen den Design-Editor.
- Klicken Sie oben rechts im Editor auf Vorschau. → Das Design wird im Vorschaumodus angezeigt.
- Um das Aussehen des Designs auf unterschiedlichen Geräten oder im Dunkelmodus zu beurteilen, ändern Sie die Einstellungen im Bereich Vorschaumodus über der Vorschau.
- Um den Vorschaumodus zu verlasen, klicken Sie erneut auf Vorschau.
Ein Design speichern
Voraussetzungen: Sie sehen den Design-Editor.
- Klicken Sie oben rechts im Editor auf Speichern oder Anwenden.
Den Editor schließen
- Klicken Sie oben rechts im Editor auf den Pfeil neben der Schaltfläche Schließen oder Anwenden. → Ein dropdown-Menü erscheint.
- Klicken Sie entweder auf Speichern und schließen oder auf Schließen ohne zu speichern. → Sie sehen die Liste auf der Seite Landingpages.
Verwendung von Reihen und Inhaltselementen
Grundlagen
Designs im Editor bestehen aus zwei Arten von Objekten:
- Reihen sind horizontale Bereiche, die in mehrere Spalten aufgeteilt werden können. Sie bestimmen das Layout eines Designs. Jede Reihe oder Spalte kann Inhaltselemente enthalten.
- Inhaltselemente sind Objekte, die den Inhalt eines Designs aufnehmen. Sie enthalten meist Text, Bilder oder andere Arten von Inhalten. Trenner und Abstände sind Inhaltselemente, die nur zu Layout-Zwecken dienen.
Alle Objekte haben Eigenschaften, die ihren Stil und einige andere Einstellungen (z. B. Kommentare) festlegen. Diese Eigenschaften sind im Seitenbereich sichtbar, wenn ein Objekt ausgewählt ist.
Ein Element hinzufügen
Voraussetzungen: Sie sehen den Design-Editor.
- Klicken Sie im Seitenbereich mit der linken Maustaste auf ein Element und halten Sie die Maustaste gedrückt.
- Ziehen Sie das Element an eine passende Stelle im Design-Bereich. → Eine blaue Markierung zeigt mögliche Positionen für das Element an.
- Lassen Sie die Maustaste los. → Das neue Element wird zum Design hinzugefügt.
Eine Reihe auswählen
Voraussetzungen: Sie sehen ein Design im Design-Editor.
- Klicken Sie im Design-Bereich auf eine leere Fläche links oder rechts in der Reihe. → Die ausgewählte Reihe wird mit einem Rahmen markiert und ihre Eigenschaften werden im Seitenbereich angezeigt.
Ein Inhaltselement auswählen
Voraussetzungen: Sie sehen ein Design im Design-Editor.
- Klicken Sie im Design-Bereich auf das Element. → Das ausgewählte Element wird mit einem Rahmen markiert und seine Eigenschaften werden im Seitenbereich angezeigt.
Ein Objekt bewegen
Voraussetzungen: Sie sehen ein Design im Design-Editor.
- Wählen Sie das Objekt aus.
- Klicken Sie auf dem Rahmen des Objekts auf (Bewegen) und halten Sie die Maustaste gedrückt.
- Ziehen Sie das Objekt an eine neue Stelle und lassen Sie die Maustaste los.
Ein Objekt löschen
Voraussetzungen: Sie sehen ein Design im Design-Editor.
- Wählen Sie das Objekt aus.
- Klicken Sie im Seitenbereich auf (löschen). → Das ausgewählte Objekt wird gelöscht.
Ein Objekt duplizieren
Voraussetzungen: Sie sehen ein Design im Design-Editor.
- Wählen Sie das Objekt aus.
- Klicken Sie im Seitenbereich auf (duplizieren). → Ein Duplikat des ausgewählten Objekts wird zum Design hinzugefügt.
Rückgängig machen, wiederherstellen und Verlauf
Überblick
Die Funktionen Rückgängig, Wiederherstellen und Verlauf bieten Ihnen ein Sicherheitsnetz für Änderungen, mit dem Sie in Ihrem Bearbeitungsverlauf vor und zurück navigieren können.
Benutzeroberfläche
Wenn Sie eine Änderung an Ihrem Entwurf vornehmen, wird in der rechten unteren Ecke des Entwurfsbereichs ein Verlaufs-Widget angezeigt. Dieses Widget hat drei Schaltflächen:
Aktionen rückgängig machen und wiederholen
Voraussetzungen: Sie sehen ein Design im Design-Editor. Sie haben in der aktuellen Sitzung etwas geändert.
- Klicken Sie im Verlaufs-Widget auf (Rückgängig) oder
(wiederholen). → Das Design ändert sich.
Verlauf benutzen
Kontext: Das Verlaufs-Widget speichert bis zu 15 der jüngsten Änderungen in der aktuellen Browser-Sitzung.
Voraussetzungen: Sie sehen ein Design im Design-Editor. Sie haben in der aktuellen Sitzung etwas geändert.
- Klicken Sie im Verlaufs-Widget auf (Verlauf). → Eine Liste zeigt ihre jüngsten Aktionen. Die neueste Aktion steht oben.
- Klicken Sie auf eine Aktion in der Liste. → Das Design wird auf diesen Zeitpunkt im Verlauf zurückgesetzt. Das Objekt, das mit der gewählten Aktion geändert wurde, wird automatisch ausgewählt, um die Änderung zu diesem Zeitpunkt hervorzuheben.
- Klicken Sie erneut auf (Verlauf), um die Liste zu schließen.