Zum Hauptinhalt gehen

Drag & Drop-Editor [Neues Design] - Teil 2: Unterschiede zwischen Stil und Content-Blöcke

Mit dem Drag & Drop-Editor [Neues Design] 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.

Nachdem Sie sich einen Überblick über den Editor verschaffen konnten, zeigen wir Ihnen jetzt, wie Sie das Stil und die Content-Blöcke verwenden, um mit der Gestaltung Ihrer E-Mail zu beginnen.

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

Sehen Sie sich als Erstes unser detailliertes Video zur Nutzung des Drag and Drop-Editors [Neues Design] an 🚀. Stils und Content-Blöcke werden am Anfang des Videos erklärt!

Was ist ein Stil-Block?

Ein Stil-Block ist ein Strukturblock, der aus einer oder mehreren Spalten besteht, zu denen Content-Blöcke hinzugefügt werden können.

Im Beispiel unten enthält das Stil (grün) 4 Content-Blöcke (rosa): 2 Bilder und 2 Textblöcke.DDE_style-content-block_EN-US.jpg

Sie können entweder Ihr eigenes Stil erstellen, indem Sie die Content-Blöcke per Drag & Drop verschieben, oder eines unserer vordefinierten Stils mit einer, zwei oder drei Spalten verwenden:

styles_EN-US.png

Sie können jederzeit Spalten hinzufügen, entfernen oder skalieren, indem Sie auf den Stil-Block klicken und die Slider und die "+/-"-Schaltflächen verwenden.

DDE_remove-resize-columns_EN-US.gif

Stil-Einstellungen

Sie können Ihren Block-Stil umbenennen, indem Sie auf den blauen Stift neben dem Titel klicken.

DDE_style-settings_EN-US.gif

Wählen Sie einen Stil-Block, um die folgenden Einstellungen im linken Navigationsfeld anzuzeigen: 

Hintergrund Block-Einstellungen Abstand
DDE_background-style-block_EN-US.jpg Mit dieser Einstellung können Sie den Hintergrundtyp und die Hintergrundfarbe einstellen.
Sie können auch auf Ein Hintergrundbild einfügen klicken, um die Content-Bibliothek aufzurufen und Ihre Dateien oder Archivbilder als Hintergrund zu nutzen.
Wenn Sie ein  Bild direkt aus dem Internet verwenden wollen, kopieren Sie den Link zu diesem Bild in das Feld Bild einfügen.

Stil-Aktionen

Sie können einen Stil-Block vertikal verschieben. Um einen Block zu verschieben, klicken Sie auf den Stil-Block und halten Sie ihn gedrückt, während Sie den Block an die gewünschte Stelle ziehen. Die blaue Linie zeigt an, wohin der Block verschoben wird.

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

DDE_style-actions_EN-US.jpg

  1. Verschieben
    Verschieben Sie den Content-Blöck innerhalb Ihrer E-Mail. 
  2. Duplizieren (⌘ oder Ctrl + D) 
    Nachdem Sie alle Einstellungen für Ihren Block gewählt haben, können Sie ihn duplizieren.
    Diese Option spart jede Menge Zeit bei der Gestaltung Ihrer Kampagne oder Ihres Templates.
  3. Block ein- oder ausblenden
    Verbergen Sie einen Block oder zeigen Sie ihn an, indem Sie Bedingungen hinzufügen. Weitere Informationen finden Sie in unserem Artikel bedingte Anzeige
  4. Block wiederholen
    Sie können Blöcke in Ihren Belegen oder in Warenkorbabbruch-E-Mails wiederholen.
    Weitere Informationen finden Sie in unserem Artikel Einen Artikel-Block in Ihren E-Mails wiederholen.
  5. Speichern
    Speichern Sie einen Block, um ihn in anderen Kampagnen erneut zu verwenden. Ihre Blöcke werden in der Registerkarte Mein Content im linken Menü angezeigt.
  6. Löschen (⌫ + ↵)
    Mit dieser Option können Sie einen Stil-Block löschen.

Was ist ein Content-Block?

Bei Content-Blöcken handelt es sich um verschiedene Arten von Inhalten, die Sie zu Ihrer E-Mail hinzufügen können. Sie können Content-Blöcke per Drag & Drop in die Stil-Blöcke verschieben.

Die verfügbaren Content-Blöcke sind:

DDE_title-content-block_EN-US.jpg DDE_text-content-block_EN-US.jpg DDE_image-content-block_EN-US.jpg DDE_button-content-block_EN-US.jpg DDE_logo-content-block_EN-US.jpg DDE_social-content-block_EN-US.jpg
DDE_html-content-block_EN-US.jpg

DDE_payment-content-block_EN-US.jpg

DDE_style1-content-block_EN-US.jpg DDE_style2-content-block_EN-US.jpg DDE_style3-content-block_EN-US.jpg DDE_header-content-block_EN-US.jpg
  DDE_footer-content-block_EN-US.jpg DDE_divider-content-block_EN-US.jpg DDE_navigation-content-block_EN-US.jpg DDE_spacer-content-block_EN-US.jpg  

Jeder Content-Block hat eigene Einstellungen und kann nach Bedarf angepasst werden. Dadurch werden die Standardeinstellungen des Templates unter Design überschrieben. Weitere Informationen finden Sie in unserem Artikel So verwenden Sie Content-Blöcke.

Wie Stil-Blöcke können Sie Content-Blöcke ebenfalls verschieben, anpassen, duplizieren, speichern und löschen.

Die zusätzlichen Aktionen (Link, Vorschau, Bild ersetzen usw.) unterscheiden sich je nach Art des Content-Blocks, den Sie bearbeiten. Das Beispiel untern zeigt die Aktionen für einen Bild-Block (grün) und einen Text-Block (rosa):

DDE_different-actions-content-block_EN-US.jpg

⏭️ 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.