Wenn du deine E-Mail mit dem Drag & Drop-E-Mail-Editor gestaltest, besteht sie aus zwei Hauptelementen: Bereichen und Inhaltsblöcken. Wenn du den Unterschied zwischen ihnen verstehst, kannst du schneller anspruchsvolle und professionelle E-Mail-Layouts erstellen.
🏗️ Über Bereiche
Ein Bereich ist eine Gruppe von Inhaltsblöcken oder ein Strukturblock, der aus einer oder mehreren Spalten besteht. Du kannst dir einen Bereich als das Layout-Gerüst deiner E-Mail vorstellen. Er legt fest, wie und wo dein Inhalt angezeigt wird.
Du kannst auf verschiedene Arten Bereiche zu deinem Entwurf hinzufügen:
-
Erstelle deinen eigenen Bereich
Ziehe Inhaltsblöcke direkt in deinen E-Mail Canvas, um automatisch einen neuen Bereich zu erstellen. -
Einen vordefinierten Bereich verwenden
Gehe zu Content > Sections (Inhalt > Bereiche) und wähle aus vorgefertigten Layouts, die Bilder, Text und Spalten enthalten, die du anpassen kannst.
➡️ Weitere Informationen über vorgefertigte Bereiche findest du in unserem Artikel Mit vorgefertigten Bereichen Zeit sparen bei der Gestaltung deiner E-Mails. -
Eigene Bereiche speichern und wiederverwenden
Du kannst alle Bereiche, die du in früheren E-Mails erstellt hast, wiederverwenden, indem du sie vorher speicherst. Diese Vorgehensweise eignet sich perfekt für wiederkehrende Layouts wie im Header, Footer oder für Produktpräsentationen. ➡️ Weitere Informationen über gespeicherte Bereiche findest du in unserem Artikel Speichern von Bereiche zur Wiederverwendung in deinen E-Mails.
🖍️ Individuelles Anpassen deines Abschnitts
Sobald du einen Bereich hinzugefügt hast, kannst du sein Layout und seinen Stil anpassen, indem du auf den Bereich klickst, um seine Einstellungen im linken Bereich zu öffnen:
Mit diesen Einstellungen kannst du steuern, wie deine Inhalte in deiner E-Mail angezeigt werden:
Settings (Einstellungen) |
Beschreibung |
|---|---|
| Layout (Aussehen) | Wähle aus, wie dein Inhalt innerhalb des Bereichs vertikal ausgerichtet werden soll (oben, in der Mitte oder unten). |
| Background (Hintergrund) | Lege eine Hintergrundfarbe, ein Bild oder eine URL fest. Du kannst ihn auch auf die gesamte Breite deiner E-Mail anwenden. |
| Spacing (Abstand) | Passe den Abstand zwischen den Spalten an und verwalte Padding (Füllung) (Innenraum) und Margin (Rand) (Außenraum) um deinen Bereich. |
| Sichtbarkeit des Inhalts | Entscheide, ob der Bereich je nach Gerät oder Aktion deines/deiner Empfänger:in ein- oder ausgeblendet werden soll. ➡️ Weitere Informationen findest du in unserem Artikel Inhalte in deinen E-Mails anzeigen oder ausblenden (Sichtbarkeit des Inhalts). |
| Wiederholbarer Inhalt | Wiederhole automatisch Elemente in deinem Bereich, beispielsweise um eine Liste von Artikeln oder Ereignissen anzuzeigen. ➡️ Weitere Informationen findest du in unserem Artikel Wiederholen einer Liste von Elementen in deinen E-Mails (Wiederholbare Inhalte). |
❓ FAQ zu Bereichen
Wie kann ich eine Spalte hinzufügen, ihre Größe ändern oder sie löschen?
Sobald du einen Inhaltsblock in deinem E-Mail-Canvas hinzugefügt hast, kannst du Spalten hinzufügen oder ihre Größe ändern, indem du auf den Bereich klickst und die Schieberegler zum Verschieben und die + Schaltflächen zum Hinzufügen von Spalten verwendest. Du kannst eine Spalte auch löschen, indem du sie anklickst und auf das Papierkorbsymbol klickst:
Wie kann ich einen Bereich duplizieren oder verschieben?
Um einen Bereich zu duplizieren, wähle ihn aus und klicke auf das Duplikat-Symbol . Du kannst den Bereich dann verschieben, indem du ihn auswählst und an die gewünschte Stelle ziehst. Alternativ kannst du auch das Verschieben-Symbol
oder die Symbole nach oben ↑ und nach unten ↓ verwenden, um den Bereich um eine Position nach oben oder unten zu verschieben.
Woher weiß ich, ob ich einen Inhaltsblock in einen Bereich eingefügt habe?
Um zu wissen, ob ein Inhaltsblock innerhalb eines Bereichs liegt oder nicht, klicke auf den Bereich und überprüfe, wo die Grenzen des Bereichs aufhören und welche Inhaltsblöcke er enthält. Wenn du einen Inhaltsblock in einen Bereich einfügst und die Einfügelinie den gesamten Bereich deines Canvas ausfüllt, bedeutet dies, dass der Inhaltsblock als eigenständiger Bereich eingefügt wird. Wenn du ihn in einen Bereich einfügen willst, achte darauf, dass die Einfügeposition unter einem anderen Inhaltsblock platziert wird und nicht den gesamten Platz des Canvas ausfüllt .
Wie kann ich Spalten auf einem mobilen Gerät nebeneinander anordnen?
Auf kleineren Bildschirmen kann es sinnvoll sein, die Darstellung deines Inhalts zu ändern, um die Lesbarkeit zu verbessern oder Platz zu sparen. Um die Ausrichtung des Inhalts anzupassen, wählst du den Bereich aus, den du bearbeiten möchtest, und wechselst in der oberen Navigationsleiste zur mobilen Ansicht. Wähle im linken Bereich unter Layout aus, ob dein Inhalt vertikal oder horizontal angezeigt werden soll. In Abhängigkeit von deinem Inhalt kannst du bei Bedarf auch den Inhalt austauschen.
➡️ Weitere Informationen über die mobile Ansicht findest du in unserem Artikel Optimierung deines E-Mail-Designs für mobile Geräte (mobile-responsive).
Wie kann ich Bereiche optisch mit einer Trennlinie abgrenzen?
Um verschiedene Bereiche optisch voneinander abzugrenzen, kannst du einen Trennlinienblock (Devider) verwenden, der als unabhängiger Bereich fungiert. Du kannst die Farbe, den Stil, die Abstände und die Stärke ändern.
🧱 Über Inhaltsblöcke
Ein Inhaltsblock steht für eine bestimmte Art von Inhalten, die du zu deiner E-Mail hinzufügen kannst. Dabei handelt es sich um die Bauelemente innerhalb deiner Bereiche – jeder Block enthält eine bestimmte Art von Inhalt wie Text, Bilder oder Schaltflächen.
Du findest alle Inhaltsblöcke auf der Registerkarte Content > Blocks (Inhalt > Blöcke ), von wo aus du sie einfach per Drag & Drop in einen Bereich ziehen kannst. Die verfügbaren Inhaltsblöcke sind:
|
|
|
Mit den Blöcken Titel und Text kannst du deiner E-Mail schriftliche Inhalte hinzufügen:
|
Beide verfügen über Formatierungsoptionen. Dazu gehören Schriftart, -größe, -farbe, -ausrichtung und Links, um eine klare, markengerechte Botschaft zu vermitteln.
➡️ Weitere Informationen zu den Inhaltsblöcken Titel und Text findest du in unserem Artikel Über die Inhaltsblöcke Titel und Text.
|
|
Mit dem Bildblock kannst du deiner E-Mail visuelle Elemente wie Fotos von Ereignissen, Symbole und Illustrationen hinzufügen. Du kannst deine eigenen Bilder einfügen, sie aus unserer integrierten Stock- und GIF-Bildergalerie auswählen oder direkt im Editor eigene Bilder erstellen. Passe Ausrichtung, Größe und Alt-Text an und füge Links hinzu, um dein Bildmaterial attraktiv und funktional in Szene zu setzen. |
➡️ Weitere Informationen über den Inhaltsblock Image (Bild) findest du in unseren Artikeln Einfügen und Bearbeiten von Bildern in deinen E-Mail-Designs und Hinzufügen und Verwalten von Bildern in der Content-Bibliothek.
|
|
Mit dem Videoblock kannst du eine Videominiatur hinzufügen, die mit einem gehosteten Video (z. B. auf YouTube oder Vimeo) verknüpft ist. Da die meisten E-Mail-Clients die Wiedergabe von eingebetteten Videos nicht unterstützen, werden die Empfänger:innen beim Klicken auf das Vorschaubild zum Video auf der Originalplattform weitergeleitet. Du kannst das Vorschaubild, den Stil der Schaltfläche und die Link-URL anpassen, um das Engagement zu steigern. |
➡️ Weitere Informationen über den Inhaltsblock Video findest du in unserem Artikel Videos in meine E-Mail-Kampagne einfügen.
|
|
Mit dem Block Button (Schaltfläche) kannst du deiner E-Mail eine eindeutige Handlungsaufforderung (CTA) hinzufügen, wie z. B. Jetzt kaufen, Anmelden oder Mehr erfahren. Du kannst den Text, die Farben, die Größe, die Ausrichtung und das Linkziel anpassen, damit sie zu deinem Design passen und Klicks erzeugen. |
➡️ 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).
|
|
Mit dem Block für dynamische Inhalte kannst du ein einziges E-Mail-Layout verwenden, um mehrere personalisierte E-Mails für jede:n Empfänger:in zu erstellen. Dadurch wird der Eindruck einer persönlichen Unterhaltung vermittelt. Erstelle beispielsweise ein einziges E-Mail-Layout für deine Auftragsbestätigungs-E-Mails, die zum Zeitpunkt des Versendens automatisch mit den Informationen deiner Empfänger:innen angereichert werden, wie z. B. der Gesamtsumme der Bestellung und der Liste der gekauften Artikel. |
➡️ Weitere Informationen über die Verwendung des Blocks für dynamische Inhalte findest du in unserem Artikel Verstehen des Blocks für dynamische Inhalte (Datenfeeds und Ereignisdaten).
|
|
Mit dem Logoblock kannst du dein Markenlogo in die E-Mail einfügen – typischerweise im oberen Bereich der E-Mail. So können deine Empfänger:innen sofort erkennen, von wem die Nachricht kommt, was deine Markenidentität stärkt und das Vertrauen erhöht. Du kannst Größe und Ausrichtung des Logos an dein Layout anpassen. |
➡️ Weitere Informationen zur Verwendung des Inhaltsblocks Logo findest du in unserem Artikel Speichern der Marken-Assets in der Content-Bibliothek.
|
|
Mit dem Social-Block kannst du anklickbare Symbole hinzufügen, die zu den Social Media-Seiten deines Unternehmens führen (z. B. Facebook, Instagram, LinkedIn, Twitter usw.). Passe den Stil, die Größe, die Ausrichtung und die Farbe an deine Marke an und fördere das plattformübergreifende Engagement. |
➡️ Weitere Informationen zur Verwendung des Inhaltsblocks für soziale Medien findest du in unserem Artikel Speichern der Marken-Assets in der Content-Bibliothek.
|
|
Mit dem HTML-Block kannst du über Drag-and-Drop-Elemente hinausgehen und benutzerdefinierten HTML-Code direkt in dein E-Mail-Design einbetten. Dies ist ideal, um benutzerdefinierte Layouts, eingebettete Widgets, Countdown-Timer oder die Integration mit Tools von Drittanbietern, die einen Einbettungscode bereitstellen, hinzuzufügen. Einige E-Mail-Clients unterstützen nicht alle HTML-Elemente. |
➡️ Weitere Informationen zum HTML-Inhaltsblock findest du in unserem Artikel Einschränkungen bei der Verwendung von HTML für deine E-Mail-Kampagnen.
|
Divider (Trennlinie) |
Mit dem Trennlinien-Block kannst du eine horizontale Linie einfügen, um den Inhalt deiner E-Mail optisch abzugrenzen. Das hilft dir, die Bereiche zu gliedern, Platz zu schaffen und deine Nachricht leichter zu lesen. Du kannst die Stärke, den Stil, die Farbe und die Breite der Linie anpassen. |
➡️ Weitere Informationen über den Inhaltsblock Divider (Trennlinie) findest du in unserem speziellen Bereich Visuelle Trennung von Bereichen durch eine Linie.
|
|
Der Artikelblock ermöglicht es dir, Artikel aus deinem Shop zu präsentieren – ganz ohne Kopieren. Erstelle E-Mails mit deiner Marke, die deine Artikel genau so zeigen, wie sie auf deiner Website erscheinen. |
➡️ Weitere Informationen zum Artikelblock findest du in unserem Artikel Hinzufügen von Artikeln aus deinem Shop in deine E-Mails mit dem Artikelblock.
|
|
Mit dem Navigationsblock kannst du Ankerlinks erstellen, mit denen die Empfänger:innen innerhalb einer ausführlichen E-Mail zu bestimmten Bereichen springen können. Dies ist besonders nützlich für E-Mails mit viel Inhalt, wie z. B. Newsletter, Menüs oder Artikelkataloge. Du kannst die Links wie eine Navigationsleiste einer Website gestalten. |
➡️ Weitere Informationen zum Inhaltsblock Navigation findest du in unseren speziellen Artikeln Einfügen eines Inhaltsverzeichnis und von Ankerlinks in deiner E-Mail.
|
Spacer (Abstandhalter) |
Mit dem Spacer-Block kannst du freie Flächen zwischen Inhaltsblöcken einfügen, um das Layout und den visuellen Aufbau deiner E-Mail zu verbessern. Nutze ihn, um Bereiche zu trennen, zu verhindern, dass Elemente überladen wirken, oder um Inhalte präzise auszurichten. Du kannst die Höhe des Abstandshalters anpassen, um den gewünschten Platz zu schaffen. |
🖍️ Individuelle Anpassung deiner Inhaltsblöcke
Sobald du deine Inhaltsblöcke hinzugefügt hast, kannst du sie anpassen. Dazu klickst du auf die Inhaltsblöcke, um ihre Einstellungen im linken Bereich zu öffnen:
➡️ Jeder Inhaltsblock verfügt über seine eigenen Einstellungen. Weitere Informationen zu den einzelnen Inhaltsblöcken und ihren Einstellungen erhältst du, wenn du das entsprechende Untermenü in der Liste der verfügbaren Inhaltsblöcke oben öffnest und auf die entsprechenden Artikel zugreifst.
❓ FAQ zu Inhaltsblöcken
Wie kann ich einen Inhaltsblock innerhalb eines Bereichs oder in einen anderen Bereich verschieben?
Um einen Inhaltsblock innerhalb eines Bereichs oder in einen anderen Bereich zu verschieben, ziehst du ihn einfach per Drag & Drop an die gewünschte Stelle:
Wie erstelle ich ein Layout aus Bildern, Text und Schaltfläche?
Um ein Layout mit Bildern, Text und Schaltflächen zu erstellen, ziehst du einfach die gewünschten Inhaltsblöcke per Drag & Drop in den E-Mail-Canvas. Du kannst sie entweder alle im selben Bereich ablegen oder mehrere Bereiche erstellen. Ersetze dann den Blindtext und die Bilder durch deine eigenen. Das war's schon!
⏭️ Nächste Schritte
- Zeit sparen bei der Gestaltung deiner E-Mails mit vordefinierten Bereichen
- Speichern von Bereichen zur Wiederverwendung in deinen E-Mail-Designs
- Festlegen des Design-Stils für deine E-Mail
- Bereich des Drag & Drop-E-Mail-Editors
🤔 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.