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

Mit dem Drag & Drop-Editor 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.

In diesem Artikel erfahren Sie, wie Sie die Stile für das gesamte Template über den Abschnitt Design festlegen können. 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 für jeden Link einzeln 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 & Drop-Editor an 🚀.

Welche Einstellungen sind unter Design verfügbar?

Die Einstellungen sind in fünf Kategorien unterteilt: Brand library (Marken-Bibliothek)Template, Text Appearance (Textdarstellung), Buttons (Schaltflächen) und Spacing (Abstände).

Brand library (Markenbibliothek)

brand-library_EN-US.png Richten Sie Ihre Markenbibliothek so ein, dass jedes neue Template, das Sie auswählen, die Eigenschaften Ihrer Marke übernimmt, z. B. das Logo, die Farben, die Schriftarten und Social-Media-Links. Mit der Markenbibliothek sparen Sie nicht nur Zeit, sondern sorgen auch für ein einheitliches E-Mail Branding. Weitere Informationen finden Sie im entsprechenden Artikel Gestaltung Ihrer E-Mails mit den Assets Ihrer Marke mithilfe der Markenbibliothek.

Template

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

dde_template-settings_EN-US.png

Background color (Hintergrundfarbe)

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

dde_background-color_EN-US.png

Background image (Hintergrundbild)

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

dde_background-image_EN-US.png

Body color (Farbe des Haupttextes)

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

dde_body-color_En-US.png

Body Width (Textkö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 Breite des Textkörpers wird im Bild unten von dem gelben Pfeil dargestellt.

dde_body-width_EN-US.png

View in browser (Im Browser anzeigen)

Aktivieren Sie diese Option, um es Ihren Empfänger:innen 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 View in Browser (Im Browser ansehen) wird automatisch am Anfang der E-Mail eingefügt. Weitere Informationen finden Sie im entsprechenden Artikel Einen (Mirror-)Link in Ihre Kampagnen einfügen.

DEE_view-browser_EN-US.png

Text appearance (Textdarstellung)

💡 Gut zu wissen
Richten Sie Ihre Marken-Bibliothek ein und wählen Sie Schriftarten, die standardmäßig für Ihre Überschriften und Absätze verwendet werden sollen. Weitere Informationen finden Sie im entsprechenden Artikel Ihre E-Mails mithilfe der Markenbibliothek automatisch mit Ihren Marken-Assets gestalten.

Sie können die Textdarstellung aller Stile (Absätze, Überschriften usw.) auswählen. Legen Sie für jeden Stil die Font Family (Schriftart), Font Size (Schriftgröße) und Font Color (Schriftfarbe) in den jeweiligen Listen fest. Klicken Sie auf einen der Schriftartennamen und dann auf + Manage fonts (+ 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 Common Settings (Allgemeinen Einstellungen) können Sie die Line Height (Zeilenhöhe) aus den Standardhöhen auswählen oder eine benutzerdefinierte Höhe erstellen und die Writing Direction (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 Font (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 > Text Appearance (Design > Textdarstellung) auswählen.

Buttons (Schaltflächen)

Von dort aus können Sie den Standardstil für alle Schaltflächen Ihres Newsletters festlegen. Wenn Sie den Aspekt aller Schaltflächen schnell ändern möchten, tun Sie dies von hier aus!
Sie können Schriftart und -größe sowie Breite, Radius, Farbe und Randgröße bzw. -farbe wählen.  

mceclip0.png

Spacing (Abstand)

Die Einstellung Spacing (Abstände) steht Ihnen in der Registerkarte Design zur Verfügung oder durch einen Klick auf einen Style Block (Stil-Block). Sie erhalten damit die Möglichkeit, Padding, d. h. den Abstand zwischen dem Element und der Randlinie, 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.

💬 War dieser Beitrag hilfreich?

4 von 26 fanden dies hilfreich