Drag & Drop-Editor [Neues Design] – Teil 2: Stil vs. Content-Blöcke

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 (blau) 4 Content-Blöcke (gelb): 2 Bilder und 2 Textblöcke.

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:

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.

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

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.

Die Einstellung Vertikale Ausrichtung gestattet es Ihnen, die Position Ihrer Inhalte innerhalb des Blocks zu ändern: oben, mittig oder unten.

Sie können auch den Innenabstand des Content-Blocks in dem ausgewählten Stil-Block ändern, indem Sie die Auf- und Ab-Pfeile verwenden oder den von Ihnen gewünschten Abstand eingeben.

Die Abstand-Einstellung gestattet es Ihnen, Folgendes hinzuzufügen:

• Padding: Der Abstand zwischen dem Element und der Grenze. Er befindet sich auf allen vier Seiten des Inhalts und kann auf jeder Seite verändert werden.
• Margin: Der Abstand zwischen der Grenze und dem nächsten Element Ihres Designs. Er befindet sich oberhalb und unterhalb des Inhaltes und kann auf beiden Seiten verändert werden.

Klicken Sie auf die Padding- oder Margin-Schaltfläche, um sie mit einem Klick zu aktivieren oder zu deaktivieren. Wählen Sie, welche Padding- oder Margin-Größe Sie zu jeder Seite Ihres Inhaltes hinzufügen möchten, indem Sie die +/- Schaltflächen verwenden oder die gewünschte Größe in das Textfeld eingeben.

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:

1. Duplizieren
   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.
2. Block ein- oder ausblenden
   Verbergen Sie einen Block oder zeigen Sie ihn an, indem Sie Bedingungen hinzufügen.
3. Block wiederholen
   Sie können Blöcke in Ihren Belegen oder in Warenkorbabbruch-E-Mails wiederholen.
4. 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.
5. Löschen
   Mit dieser Option können Sie einen Stil-Block löschen.

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 Text, Bild, Schaltfläche, Social Media, HTML, Trenner, Header und Footer:

Jeder Content-Block hat eigene Einstellungen und kann nach Bedarf angepasst werden. Dadurch werden die Standardeinstellungen des Templates unter Design überschrieben.

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 (gelb) und einen Text-Block (blau):