Zum Hauptinhalt gehen

Drag & Drop Editor [Neues Design] - Teil 4: Festlegen des Design-Stils Ihrer E-Mail

Mit dem Drag & Drop-Editor [Neues Design] wird die Erstellung von professionellen E-Mails zum Kinderspiel. Er bietet mehr Optionen, um Ihre E-Mail zu personalisieren, und stellt sicher, dass die Nachricht auf allen E-Mail-Clients und Geräten korrekt angezeigt wird.

Im Editor können Sie über die Rubrik Design die Stile für das Template festlegen. Sie können beispielsweise die Farbe und das Format (fett, kursiv) eines Links festlegen, wobei die Einstellung für alle Links übernommen wird, die Sie zu dem Template hinzufügen. Auf diese Weise sparen Sie Zeit, da Sie die Stile nicht einzeln für jeden Link festlegen müssen.

Wir haben die Artikel zum Drag & Drop-Editor in mehrere Teile aufgeteilt:

Sehen Sie sich als Erstes unser detailliertes Video zur Verwendung von Design im Drag and Drop-Editor [Neues Design] an 🚀.

Welche Einstellungen sind unter Design verfügbar?

Die Einstellungen sind in vier Kategorien unterteilt: Template, Textdarstellung, Buttons und Abstände.

Template

Hier können Sie die Einstellungen für den Hintergrund und die Breite von Content-Blöcken anpassen.

Hintergrundfarbe

Wählen Sie eine Hintergrundfarbe, die über die gesamte Breite auf alle Content-Blöcke in Ihrer Kampagne angewendet wird. Wenn nur der Körper eine Hintergrundfarbe haben soll, wählen Sie in der nachstehend erklärten Einstellung Körper-Farbe eine Farbe aus.

Hintergrundbild

Sie können entweder ein Bild aus Ihren Dateien oder aus einem Bildarchiv hinzufügen, indem Sie auf Hintergrundbild hinzufügen klicken, oder direkt eine Bild-URL in das URL-Eingabefeld Bild von URL einfügen eingeben. Sie können die Position, die Wiederholung und die Bildgröße wie gewünscht anpassen.

Körper-Farbe

Mit dieser Option können Sie eine Hintergrundfarbe wählen, die nur auf den Körper Ihrer Nachricht angewendet wird, im nachstehenden Beispiel wurde Blau gewählt.

Körper-Breite

Legen Sie die Breite des Content-Blocks in Pixeln fest. Die Standardbreite ist auf 600 px eingestellt. Wenn Sie die Breite ändern, werden die Content-Blöcke automatisch neu skaliert. Die Körperbreite wird im Bild unten von dem gelben Pfeil dargestellt.Body_width_and_color_EN.png

Im Browser ansehen

Aktivieren Sie diese Option, um es Ihren Empfängern zu ermöglichen, eine Online-Version Ihrer E-Mail-Kampagne aufzurufen, falls sie Probleme bei der Anzeige in ihren E-Mail-Clients haben. Ein Link Im Browser ansehen wird automatisch am Anfang der E-Mail eingefügt.

DEE_view-browser_EN-US.png

Textdarstellung

Sie können die Textdarstellung aller Stile (Abschnitte, Überschriften usw.) auswählen.

Legen Sie für jeden Stil die Schriftart, -größe und -farbe in den jeweiligen Listen fest. Klicken Sie auf einen der Schriftartennamen und dann auf + Schriftarten verwalten, um Schriftarten von Google-Schriftarten zu Ihren Listen hinzuzufügen oder um Ersatzschriftarten auszuwählen, falls Ihre Empfänger:innen die von Ihnen zuerst gewählte Schriftart nicht sehen können. 

DDE_text-appearance-fonts_EN-US.gif

In den Allgemeinen Einstellungen können Sie die Zeilenhöhe aus den Standardhöhen auswählen oder eine benutzerdefinierte Höhe erstellen und die Schreibrichtung (von links nach rechts oder von rechts nach links) auswählen.

Sie können auch die Schriftart eines spezifischen Teils Ihres Designs ändern, indem Sie den Text markieren und die Schriftart aus der Formatierungsleiste oberhalb des Textblocks auswählen.

❗️ Wichtig
Wenn Sie die Schriftart manuell geändert haben, indem Sie den Text markiert und die Formatierungsleiste verwendet haben, ändert sich die Schriftart nicht, wenn Sie eine Schriftart aus Design > Textdarstellung auswählen.

Links

Hier können der Stil und die Farbe der Links, die im Text-Content-Block hinzugefügt wurden, eingestellt werden.

Im Beispiel unten wählen wir die Farbe der Links und haben die Formatierungsoption "Unterstrichen" hinzugefügt.

mceclip0.png

Button

Von dort aus können Sie den Standardstil aller Schaltflächen Ihres Newsletters definieren. Wenn Sie den Aspekt aller Schaltflächen schnell ändern möchten, tun Sie dies von hier aus!

mceclip0.png

Abstände

Die Einstellung der Abstände steht in der Registerkarte Design zur Verfügung oder durch einen Klick auf einen Stil-Block. Sie erhalten die Möglichkeit, Padding, d. h. den Abstand zwischen dem Element und der Grenze, hinzuzufügen. Er befindet sich auf allen vier Seiten des Inhalts und jede Seite kann geändert werden.

Klicken Sie die Schaltfläche Padding an, um die Funktion auf einen Klick zu aktivieren oder zu deaktivieren. Wählen Sie aus, welches Padding oder welche Margin-Größe Sie zu jeder Seite Ihres Contents hinzufügen möchten, indem Sie die Schaltflächen +/- verwenden oder die gewünschte Größe in das Textfeld eingeben.

DEE_padding_EN-US.gif

⏭️ Nächste Schritte

🤔 Sie haben eine Frage?

Wenden Sie sich bei Fragen an unser Support-Team: Erstellen Sie einfach ein Ticket über Ihr Konto. Wenn Sie noch kein Konto haben, können Sie uns hier kontaktieren.