Drag-and-Drop-Editor verwenden

Brian Childress
Geschrieben von Brian ChildressZuletzt aktualisiert vor 18 Stunden

Mit DirectIQ können Sie professionelle E-Mail-Vorlagen schnell und einfach ohne Programmierkenntnisse erstellen. Nutzen Sie einfach unseren einfachen und intuitiven Drag-and-Drop-Editor.

Um ihn zu öffnen, gehen Sie zu Vorlagen -> Vorlage erstellen und wählen Sie die dritte Registerkarte Neu erstellen. Klicken Sie dann auf Drag'n Drop Editor.

image.png

Der Editor mit der leeren Vorlage wird geöffnet. Er besteht aus einer Steuerleiste auf der rechten Seite und einem Bearbeitungsbereich für die Vorlage auf der linken Seite. Im Kontrollbereich gibt es drei Registerkarten: Inhalt, Struktur und Einstellungen.

image.png

Inhalt

Diese Registerkarte enthält Boxen mit Inhalten, die in Ihre Vorlage integriert werden können. Zum Beispiel Bild, Text, Button usw.

image.png

Struktur

Sie benötigen die Struktur, um ein Template-Grundgerüst zu erstellen, und fügen anschließend Inhalte in diese Struktur ein.

Es gibt verschiedene Arten von Strukturen, die jeweils eine oder mehrere Arten von Inhalten enthalten können. Sie können zudem die Größe jedes Inhalts innerhalb einer Zeile anpassen.

image.png

Einstellungen

Diese Registerkarte enthält allgemeine Einstellungen für die E-Mail wie Inhaltsbreite und -ausrichtung, Hintergrundfarbe, Schriftart usw.

image.png

Eine Template-Struktur erstellen

Zunächst müssen Sie eine Struktur für Ihre Vorlage anlegen. Öffnen Sie dazu die Registerkarte Struktur, wählen Sie die gewünschten Zeilentypen aus und ziehen Sie sie auf die linke Seite des Bildschirms.

image.png

Wenn Sie eine Zeile auswählen, können Sie deren Eigenschaften im Kontrollbereich ändern. Außerdem können Sie bis zu vier Spalten in die Zeile einfügen oder einzelne entfernen.

Wenn eine Zeile ausgewählt ist, erscheinen oben rechts Schaltflächen zum Löschen und Duplizieren. Sie können Zeilen auch nach oben oder unten verschieben.

image.png

Die Vorlage mit Inhalten füllen

Nachdem eine Struktur erstellt wurde, wechseln Sie zur Registerkarte Inhalt. Wählen Sie dann den gewünschten Inhaltstyp aus, zum Beispiel Text, Bild, Button, Trenner, Social, HTML, Video, Icon, und ziehen Sie ihn in die eingesetzten Zeilen.

image.png

Klicken Sie auf einen Inhalt, um ihn zu bearbeiten und seine Eigenschaften anzupassen. Dabei erscheint die Registerkarte für die Inhaltseigenschaften. Je nach Inhaltstyp lassen sich Farbe, Text, Abstände und weitere Eigenschaften individuell festlegen.

image.png

Vorlage anzeigen und speichern

Sobald die Vorlage fertig ist, können Sie sie anzeigen, indem Sie oben im Editor auf Vorschau klicken. Im Vorschaumodus können Sie zwischen Desktop- und Mobilansicht wechseln, um zu sehen, wie die Vorlage auf beiden Geräten dargestellt wird.

image.png

Um den Vorschau-Modus zu verlassen, klicken Sie erneut auf die Vorschau-Schaltfläche links neben den Umschaltbuttons der Ansichten.

Um Ihre Vorlage zu speichern, geben Sie Vorlagenname und Betreff ein und klicken Sie oben im Editor auf Speichern.

image.png

Wenn alle Arbeiten abgeschlossen sind, klicken Sie zum Schließen des Editors auf Speichern und Beenden.

Siehe auch:
So verwenden Sie den Rich-Text-Editor

So passen Sie Ihre Vorlage an

Hat dieser Artikel Ihnen geholfen, Ihr Problem zu lösen?