Eine E-Mail mit dem neuen Builder gestalten

Mit dem neuen E-Mail-Builder von Mailchimp kannst du schnell schöne Marketing-E-Mails gestalten. Beginne mit einer unserer stilvollen Vorlagen, verwende Inhaltsblöcke und passe sie dann mit deinen eigenen Bildern, Texten und deinem Branding an.

In diesem Artikel erfährst du, wie du eine E-Mail mit dem neuen Builder gestalten kannst.

Vor dem Start

Bevor du mit diesem Vorgang beginnst, solltest du einige Punkte beachten.

• In diesem Artikel wird erklärt, wie man den neuen Builder verwendet. Weitere Informationen zum klassischen Builder findest du in dem Artikel Eine E-Mail mit dem klassischen Builder gestalten. Um Builder zu wechseln, gehe auf Switch Your Default Email Builder (Deinen Standard-E‑Mail-Builder wechseln).
• Der neue E-Mail-Builder ist für Standard-E-Mails, Customer Journey-E-Mail-Aktionen, E-Mail-Touchpoints im Kampagnen-Manager, A/B-Test-E-Mails und multivariate Test-E-Mails verfügbar. Der neue Builder ist auch für einzelne Warenkorbabbruch-E-Mails und automatisierte Begrüßungsmails der klassischen Automatisierungen verfügbar.
• Wenn du über einen Mailchimp-Shop, einen unterstützten E-Commerce-Shop oder eine benutzerdefinierte API-3.0-Integration verfügst, kannst du Produkt- und Warenkorbabbruch-Inhaltsblöcke mit dem neuen E-Mail-Builder verwenden.

Eine Vorlage auswählen

Nachdem du eine Standard-E-Mail-Kampagne erstellt hast, wähle eine Vorlage aus, um mit dem Design deiner E-Mail zu beginnen. Wähle zwischen Mailchimp-Vorlagen, einer zuvor gesendeten E-Mail, deinen gespeicherten E-Mail-Vorlagen oder etwas anderem.

Abhängig von deinem Tarif hast du möglicherweise nicht Zugriff auf alle Vorlagenoptionen. Auf der Seite Pricing (Tarifübersicht) kannst du nachlesen, welche Features jeweils in den einzelnen Tarifen inbegriffen sind.

Hier sind die verschiedenen Vorlagenkategorien und ihr Inhalt.

• Mailchimp-Vorlagen
  Unsere Vorlagen bieten einen Ausgangspunkt für deine Designs. Wähle eine unserer Optionen aus, verwende den Creative Assistant, um mit deinen Marken-Assets zu arbeiten, oder beginne ganz neu. Nutze die Filter, um Vorlagen für den Zweck deiner E-Mail, deine Branche oder deinen Tarif zu finden.
• Gespeicherte Vorlagen
  Dieses Tab enthält alle E-Mail-Designs, die du bereits als Vorlagen zur Verwendung in zukünftigen Marketing-E-Mails gespeichert hast. Wähle eine Vorlage aus, um Inhalt und Design an deine Vorstellungen anzupassen.
• Kürzlich gesendete E-Mails
  Wähle eine deiner kürzlich gesendeten E-Mails als Inspiration für eine neues Design. Mailchimp erstellt eine exakte Kopie des E-Mail-Inhalts und -Designs, sodass du diese nach Lust und Laune bearbeiten kannst, ohne von vorne beginnen zu müssen.
• E-Mail-Entwürfe
  Verwende einen E-Mail-Entwurf, um ein Design auszuwählen, an dem du begonnen hast zu arbeiten, das du aber noch nicht gesendet hast. Mailchimp erstellt eine exakte Kopie des E-Mail-Inhalts und -Designs, sodass du diese nach Lust und Laune bearbeiten kannst, ohne von vorne beginnen zu müssen.
• Selbst erstellt
  Verwende unseren klassischen Builder, um eine benutzerdefinierte HTML-Vorlage in Mailchimp einzufügen oder zu importieren. Diese erweiterte Feature ist für Accounts mit einem Standard-Tarif oder höher verfügbar und wird für Benutzer empfohlen, die mit benutzerdefinierter Codierung vertraut sind.

Wenn du eine einspaltige E-Mail mit dem klassischen Builder gestaltet hast, kannst du sie auch mit dem neuen Builder verwenden. Wenn du eine klassische E-Mail im neuen E-Mail-Builder verwendest, versuchen wir, dein bisheriges Design in das neues Layout zu übernehmen.

Vorlage ändern

Nachdem du deine E-Mail-Vorlage ausgewählt hast, kannst du sie im weiteren Verlauf jederzeit ändern. Um die Vorlage deiner E-Mail zu ändern, klicke auf das Dropdown-Menü Save and Exit (Speichern und verlassen) und klicke dann auf Change template(Vorlage ändern).

Super! Als Nächstes wählst du die Stile deiner E-Mail aus und fügst dann den Inhalt hinzu und gestaltest ihn.

E-Mail-Stile auswählen

Für die Auswahl der Standardstiloptionen für deine E-Mail für Desktop- und Mobilgeräte stehen dir die Optionen im Bereich „Styles“ (Stile) zur Verfügung. Du kannst für Desktopgeräte Stiloptionen für den E-Mail-Hintergrund, Text, Link, Schaltflächen und Divider (Trennlinie) nutzen. Für Mobilgeräte kannst du den Innenabstand von Elementen (Padding) in einer E–Mail und den Text auswählen. Nachdem du die Stile für deine E‑Mail gewählt hast, verfeinere deine Auswahlen in den einzelnen Inhaltsblöcken.

Stile für Desktop auswählen

So wählst du die Standardstile für den Hintergrund der E-Mail, den Text, die Links, die Schaltflächen und die Trennlinien aus.

1. Klicke auf Styles (Stile). Der Tab Desktop wird automatisch geöffnet.
   
2. Klicke auf das Dropdown-Menü Email (E-Mail) und wähle dann die Standardeinstellungen für Background color (Hintergrundfarbe) und Body color(Farbe des Fließtexts) der E-Mail. Du kannst deiner E-Mail auch ein Hintergrundbild hinzufügen. Klicke, wenn du fertig bist, auf das Dropdown-Menü, um es zu schließen.
3. Klicke auf das Dropdown-Menü Text und verwende dann die Tabs in der Bearbeitungssymbolleiste, um deine Formatierungsoptionen für den Text und die Überschriften festzulegen. Du kannst auch die Zeilenhöhe, den Zeichenabstand und die Textrichtung auswählen. Klicke, wenn du fertig bist, auf das Dropdown-Menü, um es zu schließen.
4. Klicke auf das Dropdown-Menü Link und wähle dann die Standardeinstellungen für Linkfarbe und Stil. Klicke, wenn du fertig bist, auf das Dropdown-Menü, um es zu schließen. Du kannst auch einzelne Linkfarben und -stile auswählen, wenn du deiner E-Mail Inhalte hinzufügst.
5. Klicke auf das Dropdown-Menü Buttons (Schaltflächen) und wähle dann die Standardformatierungsoptionen aus. Klicke, wenn du fertig bist, auf das Dropdown-Menü, um es zu schließen.
6. Klicke auf das Dropdown-Menü Divider (Trennlinie) und wähle dann die Standardeinstellungen für Height (px) (Höhe (px)), Style (Stil) und Divider color__ (Trennlinienfarbe). Klicke, wenn du fertig bist, auf das Dropdown-Menü, um es zu schließen.

Nachdem du die Stile ausgewählt hast, werden alle neuen Inhalte, die du deiner E-Mail hinzufügst, an diese Stilauswahl angepasst. Du kannst den Stil deiner E-Mails jederzeit ändern.

Stile für Mobilgeräte auswählen

So legst du die Standardstile für den Innenabstand von Elementen und den Text fest.

1. Klicke auf Styles (Stile) und dann auf die Registerkarte Mobile (Mobil).
   
2. Klicke auf das Drop-down-Menü Email (E-Mail) und wähle dann das Padding(Innenabstand) aus. Klicke, wenn du fertig bist, auf das Dropdown-Menü, um es zu schließen.
3. Klicke auf das Dropdown-Menü Text und verwende dann die Tabs in der Bearbeitungssymbolleiste, um deine Formatierungsoptionen wie Schriftgröße und Zeilenhöhe für den Fließtext und die Überschriftebenen festzulegen. Klicke, wenn du fertig bist, auf das Dropdown-Menü, um es zu schließen.

Ändere die Stile einzelner Inhaltsblöcke, ohne die Standardstile deiner E-Mail ändern zu müssen. Wenn du den Stil eines einzelnen Inhaltsblocks bearbeitest, erfolgen diese Änderungen nur für diesen Inhaltsblock. Du kannst Änderungen an den Standardstilen einer E-Mail vornehmen und dabei die Stile einzelner Inhaltsblöcke unverändert lassen. Klicke in einem Text-, Schaltflächen- oder Teiler-Inhaltsblock auf Restore default styles (Standardstile wiederherstellen), um die Standardeinstellungen der Registerkarte Styles (Stile) der E-Mail anzupassen.

Füge Inhaltsblöcke und Layouts hinzu

Verwende Inhaltsblöcke und Layouts, um deine E-Mail zu formatieren und zu designen. Du kannst verschiedene Arten von Blöcken hinzufügen oder entfernen, um den Inhalt, den du teilen möchtest, leicht anzupassen und neu anzuordnen. Füge ein leeres oder vorgefertigtes Layout hinzu, um mehrspaltige Abschnitte für deine E-Mail zu erstellen.

In diesem Abschnitt erklären wir, wie du Inhaltsblöcke hinzufügst, verschiebst, entfernst und duplizierst.

Hinzufügen von Inhaltsblöcken

Inhaltsblöcke bilden die Bausteine für das Design und den Inhalt deiner E-Mail. Im Artikel Über die E-Mail-Builder von Mailchimp erfährst du mehr über die einzelnen Inhaltsblöcke.

Kicke auf Add(Hinzufügen), um Inhaltsblöcke zu deiner E-Mail hinzuzufügen. Der Tab „Content“ (Inhalt) wird automatisch geöffnet. Ziehe den Inhaltsblock​, mit dem du arbeiten möchtest, per Drag-and-Drop direkt in dein Design.

Nachdem du einen Block hinzugefügt hast, verwende das Bearbeitungsmenü und die Symbolleiste, um ihn an dein Design anzupassen. Klicke auf einen vorhandenen Block, um auf die Bearbeitungsoptionen zuzugreifen.

Hinzufügen von Layouts

Layouts erzeugen mehrspaltige Bereiche für den Inhalt, den du deiner E-Mail hinzufügst. Leere Layouts verfügen über Bereiche, in denen du Inhaltsblöcke nach Belieben platzieren kannst. Vorgefertigte Layouts enthalten ausgewählte Inhaltsblöcke, die dir den Einstieg erleichtern sollen.

Um deiner E-Mail ein Layout hinzuzufügen, klicke auf Add(Hinzufügen) und dann auf die Registerkarte Layouts . Ziehe den gewünschten Inhaltsblock​ per Drag-and-Drop direkt in dein Design.

Wenn du ein vorgefertigtes Layout hinzufügst, wählst du auch aus den verfügbaren Bild- und Textoptionen oder Text- und Textoptionen.

Nachdem du ein Layout hinzugefügt hast, positioniere deine Designs und Inhaltsblöcke in den Spalten.

Blöcke verschieben, entfernen oder duplizieren

Du kannst die meisten Inhaltsblöcke und Layouts in deiner Vorlage beliebig verschieben oder entfernen. Außerdem kannst du sie auch duplizieren, um genaue Kopien davon zu erstellen.

Um Blöcke und Layouts zu verschieben, zu entfernen oder zu duplizieren, klicke auf dasjenige, mit dem du arbeiten möchtest, um die Symbolleiste zu öffnen.

Klicke auf das Symbol Halten und ziehen , um den Inhaltsblock an eine neue Position in deinem E-Mail-Design zu verschieben. Klicke auf das Symbol Duplizieren , um eine genaue Kopie des Blocks oder Layouts zu erstellen. Klicke auf das Symbol Papierkorb , um den Block oder das ausgewählte Layout zu löschen.

Überprüfe unsere Vorschläge

Wenn du Inhalte zu deiner E-Mail hinzufügst, empfehlen wir dir Möglichkeiten, deine Nachricht zu verbessern. Wenn wir Probleme wie einen fehlerhaften Link oder Merge-Tag finden, markieren wir sie mit einem Ausrufezeichen. Klicke auf das Symbol, um unsere Vorschläge anzuzeigen.

Klicke auf den Tab Optimize (Optimieren), um die Problemtypen und die Gesamtanzahl nach Problemtyp anzuzeigen.

Während du die einzelnen Probleme behebst, wird diese Zahl aktualisiert. Ziehe den Schieberegler auf „Ein“ oder „Aus“, um zu steuern, welche Art von Vorschlägen angezeigt werden sollen. Weitere Informationen über den Tab „Optimize“ (Optimieren) findest du im Artikel Über den Content-Optimierer.

Änderungen rückgängig machen und wiederherstellen

Während du am Design und dem Inhalt deiner E-Mail arbeitest, kannst du alle Änderungen rückgängig machen und wiederherstellen.

Um eine Änderung rückgängig zu machen, klicke auf den Rückgängig-Pfeil .

Um eine Änderung wiederherzustellen, die du rückgängig gemacht hast, klicke auf den Wiederherstellen-Pfeil .

Vorschau und Test deiner E-Mail

Wenn du deine E-Mail komplett erstellt hast, bieten dir Vorschau und Test die Möglichkeit, sicherzustellen, dass du mit ihrem Design zufrieden bist. Weitere Informationen findest du in unserem Artikel Vorschau und Test deiner E-Mail-Kampagne.

Speichern und verlassen

Wenn du deine E-Mail fertig gestaltet hast, klicke auf Save and exit(Speichern und verlassen).

Gut gemacht! Du wirst zur Checkliste zurückgeleitet, wo du deine E-Mail nach Bedarf weiter einrichten kannst. Um dein E-Mail-Design wiederzuverwenden, kannst du es als Vorlage speichern und für andere Mailchimp-Accounts freigeben, mit denen du arbeitest.