Zum Hauptinhalt
Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.
Email

Marketing-E-Mails im Drag-&-Drop-Editor für E-Mails erstellen

Zuletzt aktualisiert am: Mai 18, 2022

Produkte/Lizenzen

Alle

Der Drag-&-Drop-E-Mail-Editor von HubSpot bietet eine intuitive Benutzeroberfläche zum Skalieren der E-Mail-Marketingaktivitäten in Ihrem Unternehmen. Verwenden Sie Marketing-E-Mail-Kampagnen, um Updates mit Ihren Abonnenten zu teilen und Sonderangebote zu promoten.

Bitte beachten: Wenn Sie nicht den Drag-&-Drop-Editor für E-Mails verwenden, erfahren Sie in unserem Leitfaden mehr über das Erstellen und Senden von Marketing-E-Mails mit dem aktualisierten klassischen E-Mail-Editor.

Neue E-Mail erstellen

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > E-Mail.
  • Klicken Sie auf „E-Mail erstellen“.
  • Wählen Sie auf der Registerkarte „Drag-&-Drop“ je nach Art der E-Mail, die Sie erstellen möchten, eine passende Vorlage aus. Jede E-Mail-Vorlage verfügt über anpassbare Elemente wie Bilder und Textfelder, die in Abschnitte gruppiert sind.

E-Mail-Layout und -Content bearbeiten

Fügen Sie neue Elemente zu Ihrer E-Mail hinzu und passen Sie dann deren Erscheinungsbild, Layout und Content an.

Elemente hinzufügen und ihr Layout bearbeiten

  • Um Ihrer Vorlage weiteren Content hinzuzufügen, klicken Sie auf der Registerkarte „Content“ im linken Bereich auf ein Element und ziehen Sie es direkt in den E-Mail-Editor.
  • Um das Vorlagenlayout zu ändern, bewegen Sie den Mauszeiger über ein Element, und klicken Sie auf den blauen Rand links, um ihn an eine neue Position zu ziehen. Klicken Sie auf das Klonen-Symbol duplicate oder das Papierkorb-Symbol deletet, um das Element zu klonen bzw. zu löschen.

clone-delete-or-drag

  • Klicken Sie in der linken Seitenleiste auf die Registerkarte „Design“, um die Schriftarten, Überschriften, Farben, den Rahmen und den Abstand Ihrer Vorlage anzupassen.
new-design-tab
  • Klicken Sie gleich neben Ihren E-Mail-Content, um einen Abschnitt mit Elementen in der linken Seitenleiste auszuwählen. In den Abschnittseinstellungen können Sie:
    • Unter Spaltenlayout die Anzahl der Spalten und deren Anordnung in diesem Abschnitt festlegen.
    • Abstand, Farben und Muster für diesen Abschnitt Ihrer E-Mail anpassen.
  • Sie können auch die Spalteneinstellungen eines bestimmten Elements anpassen:
    • Klicken Sie auf das Element, das Sie anpassen möchten.
    • Um eine Spalte hinzuzufügen oder zu entfernen, klicken Sie auf das Plus-Symbol add oder Minus-Symbol minus links oder rechts neben dem Element.
    • Um den Abstand zwischen zwei Spalten zu ändern, klicken Sie auf das Handle dragHandle und ziehen Sie es nach links oder rechts.
  • Klicken Sie auf ein Element, um dessen Content anzupassen.
    • Bilder, Schaltflächen und Trennzeichen können im linken Bereich angepasst werden.
    • Textelemente können inline bearbeitet und mithilfe der Rich-Text-Symbolleiste mit Stilen versehen werden. Sie können Emojis in das Textfeld einfügen, indem Sie auf das Emoji-Symbol emoji klicken.

emoji%20in%20drag%20and%20drop%20editor

Bitte beachten: Wenn Ihre E-Mail größer als 102 KB ist, sehen Sie eine Warnung, dass Gmail einige Ihrer E-Mail-Inhalte für Ihre Empfänger abschneidet. Eine Überschreitung dieser Größenbeschränkung kann sich auf das Design der E-Mail, die Abmelde-Links sowie das für die Nachverfolgung von geöffneten E-Mails verwendete Pixel auswirken. Im Content-Editor und im Bereich „Überprüfen“ wird eine Warnung angezeigt, wenn die E-Mail wahrscheinlich abgeschnitten wird.

Speichern Sie einen Abschnitt zur Wiederverwendung in zukünftigen E-Mails (nur Marketing Hub Professional und Enterprise)

Wenn Sie einen Abschnitt angepasst haben und ihn für eine zukünftige E-Mail wiederverwenden möchten:

  • Bewegen Sie den Mauszeiger über den Abschnitt, den Sie speichern möchten, und klicken Sie auf das socialHeart Herz-Symbol.
marketing-email-save-section-1
  • Geben Sie im Dialogfeld einen Namen für den Abschnitt ein und klicken Sie dann auf „Speichern“. Der Abschnitt wird unter „Gespeicherte Abschnitte“ unten auf der Registerkarte „Content“ des E-Mail-Editors angezeigt.
  • Um Ihre gespeicherten Abschnitte zu überprüfen und zu organisieren, klicken Sie auf „Verwalten“:
    • Auf der rechten Seite können Sie nach einem Abschnitt suchen, indem Sie den Namen eines Abschnitts in der Suchleiste eingeben, oder auf die Dropdown-Menüs „Ansicht“ oder „Sortieren“ klicken, um Ihre gespeicherten Abschnitte zu filtern.
    • Sie können einen Abschnitt favorisieren, ausblenden oder löschen, indem Sie auf das Dropdown-Menü „Aktionen“ neben einem gespeicherten Abschnitt klicken und dann die entsprechende Aktion auswählen.

manage-marketing-email-sections

Fußzeile Ihrer E-Mail bearbeiten

Klicken Sie auf die Fußzeile, um die Informationen zu Ihrem Bürostandort zu bearbeiten. Klicken Sie in der linken Seitenleiste auf „Verwalten“, um Ihre Büroadresse zu aktualisieren. Aktualisieren Sie den Stil Ihres Texts in den Optionen Schriftart, Link-Schriftart und Ausrichten, und klicken Sie auf das Dropdown-Menü Abmelden, um einen Abmeldelinktyp auszuwählen.

Personalisierung hinzufügen

Sie können Ihren Text weiter personalisieren, indem Sie Werte direkt aus den Kontaktdatensätzen Ihrer E-Mail-Empfänger übertragen.

  • Klicken Sie in der Formatierungsleiste auf das Symbol „Personalisierungs-Token einfügen“ contacts.
  • Klicken Sie auf das Dropdown-Menü „Typ“, um auszuwählen, ob das Token vom Kontaktdatensatz oder seinem zugehörigen Unternehmensdatensatz bezogen wird.
  • Klicken Sie auf das Dropdown-Menü „Eigenschaft“, um auszuwählen, welcher Eigenschaftswert in den E-Mail-Text übertragen werden soll.
  • Geben Sie einen Standardwert ein, der für jeden Kontakt ohne Wert verwendet werden kann, und klicken Sie auf Speichern. Klicken Sie dann auf Einfügen, um das Token zum Text hinzuzufügen.

personalize-subject-line

Letzte Änderungen rückgängig machen

Wenn Sie beim Bearbeiten Ihrer E-Mail Fehler machen, können Sie sämtliche Ihrer letzten Änderungen rückgängig machen. Oder, wenn Sie eine gerade rückgängig gemachte Änderung wiederherstellen möchten, können Sie auch eine Änderung wiederherstellen, um wieder zurück zur letzten Version Ihrer E-Mail zu gelangen:

    • Klicken Sie oben links im Editor auf das Rückgängigmachen-Symbol, um die letzte Änderung rückgängig zu machen. Um wieder zurück zu einer gerade rückgängig gemachten Änderung zu gelangen, klicken Sie auf das Wiederherstellen-Symbol.
    • Der Editor unterstützt auch Standard-Tastenkombinationen In Windows können Sie Strg Z zum Rückgängigmachen und die UmschalttasteStrg + Z zum Wiederherstellen drücken. Unter Mac können Sie die Befehlstaste Z zum Rückgängigmachen und die UmschalttasteBefehlstaste + Z zum Wiederherstellen drücken.

dnd-email-editor-undo-redo


E-Mail-Einstellungen bearbeiten

Klicken Sie oben im Bildschirm auf die Registerkarte „Einstellungen“. Hier können Sie die folgenden Einstellungen anpassen:
  • Absendername: Der Name, den Ihre Empfänger bei Erhalt der E-Mail sehen.
    • Klicken Sie auf das Dropdown-Menü, um einen HubSpot-Nutzer in Ihrem Account auszuwählen, wählen Sie das {{ owner.first.name }} -Token für den automatischen Abruf von Vorname und Nachname des Nutzers aus, der als für den Kontakt zuständiger Mitarbeiter den einzelnen Empfängern zugewiesen ist, oder geben Sie einen neuen Namen ein.
    • Klicken Sie auf contacts „Personalisieren“, um mithilfe von Personalisierung einen als Eigenschaft im Kontaktdatensatz gespeicherten Namen zu übertragen.
  • Absenderadresse: Die E-Mail-Adresse, von der die E-Mail gesendet wird.
    • Klicken Sie auf das Dropdown-Menü, um eine Adresse auszuwählen, eine neue Adresse oder ein Personalisierungstoken hinzuzufügen oder vorhandene gespeicherte Adressen zu verwalten. 
      • Unter „E-Mail-Adressen“ können Sie die E-Mail-Adresse eines HubSpot-Benutzers in Ihrem Account auswählen.
      • Unter „Benutzerdefinierte Adressen“ können Sie eine benutzerdefinierte E-Mail-Adresse auswählen, z. B. einen Alias, der als allgemeine Kontaktadresse für Ihr Unternehmen dient (z. B. kontakt@ihrunternehmen.de). Sie können eine neue benutzerdefinierte Adresse hinzufügen, indem Sie unten im Dropdown-Menü auf „E-Mail-Adresse hinzufügen“ klicken.
      • Sie können auch ein Personalisierungstoken auswählen, z. B. {{ owner.email }}, um automatisch die E-Mail-Adresse des zuständigen Mitarbeiters in HubSpot für den Empfänger einzugeben. Sie können auch ein neues Personalisierungstoken hinzufügen, indem Sie unten im Dropdown-Menü auf „Personalisierungstoken hinzufügen“ klicken.
      • Wenn Sie ein Team-Postfach mit HubSpot verknüpft haben, können Sie die Posteingangsadresse unter HubSpot-Postfächer auswählen.
    • Wenn Sie E-Mail-Antworten an die Absenderadresse senden möchten, lassen Sie das Kontrollkästchen „Dies als meine Antwortadresse verwenden“ aktiviert.
    • Wenn E-Mail-Antworten an eine andere Adresse gehen sollen, deaktivieren Sie das Kontrollkästchen „Dies als meine Antwortadresse verwenden“ und geben Sie eine weitere E-Mail in das Feld „Antwortadresse“ ein.
  • Betreffzeile: Die E-Mail-Betreffzeile, die in einem Postfach angezeigt wird.
    • Geben Sie Ihren E-Mail-Betreff im Feld „Betreffzeile“ ein.
    • Klicken Sie auf das Emoji-Symbol emoji, um Ihrer Betreffzeile Emojis hinzuzufügen.
    • Klicken Sie auf test Smart, um die Betreffzeile als intelligent festzulegen (nur Marketing Hub Professional und Enterprise).
    • Klicken Sie auf contacts „Personalisieren“, um ein Personalisierungs-Token einzufügen.
  • Vorschautext: Fügen Sie Vorschautext hinzu, der im Postfach in der Regel neben der E-Mail-Betreffzeile angezeigt wird.
  • Interner E-Mail-Name: Der interne Name der E-Mail, der im E-Mail-Dashboard angezeigt wird. Dieser Name ist für E-Mail-Empfänger nicht sichtbar.
  • Abonnementtyp: Wählen Sie den E-Mail-Abonnementtyp aus. Erfahren Sie mehr über das Erstellen und Verwenden von Abonnementtypen.
  • Kampagne: Wählen Sie eine Kampagne aus, der die E-Mail zugeordnet werden soll.
  • Sprache: Wählen Sie die Sprache für den E-Mail-Fußzeilentext und den Linktext für die Webversion am unteren Rand der E-Mail aus.

Klicken Sie auf „> Erweiterte Einstellungen“, um den Abschnitt zu erweitern. Hier können Sie die folgenden Einstellungen anpassen:

  • Webversion: (nur Marketing Hub Basic, Professional und Enterprise) Klicken Sie auf den Schalter „Webversion“, um eine Webversion der E-Mail zu aktivieren.
    • Seitentitel: Der Text der Webversion, die in der Browser-Titelleiste und in den Suchergebnissen angezeigt wird.
    • Seiten-URL: Die URL der Webversion. Klicken Sie auf das Dropdown-Menü für die Domain, um eine verknüpfte Domain auszuwählen. Geben Sie im Textfeld die Seitenkennung ein. Verwenden Sie nur den Schrägstrich („/“) für eine Veröffentlichung auf der Startseite der Domain.
    • Meta-Beschreibung: Die Meta-Beschreibung der Webversion.
    • (Optional) Seite an einem bestimmten Datum ablaufen lassen: Aktivieren Sie das Kontrollkästchen Seite an einem bestimmten Datum ablaufen lassen, wenn Sie die Webversion der E-Mail ab einem geplanten Datum und einer geplanten Uhrzeit an eine HubSpot-Seite oder eine externe URL weiterleiten möchten.
  • Klartext anpassen: HubSpot erstellt automatisch eine Klartextversion Ihrer E-Mail, die gesendet wird, wenn der Empfänger die Rich-Text-Version nicht empfangen kann. Klicken Sie auf Klartext anpassen, um den Inhalt der Klartextversion zu bearbeiten.

(Optional) A/B-Test für Ihre E-Mail (nur Marketing Hub Professional und Enterprise)

  • Klicken Sie oben links im Editor auftest „Test durchführen“.
  • Geben Sie im Dialogfeld einen Namen für jede Version Ihrer E-Mail ein.
  • Konfigurieren Sie Ihre Testoptionen:
    • A/B-Verteilung: Legen Sie mithilfe des Schiebereglers fest, welcher Prozentsatz der Kontakte Variante A und welcher Variante B erhält. Sie können auch festlegen, dass Variante an 50 % und Variante B ebenfalls an 50 % gesendet wird. Dadurch erhält eine Hälfte der Kontakte in der Liste eine E-Mail-Variante, und die andere Hälfte der Kontakte bekommt die andere E-Mail. Nach dem Senden können Sie die Statistiken der beiden E-Mails vergleichen und feststellen, welche erfolgreicher war.
    • Gewinnerkennzahl: Wenn Sie beschlossen haben, die Varianten A und B jeweils an eine kleinere Gruppe zu senden und die besser abschneidende Version dann an die restlichen Empfänger zu senden, klicken Sie auf das Dropdown-Menü Gewinnerkennzahl, um die Kennzahl auszuwählen, anhand derer die bessere Variante ausgewählt werden soll: Öffnungsrate, Klickrate oder Klickrate (CTR).
    • Testdauer: Verwenden Sie den Schieberegler, um einen Zeitraum für das Sammeln von Daten festzulegen, bevor Sie einen Gewinner auswählen und die Gewinnervariante senden. Ihr A/B-Test kann bis zu 100 Stunden ausgeführt werden. Wenn die Testergebnisse nach der Testdauer nicht eindeutig sind, wird die Variante A an die verbleibenden Empfänger gesendet.
  • Klicken Sie auf „Test erstellen“.

create-a-b-email-test-dialog-box

Bitte beachten: Ein A/B-Test mit 50/50-Teilung kann mit jeder Stichprobengröße durchgeführt werden. Bei allen anderen Stichprobenaufteilungen ist eine Liste mit mindestens 1000 Empfängern erforderlich, ausschließlich aller Kontakte, bei denen ein Hard Bounce zurückgegeben wurde oder die sich abgemeldet haben.


Nach dem Erstellen beider Versionen Ihrer A/B-Test-E-Mail können Sie jederzeit zwischen den beiden wechseln, oder Ihre Testoptionen aktualisieren.

  • Klicken Sie oben links im Content-Editor auf den Namen der E-Mail-Version.
  • Um die andere Version Ihrer E-Mail zu bearbeiten, wählen Sie den Namen der anderen Version aus.
  • Wenn Sie eine Ihrer A/B-Testoptionen ändern müssen, klicken Sie auf „Test verwalten“.

switch-email-versions

E-Mail in einer Vorschau anzeigen oder testen

Bevor Sie Ihre E-Mail senden oder planen, können Sie in einer Vorschau überprüfen, wie die E-Mail Ihren Empfängern auf verschiedenen Gerätetypen angezeigt wird. Sie können auch eine Test-E-Mail an sich oder einen anderen Nutzer in Ihrem Account senden.
  • Klicken Sie oben rechts auf das Dropdown-Menü „Aktionen“ und wählen Sie „Vorschau“ aus. 
    • Auf der Registerkarte Geräte können Sie überprüfen, wie Ihre E-Mail auf einem Desktop oder einem Mobilgerät angezeigt wird. In der Standardeinstellung wird Ihre E-Mail mit Standardwerten für die Personalisierung angezeigt. Klicken Sie auf das Dropdown-Menü „Vorschau für einen bestimmten Kontakt anzeigen“, um Ihre E-Mail in einer Vorschau als spezifischen Kontakt anzuzeigen.
    • Klicken Sie auf die Registerkarte „Clients“, und aktivieren Sie die Kontrollkästchen für alle E-Mail-Clients, die Sie testen möchten. Klicken Sie anschließend auf „Meine E-Mail jetzt testen“. Am Ende der Liste mit Clients können Sie die Ergebnisse früherer Client-Tests für die E-Mail anzeigen.

Bitte beachten: Marketing Hub Starter-Nutzer haben keinen Zugriff auf die Vorschau von E-Mail-Clients.

preview-email-dnd-gif
  • Wenn Sie einen Marketing Hub Starter-, Professional- oder Enterprise-Account haben, können Sieeine Test-E-Mail senden, um zu überprüfen, ob der Inhalt wie erwartet im Posteingang des Empfängers erscheint:
    • Klicken Sie oben rechts auf das Dropdown-Menü „Aktionen“ und wählen Sie „Test-E-Mail senden“ aus.
    • Klicken Sie im Fenster rechts auf das Dropdown-Menü „Einen oder mehrere Empfänger auswählen“, um den oder die Empfänger für Ihre Test-E-Mail auszuwählen.
    • (Optional) Klicken Sie auf das Dropdown-Menü „Empfang der E-Mail als spezifischer Kontakt“, um in einer Vorschau anzuzeigen, wie die E-Mail für einen bestimmten Kontakt angezeigt wird. Dies ist nützlich beim Testen Ihrer Personalisierung.
    • Klicken Sie auf „Test-E-Mail senden“.

  • Um Ihre E-Mail in eine automatisierte E-Mail zu konvertieren, die in Workflows verwendet werden kann, klicken Sie auf das Dropdown-Menü „Aktionen“ und wählen Sie die Option „In automatisierte E-Mail konvertieren“ aus.

E-Mail senden oder planen

Klicken Sie oben im Bildschirm auf die Registerkarte „Senden oder planen“, um Ihre E-Mail-Empfänger auszuwählen und Ihre Versandoptionen festzulegen.

email-send-or-schedule-summary-tab

  • So konfigurieren Sie Ihre E-Mail-Empfänger:
    • Klicken Sie auf das Dropdown-Menü „Senden an“ und wählen Sie die Listen und/oder einzelne Kontakte aus, um sie zur Empfängerliste hinzuzufügen.
    • Klicken Sie auf das Dropdown-Menü „Nicht senden an“ und wählen Sie die Listen und/oder einzelnen Kontakte aus, um sie von der Empfängerliste auszuschließen.
    • Klicken Sie auf das Kontrollkästchen „Nicht an Kontakte ohne Interaktion senden“, um inaktive Kontakte auszuschließen. Diese Funktion sollten am besten verwendet werden, nachdem Sie bereits eine Reihe von E-Mail-Kampagnen von HubSpot aus gesendet haben, damit Daten zur Identifizierung Ihrer Kontakte ohne Interaktion vorhanden sind.
    • Unter „Geschätzte Empfänger“ können Sie in einer Vorschau anzeigen, wie viele Kontakte Ihre E-Mail basierend auf den Listen und einzelnen Kontakten, die Sie ausgewählt haben, erhalten.
  • Wählen Sie aus, wann Ihre E-Mail gesendet werden soll, indem Sie eine Versandoption auswählen:
    • Jetzt senden: Ihre E-Mail wird sofort gesendet.
    • Für einen späteren Zeitpunkt planen: Senden Sie Ihre E-Mail zu einem bestimmten Datum und einer bestimmten Uhrzeit:
      • Klicken Sie auf die Dropdown-Menüs „Datum“ und „Uhrzeit“, um Ihre E-Mail zu planen. Standardmäßig werden E-Mails basierend auf der Zeitzone Ihres HubSpot-Accountsgesendet. Um die optimale Sendezeit auf Grundlage einer bestimmten Zeitzone Ihrer Empfänger manuell zu konfigurieren, können Sie einen Zeitzonenumrechner verwenden.
      • Wenn Sie Ihre E-Mail an einen Kontakt basierend auf dessen Zeitzone anstatt der Zeitzone Ihres HubSpot-Accounts senden möchten, aktivieren Sie das Kontrollkästchen „Stattdessen basierend auf den Zeitzonen der Kontakte senden“. Wenn für einen Kontakt die Eigenschaft „IP-Zeitzone“ nicht in seinem Datensatz eingetragen ist, wird der Zeitpunkt des Sendens standardmäßig auf die Zeitzone Ihres Accounts festgelegt.
email-scheduling-options-1
  • Um die E-Mail in einem Workflow zu verwenden, klicken Sie auf das Dropdown-Menü „Aktionen“ und wählen „In automatisierte E-Mail konvertieren“ aus.
  • Klicken Sie oben rechts auf „Überprüfen und senden“. Im rechten Bereich können Sie sich um Fehler oder Warnungen, die Sie vor dem Versand Ihrer E-Mail beheben müssen.
  • Nachdem Sie Ihre E-Mail gesendet oder geplant haben, können Sie sie an weitere Empfänger senden, wenn Sie diese beim ersten Versenden der E-Mail vergessen haben:
    • Gehen Sie in Ihrem HubSpot-Account zu Marketing > E-Mail.
    • Klicken Sie auf den Name nder gesendeten oder geplanten E-Mail, die an zusätzliche Empfänger gesendet werden soll.
    • Klicken Sie oben rechts auf das Dropdown-Menü „Aktionen“ und wählen Sie dann „An weitere senden“ aus.
    • Klicken Sie auf das Dropdown-Menü „Senden an“ und wählen Sie die Listen und/oder einzelne Kontakte aus, um sie zur Empfängerliste hinzuzufügen.
    • Klicken Sie auf das Dropdown-Menü „Nicht senden an“ und wählen Sie die Listen und/oder einzelnen Kontakte aus, um sie von der Empfängerliste auszuschließen.
    • Klicken Sie auf das Kontrollkästchen „Nicht an Kontakte ohne Interaktion senden“, um inaktive Kontakte auszuschließen.
    • Klicken Sie auf „Senden“.

Weiterführende Literatur

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.