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:
- Teil 1: Übersicht über den Editor
- Teil 2: Layouts im Vergleich zu Content-Blöcken
- Teil 3: Content-Blöcke verwenden
- Teil 4: Festlegen des Design-Stils Ihrer E-Mail - SIE SIND HIER
- Teil 5: Blöcke speichern und in Ihren Kampagnen wiederverwenden
- Teil 6: E-Mails in der mobilen Ansicht bearbeiten
- Teil 7: Das Kampagnen-Design wiederherstellen, eine Vorschau anzeigen, testen und speichern
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)
| 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.
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.
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.
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.
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.
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.
Text appearance (Textdarstellung)
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.
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.
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.
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.
⏩ Nächste Schritte
- Teil 5: Blöcke speichern und in Ihren Kampagnen wiederverwenden
- Teil 6: E-Mails in der mobilen Ansicht bearbeiten
- Teil 7: Vorschau anzeigen und Test-E-Mail senden
🤔 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.
Wenn Sie Unterstützung bei einem Projekt mit Brevo suchen, können wir Sie mit dem richtigen zertifizierten Brevo-Expertenpartner zusammenbringen.