E-Mail-Inhalte mit dem Drag & Drop-Editor erstellen

Der Drag & Drop-E-Mail-Editor ermöglicht es Ihnen, E-Mails einfach zu gestalten, ohne Programmier- oder Designkenntnisse zu benötigen. Er bietet eine breite Palette von Inhaltselementen und Layouts, die auf Ihre spezifischen Anforderungen zugeschnitten sind.

Im Drag & Drop-E-Mail-Editor können Sie entweder von Grund auf neu beginnen oder aus einer Vielzahl von vorgefertigten Vorlagen wählen. Es gibt fertige Vorlagen für gängige Szenarien wie verlassene Warenkörbe, Terminerinnerungen, Bestellbestätigungen und Re-Engagement. Sie können diese Vorlagen einfach bearbeiten und an Ihre Bedürfnisse anpassen.

Wenn Sie die volle Kontrolle über Ihr Design bevorzugen, wählen Sie Leere Vorlage, um eine vollständig angepasste E-Mail von Grund auf zu erstellen.

E-Mail-Vorlage im Pushwoosh-Editor auswählen

Wichtige Registerkarten im Drag & Drop-Editor

Der Drag & Drop-Editor besteht aus vier wichtigen Registerkarten:

Inhalt

Diese Registerkarte ermöglicht es Ihnen, ein E-Mail-Layout durch Einfügen verschiedener Inhaltselemente zu erstellen.

Blöcke

Erstellen Sie einzigartige Layouts mit vorgefertigten Blöcken. Sie können so viele wie nötig zu Ihrer E-Mail hinzufügen, um ein personalisiertes Aussehen zu erzielen.

Body

In dieser Registerkarte verwalten Sie die allgemeinen Einstellungen Ihrer E-Mail, einschließlich des Preheaders, des Textes und der Linkformatierung.

Bilder

Diese Registerkarte ermöglicht es Ihnen, nach Stock-Bildern zu suchen oder einzigartige Bilder mit KI zu generieren.

E-Mail-Layout anpassen

Gehen Sie zuerst zur Registerkarte Blöcke, um eine Grundstruktur für Ihre E-Mail zu erstellen.

Der Drag & Drop-E-Mail-Editor bietet die Flexibilität, ein E-Mail-Layout an Ihre Bedürfnisse anzupassen. Sie können so viele Zeilen wie nötig hinzufügen, mit unterschiedlicher Anzahl von Spalten.

Um ein E-Mail-Layout zu erstellen, ziehen Sie die Blöcke aus dem Editor-Panel in den E-Mail-Body.

In der Registerkarte Blöcke haben Sie die Möglichkeit, Eigenschaften für Spalten und Zeilen festzulegen.

Für Spalten können Sie Folgendes anpassen:

Hintergrundfarbe
Innenabstand (Padding)
Rahmen

Für Zeilen können Sie Folgendes festlegen:

Hintergrundfarbe
Inhalts-Hintergrundfarbe
Hintergrundbild. Sie können entweder ein Bild hochladen, eines aus einer Stockfoto-Bibliothek auswählen oder eine benutzerdefinierte Bild-URL angeben.

E-Mail-Inhalt erstellen

Nachdem Sie die Grundstruktur Ihrer E-Mail erstellt haben, ist es an der Zeit, Inhalte hinzuzufügen.

In der Registerkarte Inhalt können Sie verschiedene Inhaltselemente in Ihre E-Mail einfügen, darunter:

Überschrift
Text
Bild
Button
HTML
Trennlinie
Menü
Abmeldelink

Um diese Inhaltselemente in Ihre E-Mail einzufügen, wählen Sie einfach ein Element aus dem Menü aus und ziehen Sie es nach links in die E-Mail.

Eine Überschrift hinzufügen

Um eine Überschrift einzufügen, ziehen Sie einfach das Überschrift-Element in den E-Mail-Body.

Sie können Ihre Überschrift schreiben oder unser Smart Headings AI-Tool verwenden, um Ihnen bei der Erstellung effektiver Überschriften zu helfen. Klicken Sie dazu auf Vorschläge erhalten und geben Sie ein paar Wörter ein. Das Tool wird verschiedene Überschriftenoptionen vorschlagen.

Zusätzlich können Sie eine gewünschte Tonalität für Ihre Überschrift auswählen.

Tonalität für KI-generierte Überschrift auswählen

Wenn Sie mit den Ergebnissen nicht zufrieden sind oder mehr Überschriftenoptionen zur Auswahl benötigen, klicken Sie einfach auf die Aktualisieren-Schaltfläche.

Wenn Sie auf die Überschrift im E-Mail-Body klicken, erscheint eine Formatierungs-Symbolleiste, mit der Sie Formatierungsstile auswählen, Links hinzufügen oder Emojis einfügen können.

Die Überschrift personalisieren

Sie können Ihre Überschrift auch direkt aus der Symbolleiste personalisieren. Wählen Sie dazu einfach Merge-Tags und wählen Sie im Dropdown-Menü das Tag aus, das Sie in Ihre Überschrift einfügen möchten.

Im rechten Bereich haben Sie außerdem die Flexibilität, verschiedene Texteinstellungen anzupassen, wie zum Beispiel:

Überschriftenebene
Schriftfamilie, -gewicht und -größe
Textfarbe
Textausrichtung
Zeilenhöhe
Link-Stile
Innenabstand (Padding)
Responsives Design und mehr.

Text hinzufügen

Um Text in Ihre E-Mail einzufügen, ziehen Sie das Text-Element in den E-Mail-Body und geben oder fügen Sie dann Ihren Text ein. Wenn Sie Inhalte einfügen, können Sie wählen, ob Sie die Formatierung Ihres Textes beibehalten oder entfernen möchten.

Wenn Sie auf den Text klicken, erscheint eine Symbolleiste, die Optionen zur Formatierung des Textes bietet.

Den Text personalisieren

Um Ihren Text zu personalisieren, klicken Sie in der Symbolleiste auf Merge-Tags und wählen Sie das Tag aus, das Sie aus dem Dropdown-Menü einfügen möchten.

Um die Qualität Ihres Schreibens mit KI zu verbessern, wählen Sie Smart Text in der Symbolleiste und wählen Sie eine bestimmte Art und Weise, wie KI Ihnen bei Ihrem Text helfen soll.

Bilder hinzufügen

Um ein Bildelement in Ihre E-Mail einzufügen, ziehen Sie das Bild-Element an die gewünschte Stelle in Ihrer E-Mail.

Sie haben mehrere Möglichkeiten, ein Bild hinzuzufügen:

Um ein Bild hochzuladen, klicken Sie im rechten Bereich auf Bild hochladen.
Fügen Sie einen Link zu einem Bild, das Sie verwenden möchten, in das Feld Bild-URL ein.
Um ein Bild aus Stockfotos auszuwählen, klicken Sie auf Weitere Bilder und wählen Sie dann Stockfotos, um das gewünschte Foto zu finden.

Sie können auch das Magic Image AI-Tool nutzen, um die einzigartigen Bilder zu generieren, die Sie benötigen.

Um Effekte zu Ihren Bildern hinzuzufügen, klicken Sie im rechten Bereich auf Effekte anwenden. Wählen Sie im Popup-Fenster den gewünschten Effekt für das Bild aus und klicken Sie auf Speichern, um ihn anzuwenden.

Sie können auch den Verlauf der an dem Bild vorgenommenen Änderungen überprüfen und diese rückgängig machen, indem Sie auf das Verlauf-Symbol oben klicken.

Buttons hinzufügen

Um einen Button in Ihre E-Mail einzufügen, ziehen Sie das Button-Element aus dem rechten Bereich des Editors.

Sie können entweder Ihren eigenen Button-Text eingeben oder das Smart Buttons AI-Tool verwenden, um den Text für Sie zu generieren.

Geben Sie als Nächstes den Aktionstyp für den Button an, wenn er geklickt wird, und geben Sie eine URL und einen Ziel-Tab an.

Zusätzlich haben Sie die Möglichkeit, die Button-Optionen, Abstandseinstellungen und responsive Designeinstellungen zu konfigurieren.

HTML hinzufügen

Sie haben auch die Möglichkeit, HTML-Code in Ihre E-Mail einzubinden. Ziehen Sie dazu das HTML-Element nach links und fügen Sie den Code in das HTML-Feld im rechten Bereich ein.

Menüs hinzufügen

Sie können ein interaktives Menü in Ihre E-Mail einbinden, um die Navigation zu vereinfachen und die Klickraten zu erhöhen, indem Sie den Empfängern eine organisierte und ansprechende Methode zur Erkundung Ihrer Inhalte bieten.
Ziehen Sie dazu das Menü-Element in den E-Mail-Body und fügen Sie Menüpunkte hinzu. Geben Sie dann den Text für jeden Menüpunkt an, fügen Sie die URL ein und wählen Sie den Ziel-Tab aus.

Sie können auch Stile anpassen, den Innenabstand des Containers anpassen und entscheiden, ob das Menü auf mobilen oder Desktop-Geräten angezeigt werden soll.

Trennlinien hinzufügen

Um Ihre E-Mail gut zu strukturieren und die wichtigsten Blöcke hervorzuheben, verwenden Sie Trennlinien. Eine Trennlinie ist eine Linie, die Sie zwischen Elementblöcken platzieren können.

Um eine Trennlinie hinzuzufügen, ziehen Sie das Trennlinie-Element aus dem rechten Bereich und passen Sie dessen Erscheinungsbild an.

Einen Timer hinzufügen

Das Timer-Element ermöglicht es Ihnen, einen Countdown für zeitlich begrenzte Angebote oder bevorstehende Ereignisse anzuzeigen. Es ist eine großartige Möglichkeit, Dringlichkeit zu erzeugen und Benutzer zu ermutigen, vor Ablauf der Zeit zu handeln. So fügen Sie einen Timer hinzu:

Ziehen Sie das Timer-Element in Ihr E-Mail- oder Nachrichtenlayout.
Legen Sie das Enddatum und die Endzeit für den Countdown fest.
Wählen Sie die Zeitzone, damit der Countdown für Ihr Publikum korrekt angezeigt wird.
Wählen Sie eine Sprache für die Bezeichnungen der Zeiteinheiten (Tage, Stunden, Minuten, Sekunden).
Schalten Sie die Bezeichnungen ein oder aus, je nachdem, ob Sie die Namen der Einheiten anzeigen möchten.
Passen Sie das Erscheinungsbild des Timers an Ihr Design an.

Links hinzufügen

Um einen Link zu Ihrer E-Mail hinzuzufügen, wählen Sie den Text aus, in den Sie den Link einfügen möchten, und klicken Sie dann auf das Link-Symbol in der Symbolleiste.

Wählen Sie im Dropdown-Menü Aktionstyp:

Website öffnen
Link zur Verwaltung der Voreinstellungen
Abmeldelink
Web-Version-Link
Keine Statistiken verfolgen

Website öffnen

Wählen Sie diese Option, um einen Hyperlink einzufügen, der den Empfänger zu einer externen Website leitet. Wenn darauf geklickt wird, wird der Empfänger zu der von Ihnen angegebenen Webseite weitergeleitet.

Geben Sie im Feld URL die vollständige Webadresse der Website ein, zu der Sie verlinken möchten.

Stellen Sie die Ziel-Option ein, um zu definieren, wie der Link geöffnet wird:

Neuer Tab: Der Link wird in einem neuen Browser-Tab geöffnet.
Gleicher Tab: Der Link ersetzt die aktuelle Seite im selben Tab.

Link zur Verwaltung der Voreinstellungen

Wählen Sie diese Option, um einen Link zum Abonnement-Präferenzcenter hinzuzufügen, wo Empfänger auswählen können, welche E-Mail-Kategorien sie erhalten. Der Link wird automatisch eingefügt.

Abmeldelink

Fügen Sie einen Abmeldelink in Ihre E-Mail ein, damit sich Empfänger gemäß den Vorschriften und ihren Präferenzen abmelden können.

So fügen Sie den Abmeldelink hinzu:

Markieren Sie den Text, den Sie als Link verwenden möchten.
Klicken Sie auf das Link-Symbol in der Formatierungs-Symbolleiste.
Wählen Sie im Fenster Link einfügen/bearbeiten im Dropdown-Menü Aktionstyp die Option Abmeldelink.
Geben Sie optional eine URL in Weiterleitung (optional) ein, um Benutzer nach der Abmeldung auf Ihre eigene Seite zu leiten.
Klicken Sie auf Speichern.

Modal „Link einfügen/bearbeiten“ mit Aktionstyp auf „Abmeldelink“ und optionalem Weiterleitungsfeld

Sie können den Link auch direkt im HTML-Block hinzufügen:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%> Abmelden </a>

Der Platzhalter %%PW_EMAIL_UNSUBSCRIBE%% wird durch die Pushwoosh-Abmelde-URL ersetzt, wenn die E-Mail gesendet wird.

Was passiert, wenn der Empfänger auf den Link klickt

Wenn das Abonnement-Präferenzcenter aktiviert ist, wird der Benutzer nur von der Kategorie abgemeldet, die dieser E-Mail zugewiesen ist (z. B. Newsletter). Ein Bestätigungsbildschirm mit den Optionen Erneut abonnieren und Voreinstellungen verwalten wird angezeigt. Erfahren Sie mehr.

Wenn das Abonnement-Präferenzcenter nicht aktiviert ist, wird der Benutzer von allen Marketing-E-Mails abgemeldet.

Klicks werden in der Abmelderate im Nachrichtenverlauf gezählt.

Web-Version-Link

Wählen Sie diese Option, um den Empfängern den Zugriff auf eine Web-Version Ihrer E-Mail zu ermöglichen, was nützlich sein kann, wenn Empfänger Schwierigkeiten haben, die E-Mail in ihrem Posteingang anzuzeigen.

Um diese Funktion zu aktivieren, kontaktieren Sie bitte unser Support-Team.

Keine Statistiken verfolgen

Verwenden Sie diese Option, wenn Sie nicht möchten, dass das System Klicks oder Interaktionen mit dem Link verfolgt. Es werden keine Tracking-Daten erfasst, wenn Empfänger mit diesem Link interagieren.

Einen Preheader hinzufügen

Über die Registerkarte Body haben Sie die Möglichkeit, einen Preheader hinzuzufügen. Dies ist ein kurzer Zusammenfassungstext, der nach der Betreffzeile erscheint, wenn Empfänger die E-Mail in ihrem Posteingang ansehen.

Inhaltsblöcke für die zukünftige Verwendung speichern

Beim Entwerfen Ihrer E-Mail-Inhalte können Sie bestimmte Inhaltsblöcke für die zukünftige Verwendung speichern.

Sobald Sie den Block fertiggestellt haben, klicken Sie auf die Option Block speichern.

Geben Sie im Pop-up-Fenster einen Kategorienamen ein, um Ihre Blöcke zu organisieren (z. B. “Aktionen”, “Newsletter”). Fügen Sie relevante Tags hinzu, getrennt durch Kommas (z. B. “verkauf, rabatt, sommer”), um Ihre Blöcke zu kategorisieren und zu durchsuchen.

Nachdem Sie die Kategorie und die Tags eingegeben haben, klicken Sie auf die Schaltfläche Speichern, um den Block für die zukünftige Verwendung zu speichern.

Sie können nun auf Ihre gespeicherten Blöcke im Bereich Blöcke des E-Mail-Editors zugreifen. Dies ermöglicht es Ihnen, Inhalte einfach über verschiedene E-Mail-Kampagnen hinweg wiederzuverwenden.

Allgemeine Inhaltseinstellungen konfigurieren

Zusätzlich können Sie in der Registerkarte Body die allgemeinen Einstellungen für Ihre E-Mail konfigurieren, einschließlich Elemente wie Textfarbe, Hintergrundfarbe, Inhaltsbreite, Ausrichtung, Schriftfamilie und -gewicht usw.

Zugriff auf eine riesige Bildbibliothek

In der Registerkarte Bilder haben Sie Zugriff auf eine riesige Bibliothek von Bildern von Unsplash, Pexels und Pixabay, die alle unter Creative Commons Zero lizenziert sind. Sie können auch benutzerdefinierte Bilder mit dem Magic Images-Tool generieren.

Um ein Bild in Ihre E-Mail einzufügen, ziehen Sie es einfach an die gewünschte Stelle auf der rechten Seite.

Vorschau und Speichern Ihrer E-Mail

Wenn Ihr E-Mail-Inhalt fertig ist, können Sie sehen, wie er aussehen wird, indem Sie auf das Vorschau-Symbol am unteren Rand des Editors klicken. Hier können Sie Vorschauen für Desktop-, Tablet- und Mobilgeräte sehen sowie überprüfen, wie Ihre E-Mail im Dunkel- und Hellmodus aussehen wird.

Nachdem Sie Ihre E-Mail fertig erstellt haben, klicken Sie auf die Schaltfläche Speichern oben im Editor.

Geben Sie Ihrer E-Mail im Pop-up-Fenster einen klaren Namen, der mit Ihrer Betreffzeile identisch sein kann. Erstellen Sie auch ein Label, damit Sie Ihre E-Mail leicht in der Liste der E-Mail-Inhalte finden können. Wenn Sie die Absenderdetails noch nicht eingerichtet haben, stellen Sie sicher, dass Sie dies ebenfalls tun. Klicken Sie dann auf Speichern.

Jetzt, da Ihr E-Mail-Inhalt fertig ist, kann er in E-Mail-Kampagnen verwendet werden. Erfahren Sie mehr darüber, wie Sie ihn verwenden

Eine Test-E-Mail senden

Bevor Sie Ihre E-Mail-Kampagne versenden, können Sie eine Test-E-Mail senden, um eine Vorschau zu erhalten, wie der Inhalt in den Posteingängen der Empfänger erscheinen wird. Dies ermöglicht es Ihnen, das Layout, den Inhalt und alle personalisierten Elemente zu überprüfen, um die Genauigkeit vor der Finalisierung der Kampagne sicherzustellen. Passen Sie den Inhalt bei Bedarf basierend auf den Testergebnissen an.

Um eine Test-E-Mail zu senden, klicken Sie im E-Mail-Editor auf Test-E-Mail.

Im sich öffnenden Fenster:

Geben Sie im Feld E-Mail-Adresse die E-Mail-Adresse ein, an die Sie die Test-E-Mail erhalten möchten.

Wenn KYC nicht abgeschlossen wurde, müssen Sie eine verifizierte E-Mail-Adresse aus der Liste der Testadressen auswählen, anstatt eine E-Mail einzugeben.

Verifizierte Test-E-Mail-Adresse auswählen

Wenn Ihre E-Mail dynamische Inhaltsfelder enthält (wie first name, city oder favourite_category), können Sie eine Vorschau der Personalisierung anzeigen, indem Sie manuelle Testwerte eingeben. Aktivieren Sie die Felder, die Sie testen möchten, und geben Sie dann Beispielwerte ein.

Zum Beispiel:

City (string): New York

Favourite_category (string): Sushi

First name (string): John

Sobald Sie die erforderlichen Details ausgefüllt haben, klicken Sie auf Test-E-Mail senden, um die Testnachricht an die angegebene E-Mail-Adresse zu senden.