Konfiguration deines E-Mail-Layouts und -Designs über die Registerkarte Style

Die Registerkarte Style (Stil) steuert die globalen Designeinstellungen deiner E-Mail für ein einheitliches Aussehen. Von dort aus kannst du das Aussehen von Text, Farben, Abständen und Schaltflächen verwalten, um die visuelle Identität deiner E-Mail ohne individuelle Blockgestaltung zu definieren. Du findest hier wichtige Bereiche – jeder davon gibt dir die Möglichkeit, einen bestimmten Aspekt des Gesamtlayouts und -designs deiner E-Mail zu steuern:

 

🎨 Brand library (Markenbibliothek)

🧩 Layout

↔️ Spacing (Abstand)

🔙 Background (Hintergrund)

🌐 Header

🖍️ Textstile und Einstellungen

🔗 Links

🖱️ Buttons (Schaltflächen)

🎨 Markenbibliothek

Richte deine Markenbibliothek so ein, dass jedes neue Template, das du auswählst, deine Markeneigenschaften wie Logo, Farben, Schriftarten und Social Media-Links übernimmt. Mit der Markenbibliothek sparst du nicht nur Zeit, sondern sorgst auch für ein einheitliches E-Mail-Branding.

brand-library_EN-US.png

➡️ Weitere Informationen über die Markenbibliothek findest du in unserem speziellen Artikel Automatische Gestaltung deiner E-Mails mit den Marken-Assets in der Markenbibliothek.

🧩 Layout

Der Textkörper ist der zentrale Teil der E-Mail, der deine eigentliche Nachricht und den Inhalt enthält und in einem vertikalen Layout angezeigt wird. Im Bereich Layout kannst du die Breite und die Farbe des Textkörpers auswählen:

dde_body-settings_en-us.png

Standardmäßig ist die Breite auf 600px eingestellt, aber wenn du die Breite änderst, werden das Layout und die Inhaltsblöcke automatisch angepasst. 

↔️ Abstand

Im Bereich Abstand kannst du Padding hinzufügen – das ist der Abstand oben und unten in deinem E-Mail-Design. Um das Padding festzulegen, gib einen Wert in Pixeln ein oder benutze die Schaltflächen + / −.

dde_padding_en-us.png

Du hast folgende Möglichkeiten:

  • Lass das Kontrollkästchen Group side (Gruppenseite) markiert, um sowohl oben als auch unten in deinem Design für E-Mails einen Abstand einzufügen, oder
  • Deaktiviere das Kontrollkästchen Group side (Gruppenseite), um jede Seite einzeln anzupassen (oben, unten).

🔙 Background (Hintergrund)

Du kannst für dein E-Mail-Design entweder eine Hintergrundfarbe oder ein Hintergrundbild auswählen:

🎨 Hintergrundfarbe🏞️ Hintergrundbild
dde_bckrg-color_en-us.png
💡 Gut zu wissen
Wenn du eine Hintergrundfarbe auswählst, wird diese auf alle Inhaltsblöcke über die gesamte Breite deiner Kampagne angewendet. Wenn du möchtest, dass nur der Textkörper der E-Mail eine Hintergrundfarbe hat, wähle stattdessen unter Layout > Body color (Layout > Textkörperfarbe) eine Farbe aus.

🌐 Header

Aktiviere die Option Show 'View in Browser' Link (Link ‚Im Browser anzeigen‘ anzeigen), damit deine Empfänger:innen eine Online-Version deiner E-Mail-Kampagne aufrufen können, falls sie Probleme haben sollten, diese in ihrem E-Mail-Programm anzuzeigen. Oben in deiner E-Mail wird automatisch ein Link View in browser (Im Browser anzeigen) eingefügt:

DEE_view-browser_EN-US.png

➡️ Weitere Informationen zum Link „Im Browser anzeigen“ findest du in unserem speziellen Artikel Hinzufügen eines Mirror-Link zu deinen E-Mails (Im Browser anzeigen).

🖍️ Textstile und Einstellungen

💡 Gut zu wissen
Richte deine Markenbibliothek ein, um Schriftarten auszuwählen, die du standardmäßig für deine Überschriften und Absätze verwendest. Weitere Informationen findest du im entsprechenden Artikel Deine E-Mails mithilfe der Markenbibliothek automatisch mit deinen Marken-Assets gestalten.

Du kannst das Erscheinungsbild des Textes für jeden Stil separat auswählen (Absätze, Überschriften usw.). Wähle den Stil aus, für den du eine Schriftart, Größe und Farbe festlegen möchtest, und wähle diese aus den entsprechenden Dropdown-Listen aus:

dde_text-style_en-us.png
💡 Gut zu wissen
Um Google-, benutzerdefinierte oder Fallback-Schriftarten hinzuzufügen, klick im Dropdown-Menü Schriftart auf Manage web fonts (Web-Schriftarten verwalten). Weitere Informationen zum Hinzufügen verschiedener Schriftarten findest du in unserem Artikel Hinzufügen von Google-Schriftarten, benutzerdefinierte Schriftarten und Fallback-Schriftarten zu deinem E-Mail-Design.
Im Bereich Text settings (Texteinstellungen) kannst du außerdem die Zeilenhöhe (line height) aus den Standardwerten auswählen oder eine benutzerdefinierte Höhe festlegen sowie die Schreibrichtung (writing direction) (von links nach rechts oder von rechts nach links) für alle deine Texte festlegen:
dde_text-settings_en-us.png

➡️ Weitere Informationen zu den Inhaltsblöcken Titel und Text findest du in unserem Artikel Über die Inhaltsblöcke Titel und Text.

🔗 Links 

Lege im Bereich Links den Standardstil für alle Links in deinem Newsletter fest. Wähle die Farbe und den Stil (fett, kursiv, unterstrichen) aus:

dde_links-settings_en-us.png

🖱️ Schaltflächen

Im Abschnitt Buttons legst du den Standardstil für alle Schaltflächen deines Newsletters fest. Wenn du den Aspekt aller Schaltflächen schnell ändern möchtest, tu dies von hier aus!

Du kannst die Schriftart und -größe, Breite, Ecken, Farbe sowie die Größe und Farbe des Rahmens deiner Schaltflächen auswählen: 

mceclip0.png

➡️ Weitere Informationen über den Inhaltsblock Button (Schaltfläche) findest du in unserem Artikel Einfügen einer effektiven Calls-to-Action (CTA) in deine E-Mails (Schaltfläche).

⏩ 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.

Wenn Sie Unterstützung bei einem Projekt mit Brevo suchen, können wir Sie mit der richtigen zertifizierten Brevo-Partneragentur verbinden.

💬 War dieser Beitrag hilfreich?

8 von 67 fanden dies hilfreich