Eine E-Mail mit dem neuen Builder gestalten

Mit dem neuen E-Mail-Builder von Mailchimp kannst du schnell ansprechende Kampagnen 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 Marketing-E-Mail mit dem neuen Builder gestalten kannst.

Vor dem Start

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

• Der neue E-Mail-Builder ist ein Beta-Feature. Er ist derzeit für Standard-E-Mail und Customer Journey-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.
• 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).

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.
• Gespeicherte Vorlagen
  Dieses Tab enthält alle E-Mail-Designs, die du bereits als Vorlagen zur Verwendung in zukünftigen Kampagnen gespeichert hast. Wähle unter „Saved Templates“ (Gespeicherte Vorlagen) 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 neue Kampagne. 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 nicht gespeichert oder 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 Funktion ist für Accounts mit einem Standard- oder höheren Marketing-Tarif 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).

Im Pop-up-Dialogfenster Change Template (Vorlage ändern) hast du die Optionen Continue with your existing content (Mit deinem bestehenden Inhalt fortfahren) oder Start with a clean template(Mit einer neuen Vorlage beginnen).

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

Verwende die Optionen im Tab Styles (Stile), um die Standardstiloptionen für deine E-Mail für Desktop- und Mobilgeräte auszuwählen. 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 und die Trennlinien aus.

1. Klicke auf den Tab Style (Stil). 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 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 die Registerkarte Styles (Stile) und dann auf Mobile(Mobilgeräte).
   
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 Kampagne 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 Kampagne 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 erstellen Spaltenbereiche für den Inhalt, den du in deine E-Mail einfügst. Leere Layouts haben keine Inhaltsblöcke. Vorgefertigte Layouts enthalten Inhaltsblöcke, die dir den Einstieg erleichtern.

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, hast du die Auswahl zwischen den Optionen Image & Text (Bild und Text) oder Text & Text (Text und Text).

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.

So verschiebst, entfernst oder duplizierst du deine Blöcke oder Layouts:

1. Klicke auf den Block oder das Layout, die du bearbeiten möchtest.
2. Klicke in der Symbolleiste auf das Symbol Halten und ziehen , um den Inhaltsblock an eine neue Position in deinem E-Mail-Design zu verschieben.
   
3. Klicke auf das Symbol Papierkorb , um den ausgewählten Block oder das ausgewählte Layout zu löschen.
   
4. Klicke auf das Symbol Duplizieren , um eine genaue Kopie des ausgewählten Blocks oder Layouts zu erstellen.
   

Ü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 unseren Vorschlag 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 Kampagnen-Checkliste zurückgeleitet, wo du weiter deine E-Mail nach Bedarf einrichten kannst.