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 zeigen wir Ihnen, wie Sie die Bereiche und Inhaltsblöcke verwenden können, um mit der Gestaltung Ihrer E-Mail zu beginnen.

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

• Teil 1: Übersicht über den Editor
• Teil 2: Abschnitte im Vergleich zu Inhaltsblöcken - SIE SIND HIER
• Teil 3: Inhaltsblöcke verwenden
• Teil 4: Design-Stil Ihrer E-Mail festlegen
• Teil 5: Speichern von Blöcken zur Wiederverwendung in Ihren E-Mails
• Teil 6: E-Mails in der mobilen Ansicht bearbeiten
• Teil 7: Das E-Mail-Design wiederherstellen, eine Vorschau anzeigen, testen und speichern

Was ist ein Abschnitt?

Ein Abschnitt ist ein Strukturblock, der aus einer oder mehreren Spalten besteht, zu denen Inhaltsblöcke hinzugefügt werden können.

In dem folgenden Beispiel enthält der Abschnitt (in grün) 2 Inhaltsblöcke (in rosa) in 2 verschiedenen Spalten: 2 Bilder und 2 Textblöcke.

Im E-Mail-Editor gibt es zwei Arten von Abschnitten:

• Benutzerdefinierte Abschnitte
  Benutzerdefinierte Abschnitte sind die Abschnitte, die Sie selbst durch Ziehen und Ablegen von Inhaltsblöcken erstellen. 
• Vorgefertigte Abschnitte
  Vorgefertigte Abschnitte sind vorgefertigte Layouts verschiedener Inhaltsblöcke und ermöglichen Ihnen die einfache Erstellung von E-Mail-Designs, ohne dass Sie über Designkenntnisse verfügen müssen. 

Sie können jederzeit Spalten hinzufügen, entfernen oder ihre Größe ändern, indem Sie auf den Abschnitt klicken und die Schieberegler zum Verschieben und die Schaltflächen +/- zum Hinzufügen von Spalten verwenden:

Einstellungen des Abschnitts

Sie können Ihren Abschnitt umbenennen, indem Sie auf das Stiftsymbol neben dem Titel klicken.

Wählen Sie einen Abschnitt, um die folgenden Einstellungen in der linken Navigationsleiste anzuzeigen: 

Hintergrund Blockeinstellungen Abstand

Mit dieser Einstellung können Sie die Hintergrundfarbe einstellen und die Funktion Apply background on full width (Hintergrund auf die gesamte Fläche anwenden) anwenden. Sie können auch auf Add a background image (Hintergrundbild hinzufügen) klicken, um die Inhaltsbibliothek anzuzeigen und Ihre Dateien oder Archivbilder als Hintergrund zu verwenden. Wenn Sie ein Bild direkt aus dem Internet verwenden möchten, fügen Sie den Link zu diesem Bild in das Feld Insert image from URL (Bild von URL einfügen) ein.

Mit der Einstellung Vertical alignment (Vertikale Ausrichtung) können Sie die Position Ihres Inhalts innerhalb des Abschnitts ändern: oben, in der Mitte oder unten.

Mit der Einstellung Spacing (Abstand) können Sie Folgendes hinzufügen:

• Space between columns (Abstand zwischen den Spalten) im markierten Abschnitt, indem Sie die Pfeile nach oben und unten verwenden oder den gewünschten Abstand eingeben.
• Padding (Füllung) ist der Abstand zwischen dem Element und dem Rahmen. Er befindet sich auf allen vier Seiten des Inhalts und kann auf jeder Seite verändert werden.
• Margin (Rand) ist der Abstand zwischen dem Rand und dem nächsten Element Ihres Designs. Er befindet sich oberhalb und unterhalb des Inhaltes und kann auf beiden Seiten verändert werden.

Schalten Sie die Schaltfläche Padding (Füllung) oder Margin (Rand) um, um sie mit einem Klick zu aktivieren oder zu deaktivieren. Wählen Sie aus, welche Füllungs- oder Randgröße Sie zu jeder Seite Ihres Inhalts hinzufügen möchten, indem Sie die Schaltflächen +/- verwenden oder die gewünschte Größe in das Textfeld eingeben. 

Abschnitt-Aktionen

Sie können einen Abschnitt vertikal verschieben: Bewegen Sie den Mauszeiger über den Abschnitt und halten Sie ihn gedrückt, während Sie ihn an die gewünschte Stelle verschieben. Die blaue Linie zeigt Ihnen, wohin der Block verschoben wird.

In der unteren linken Ecke eines Stil-Blocks sind bestimmte Aktionen verfügbar, wenn er ausgewählt ist:

1. Move (Verschieben)
   Verschieben Sie den Abschnitt per Drag & Drop an die gewünschte Stelle in Ihrer E-Mail.
2. Move up (Nach oben verschieben) und Move down (Nach unten verschieben)
   Verschieben Sie Ihren Abschnitt in Ihrer E-Mail nach oben oder unten. 
3. Duplicate (Duplizieren) (⌘ oder Strg + D)
   Sobald Sie alle Einstellungen für Ihren Abschnitt gewählt haben, können Sie ihn duplizieren. So sparen Sie bei der Gestaltung Ihrer E-Mail wertvolle Zeit.
4. Save (Speichern)
   Speichern Sie einen Abschnitt, um ihn in anderen E-Mails wiederzuverwenden. Ihre Blöcke werden in der Registerkarte My Content (Mein Inhalt) im linken Menü angezeigt. Um mehr zu erfahren, lesen Sie unseren Artikel Speichern von Inhalten zur Wiederverwendung in Ihren E-Mails.
5. Delete (Löschen) (⌫ + ↵)
   Verwenden Sie diese Option, um einen Abschnitt zu löschen.
6. Sichtbarkeit des Inhalts (ein- oder ausblenden)
   Blenden Sie einen Abschnitt aus oder ein, indem Sie Bedingungen hinzufügen oder auf der Grundlage des Geräts Ihrer Empfängerin bzw. Ihres Empfängers. Um mehr zu erfahren, überprüfen Sie unsere Artikel Inhalt basierend auf Kontakt-Attributen anzeigen oder ausblenden und Inhalt basierend auf dem Gerätetyp anzeigen oder ausblenden. 
7. Repeatable content (Wiederholbarer Inhalt)
   Sie können Abschnitte in Ihren Quittungen oder E-Mails mit Warenkorbabbruch wiederholen. Um mehr zu erfahren, lesen Sie unseren Artikel Wiederholen von Inhalten in Ihren E-Mails.

Was ist ein Inhaltsblock?

Inhaltsblöcke sind verschiedene Inhaltstypen, die Sie zu Ihrer E-Mail hinzufügen können. Sie können Inhaltsblöcke per Drag & Drop in die Stiblöcke verschieben.

Die verfügbaren Inhaltsblöcke sind:

Titel	Text	Bild	Video
Schaltfläche	Logo	Social	HTML
Trennlinie	Produkt	Navigation	Abstandhalter

Jeder Inhaltsblock hat seine eigene Einstellung, die nach Bedarf angepasst werden kann und die Standardeinstellungen des Templates außer Kraft setzt. Sie können Inhaltsblöcke auf die gleiche Weise verschieben wie Stil-Blöcke. Sie können auch Ausblenden oder Anzeigen, Duplizieren, Speichern und Inhaltsblöcke löschen. Um mehr zu erfahren, lesen Sie unseren Artikel Wie verwendet man Inhaltsblöcke?.

Die zusätzlichen Aktionen (Link, Vorschau, Bild ersetzen, usw.) unterscheiden sich je nach Art des Blocks, den Sie bearbeiten. Sehen Sie das Beispiel unten mit den Aktionen für den Bild-Block (in rosa) und einen Text-Block (in grün):

Block mit Bildinhalt
Block mit Textinhalt

⏩ Nächste Schritte

• Teil 3: Inhaltsblöcke verwenden
• Teil 4: Design-Stil Ihrer E-Mail festlegen
• Teil 5: Speichern von Blöcken zur Wiederverwendung in Ihren E-Mails
• 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.