Marketing-E-Mail-Content und -Design bearbeiten

Sie können den Drag-&-Drop-Editor für E-Mails verwenden, um Marketing-E-Mails zu erstellen, indem Sie vorgefertigte Module hinzufügen. Wenn Sie lieber Code-Vorlagen verwenden möchten, wird empfohlen, den klassischen Editor zu verwenden.

Dieser Artikel befasst sich mit der Bearbeitung von Content und Design einer Marketing-E-Mail. Erfahren Sie mehr über das Erstellen und Senden von Marketing-E-Mails. 

E-Mails im Drag-&-Drop-Editor für E-Mails bearbeiten

Im Drag-&-Drop-Editor können Sie eine Marketing-E-Mail erstellen, indem Sie vorgefertigte Module hinzufügen und neu anordnen. 

Module verwalten

1. Gehen Sie in Ihrem HubSpot-Account zum Menüpunkt Marketing und klicken Sie dann auf E-Mail.
2. Klicken Sie auf den Namen eines E-Mail-Entwurfs. 
3. Um der E-Mail ein neues Modul hinzuzufügen, klicken Sie auf das Modul und ziehen Sie es im Seitenleisten-Editor an die gewünschte Position in Ihrer E-Mail. 
4. So ordnen Sie Module in der E-Mail neu an:
   • Bewegen Sie den Mauszeiger über ein Modul, klicken Sie darauf und ziehen Sie es an eine andere Position.
   • Sie können Module rechts oder links von vorhandenen Modulen ziehen, um eine neue Spalte in diesem Abschnitt der E-Mail zu erstellen. 

5. Um die Inhalte eines Moduls zu bearbeiten, klicken Sie im E-Mail-Layout auf das Modul. Einige Module, z. B. Textbausteine , können direkt im Layout bearbeitet werden, während andere vollständig im Seitenleisten-Editor angepasst werden. 
6. Um ein Modul zu klonen, bewegen Sie den Mauszeiger über das Modul und klicken Sie dann auf das duplicate clone Symbol für Klonen.
7. Um ein Modul zu löschen, bewegen Sie den Mauszeiger über das Modul und klicken Sie dann auf das deletet Papierkorb-Symbol .
8. So blenden Sie ein Modul bei der Anzeige auf bestimmten Gerätetypen aus:
   • Wählen Sie oben den Gerätetyp aus, für den Sie das Modul ausblenden möchten.
   • Bewegen Sie den Mauszeiger in der E-Mail-Vorschau über das Element und klicken Sie dann auf das hide Symbol für Ausblenden. Erfahren Sie mehr über das Ausblenden von Modulen. 

E-Mail-Design bearbeiten

Sie können das Gesamtdesign Ihrer E-Mail sowie die Formatierungsoptionen für einzelne Module bearbeiten. 

1. Gehen Sie in Ihrem HubSpot-Account zum Menüpunkt Marketing und klicken Sie dann auf E-Mail.
2. Klicken Sie auf den Namen eines E-Mail-Entwurfs. 
3. Klicken Sie im E-Mail-Editor in der linken Seitenleiste auf das Vorlage-Design-Symbol.
4. Wählen Sie ein Format für Ihre E-Mail aus: 
   • Standard: das am besten anpassbare Format. Mit dem Standardformat können Sie benutzerdefinierte Spalten und Auffüllungen einrichten. 
   • Eingerahmt (Box): ein optimiertes Format, bei dem der gesamte Inhalt in eine einzige umrandete Fläche passt.
   • Einfach: ein vereinfachtes Layout ohne Spalten oder Auffüllungen. Klartext-E-Mails werden in erster Linie für die persönliche Kommunikation empfohlen. 

5. Legen Sie im Abschnitt Vorlage allgemeine Formatierungsrichtlinien für die E-Mail fest:
   • Textfarbe: Legen Sie die Hintergrundfarbe für den E-Mail-Text fest. Geben Sie einen Hex-Code ein oder klicken Sie auf die Farbauswahl und wählen Sie eine Farbe aus. 
   • Rahmenbreite: Wenn Sie ein Format vom Typ Eingerahmt (Box) verwenden, legen Sie die Rahmenbreite in Pixeln fest.
   • Farbe: Wenn Sie ein Format vom Typ Eingerahmt (Box) verwenden, legen Sie die Rahmenfarbe fest. Geben Sie einen Hex-Code ein oder klicken Sie auf die Farbauswahl und wählen Sie eine Farbe aus.
   • Hintergrundtyp: Legen Sie einen Hintergrund als Volltonfarbe oder als Muster fest.
   • Hintergrundfarbe/-muster: Wählen Sie eine Hintergrundfarbe oder ein Muster aus. Beim Festlegen eines Hintergrundmusters können Sie auch eine Hintergrundfarbe festlegen, die gerendert wird, wenn ein E-Mail-Client keine Hintergrundbilder darstellt. 
6. Legen Sie im Abschnitt Textstile Formatierungsrichtlinien für den E-Mail-Text fest. Sie können bestimmte Schriftarten sowie Schriftgrößen und -farben für Absatz-, H1- und H2-Text festlegen. Sie können auch eine Farbe und einen Stil für alle Links festlegen. 
7. Legen Sie im Abschnitt Schaltflächen Formatierungsrichtlinien für die E-Mail-Schaltflächen fest. Sie können den Radius und die Farbe der Schaltfläche festlegen. Für den Schaltflächentext können Sie eine Schriftart sowie Schriftfarbe, -größe und -stil festlegen. 
8. Legen Sie im Abschnitt Abgrenzungen Formatierungsrichtlinien für die E-Mail-Trennzeichen fest. Sie können die Höhe und Farbe der Trennlinie sowie ihren Stil (durchgezogen, gestrichelt oder gepunktet) festlegen. 
9. Legen Sie im Abschnitt Abstand Formatierungsrichtlinien für die E-Mail-Auffüllung fest.
   • Um die gleiche Auffüllung für alle Seiten zu übernehmen, aktivieren Sie das Kontrollkästchen Für alle Seiten übernehmen .
   • Um oben und unten in der E-Mail individuelle Auffüllung anzuwenden, geben Sie in jedem Feld einen Pixel-Wert ein.
   • Um die Auffüllung auf allen Mobilgeräten zu entfernen, aktivieren Sie das Kontrollkästchen Auffüllung auf Mobilgeräten entfernen. 

Gespeicherte Abschnitte im Drag-&-Drop-E-Mail-Editor verwenden

Mit gespeicherten Abschnitten können Sie einen Abschnitt einer Marketing-E-Mail speichern, um ihn in anderen Marketing-E-Mails wiederzuverwenden. Gespeicherte Bereiche sind nur für E-Mails verfügbar, die im Drag-&-Drop-Editor erstellt wurden. 

Einen Abschnitt bearbeiten

1. Gehen Sie in Ihrem HubSpot-Account zum Menüpunkt Marketing und klicken Sie dann auf E-Mail.
2. Klicken Sie auf den Namen eines E-Mail-Entwurfs. 
3. Klicken Sie in der E-Mail-Vorschau auf einen Abschnitt.
4. Legen Sie im Seitenleisten-Editor unterSichtbarkeit die Sichtbarkeit des Bereichs auf verschiedenen Geräten fest: 
   • Um die Sichtbarkeit des Abschnitts festzulegen, klicken Sie auf Einblenden oder Ausblenden. 

• • Um die Sichtbarkeit auf Mobilgeräten und Desktops getrennt festzulegen, deaktivieren Sie den Schalter Alle Geräte. Klicken Sie dann in den Abschnitten Desktop und Mobilgeräte auf Einblenden oder Ausblenden. 

5. Klicken Sie im Abschnitt Spalten auf eine Spaltenanordnung. Dies steuert die Anzahl und Größe der Spalten des Abschnitts. 
6. Wählen Sie im Abschnitt Spaltenausrichtung die Option Oben, Mitte oder Unten aus. Dies steuert die vertikale Ausrichtung der Module im Abschnitt. 
7. Wählen Sie im Abschnitt Stapelung das Stapelverhalten der Spalten aus. Damit wird gesteuert, wie die Module auf Mobilgeräten angezeigt werden. 
8. Im Abschnitt Hintergrund können Sie einen Hintergrund für die E-Mail festlegen. Deaktivieren Sie den Schalter Alle Geräte, um den Hintergrund für Mobilgeräte und Desktops separat festzulegen. 
9. Im Abschnitt Abstand können Sie dem Abschnitt eine obere und untere Auffüllung hinzufügen. Deaktivieren Sie den Schalter Alle Geräte, um die Auffüllung für Mobilgeräte und Desktops separat festzulegen. 

Einen Abschnitt speichern

1. Gehen Sie in Ihrem HubSpot-Account zum Menüpunkt Marketing und klicken Sie dann auf E-Mail.
2. Klicken Sie auf den Namen eines E-Mail-Entwurfs. 
3. Bewegen Sie den Mauszeiger in der E-Mail-Vorschau über einen Abschnitt und klicken Sie auf das saveEditableView Symbol für Speichern.

4. Geben Sie im Dialogfeld einen Namen für den Abschnitt ein und klicken Sie dann auf Speichern. 

Einen gespeicherten Abschnitt verwenden

1. Gehen Sie in Ihrem HubSpot-Account zum Menüpunkt Marketing und klicken Sie dann auf E-Mail.
2. Klicken Sie auf den Namen eines E-Mail-Entwurfs. 
3. Klicken Sie im E-Mail-Editor im Seitenleisten-Editor auf die Registerkarte Abschnitte. 
4. Klicken Sie auf einen gespeicherten Abschnitt und ziehen Sie ihn an die gewünschte Stelle in der E-Mail. 

Gespeicherte Abschnitte verwalten

1. Gehen Sie in Ihrem HubSpot-Account zum Menüpunkt Marketing und klicken Sie dann auf E-Mail.
2. Klicken Sie auf den Namen eines E-Mail-Entwurfs. 
3. Klicken Sie im E-Mail-Editor im Seitenleisten-Editor auf die Registerkarte Abschnitte. 
4. Klicken Sie unter Gespeicherte Bereiche auf Verwalten.

1. Im rechten Bereicht können Sie Ihre gespeicherten Abschnitte mit den Dropdown-Menüs Anzeigen und Sortieren filtern.
2. Klicken Sie auf das Dropdown-Menü Aktionen neben einem gespeicherten Abschnitt und wählen Sie aus den folgenden Optionen aus: 
   • Zu Favoriten hinzufügen: Fügen Sie diesen Abschnitt zu Ihren Favoritenabschnitten hinzu.
   • Ausblenden: Entfernen Sie diesen Abschnitt vom Seitenleisten-Editor. Sie können bei der Verwaltung von Abschnitten weiterhin darauf zugreifen, wenn Sie nach ausgeblendeten Abschnitten filtern. 
   • Anzeigen: Wenn Sie diesen Abschnitt ausgeblendet haben, stellen Sie ihn im Seitenleisten-Editor wieder her. 
   • Löschen: Löschen Sie diesen Abschnitt vollständig. Klicken Sie im Dialogfeld auf Abschnitt löschen, um den Löschvorgang zu bestätigen. Diese Aktion kann nicht rückgängig gemacht werden. Vorhandene E-Mails, die diesen Abschnitt verwenden, sind davon nicht betroffen. 

E-Mails im klassischen Editor bearbeiten

Im klassischen Editor können Sie E-Mails mit Vorlagen erstellen, die im Design-Manager erstellt wurden. 

E-Mail-Design bearbeiten

Um Designänderungen an einer E-Mail mit einer im Design-Manager erstellten Vorlage vorzunehmen, können Sie die Vorlage im Design-Manager bearbeiten

1. Gehen Sie in Ihrem HubSpot-Account zum Menüpunkt Marketing und klicken Sie dann auf E-Mail.
2. Klicken Sie auf den Namen eines E-Mail-Entwurfs. 
3. Klicken Sie im E-Mail-Editor in der linken Seitenleiste auf das Vorlage-Design-Symbol.
4. So bearbeiten Sie die Vorlage der E-Mail im Design-Manager:
   • Klicken Sie im Seitenleisten-Editor auf das Dropdown-Menü Aktionen und wählen Sie Diese Vorlage bearbeiten aus. 
   • Wählen Sie im Dialogfeld "Diese Vorlage bearbeiten " aus, um die für die aufgelisteten Elemente verwendete Vorlage zu bearbeiten, oder wählen Sie "Neue Vorlage klonen" aus &  , um eine Kopie der aktuellen Vorlage zu bearbeiten, die nur für diese E-Mail verwendet wird. 
5. Bearbeiten Sie im Design-Manager die Vorlage und klicken Sie dann oben rechts auf Änderungen veröffentlichen. 

Konvertieren von E-Mails zur Verwendung von Drag-&-Drop-Vorlagen

Wenn Ihre E-Mail eine im Layout-Editor erstellte Vorlage oder eine standardmäßig kodierte Vorlage anstelle einer benutzerdefinierten Vorlage verwendet, können Sie die E-Mail konvertieren, um stattdessen den Drag-&-Drop-Editor zu verwenden. 

1. Gehen Sie in Ihrem HubSpot-Account zum Menüpunkt Marketing und klicken Sie dann auf E-Mail.
2. Klicken Sie auf den Namen eines E-Mail-Entwurfs. 
3. Klicken Sie im Dialogfeld auf Vorschau der konvertierten E-Mail, um eine Vorschau der konvertierten E-Mail anzuzeigen. 
4. Klicken Sie auf In Drag-&-Drop konvertieren.