# E-Mail-Inhalte mit dem HTML-Code-Editor erstellen
Wenn Sie sich mit HTML auskennen und es vorziehen, Ihren eigenen Code zu schreiben, können Sie E-Mails mit dem HTML-Code-Editor von Pushwoosh erstellen.
## E-Mail-Inhalte erstellen
Um mit der Erstellung von E-Mail-Inhalten zu beginnen, fügen Sie Ihren HTML-Code in den HTML-Tab ein. Der Editor bietet Echtzeit-Vorschauen der E-Mail, während Sie daran arbeiten.
Alternativ können Sie eine HTML-Datei hochladen, indem Sie auf **HTML-Datei hochladen** im unteren Bereich klicken.
Um Ihren E-Mails eine persönliche Note zu verleihen, verwenden Sie benutzerdefinierte Tags. Dazu:
1. Klicken Sie auf das **Tag**-Symbol unten im Editor.
2. Wählen Sie das gewünschte Tag und seinen Modifikator aus und geben Sie bei Bedarf einen Standardwert an.
3. Klicken Sie auf **Einfügen**, um das benutzerdefinierte Tag in Ihren E-Mail-Inhalt aufzunehmen.
Um ein Emoji in Ihre E-Mail einzufügen, klicken Sie auf das **Emoji**-Symbol unten im Editor.
### Bilder hinzufügen
Um ein Bild zu Ihrer E-Mail hinzuzufügen, fügen Sie ein ``-Tag in Ihr HTML ein und setzen Sie das `src`-Attribut auf die Bild-URL.
Um ein Bild aus Ihrem [Medienspeicher](/de/product/content/media-store/) wiederzuverwenden, kopieren Sie dessen URL und fügen Sie sie in das `src`-Attribut ein. Die Schritte finden Sie unter [Bild-URL kopieren](/de/product/content/media-store/#copy-an-image-url).
```
```
Ersetzen Sie `YOUR-MEDIA-STORE-URL` durch die URL, die Sie aus dem Medienspeicher kopiert haben.
## Lokalisierung verwenden
Mit der Lokalisierung können Sie Benutzern personalisierte Erlebnisse in verschiedenen Sprachen bieten.
Im HTML-Code-Editor können Sie die Lokalisierung verwenden, indem Sie eine Standardsprache definieren und mehrere Sprachoptionen hinzufügen. Sie können beispielsweise eine Standardnachricht auf Englisch festlegen und dann Übersetzungen auf Deutsch und Spanisch hinzufügen. Dadurch wird sichergestellt, dass sich Ihr E-Mail-Inhalt an die Spracheinstellungen jedes Benutzers anpasst.
Unten sehen Sie ein Beispiel, wie Sie Ihre Lokalisierungsdaten strukturieren können. Hier wird Englisch als Standardsprache und deutsche und spanische Übersetzungen verwendet.
```json
{
"default": {
"button": "Shop now",
"description": "For a limited time, you can enjoy a 20% discount on all our premium coffee blends",
"subtitle": "Don't miss it",
"title": "☕ Coffee Promotion Alert!"
},
"de": {
"button": "Jetzt einkaufen",
"description": "Für kurze Zeit erhalten Sie einen Rabatt von 20% auf alle unsere Premium-Kaffeemischungen",
"subtitle": "Verpassen Sie es nicht",
"title": "☕ Kaffee-Promotion Benachrichtigung!"
},
"es": {
"button": "Comprar ahora",
"description": "Por tiempo limitado, puedes disfrutar de un descuento del 20% en todas nuestras mezclas de café premium",
"subtitle": "No te lo pierdas",
"title": "☕ ¡Alerta de Promoción de Café!"
}
}
```
Sobald Ihre Lokalisierungsdaten strukturiert und im **Lokalisierungs-Tab** des Editors hinzugefügt wurden, integrieren Sie sie mithilfe von Platzhaltern in Ihren HTML-Inhalt. Die Platzhalter fügen dynamisch lokalisierten Text in Ihren Inhalt ein, basierend auf der Spracheinstellung des Benutzers. So implementieren Sie es in Ihrem HTML:
```
{{title|text|}}
{{subtitle|text|}}
{{description|text|}}
{{button|text|}}
```
Stellen Sie sich folgendes Szenario vor: Sie bewerben einen zeitlich begrenzten Rabatt auf Kaffeemischungen. Durch die Verwendung der oben genannten Lokalisierungsstruktur können Sie Ihre Werbebotschaft effektiv an Benutzer kommunizieren, die verschiedene Sprachen sprechen. Ihr HTML-Code für die Aktion könnte so aussehen:
```html
☕ Coffee Promotion Alert
```
Mit dieser Einrichtung sehen Benutzer, deren Sprache Deutsch ist, die E-Mail auf Deutsch. Benutzer, die sich für den Empfang von E-Mails auf Englisch entschieden haben, sehen sie auf Englisch. Diejenigen, die sich für den Empfang auf Spanisch entschieden haben, erhalten sie auf Spanisch. Dadurch wird sichergestellt, dass alle Empfänger Ihre Nachricht in ihrer bevorzugten Sprache erhalten.
## E-Mail-Inhaltsblöcke einfügen und kombinieren
Pushwoosh ermöglicht es Ihnen, E-Mail-Inhalte zu kombinieren, indem Sie einen E-Mail-Inhalt in einen anderen einfügen. Dies erleichtert die Wiederverwendung von Elementen wie Kopfzeilen, Fußzeilen oder bestimmten Inhaltsblöcken in verschiedenen E-Mails.
Wenn Sie beispielsweise **E-Mail-Inhalt A** (eine Kopfzeile) und **E-Mail-Inhalt B** (einen Newsletter) haben, können Sie **E-Mail-Inhalt A** in **E-Mail-Inhalt B** einfügen, ohne den Inhalt jedes Mal manuell kopieren zu müssen.
### Syntax
Um einen Inhalt in einen anderen einzufügen, verwenden Sie die folgende Syntax:
```
{% email_content "AAAAA-BBBBB" %}
```
Wobei "AAAAA-BBBBB" die ID des E-Mail-Inhalts ist, den Sie einfügen möchten. Sie finden die ID unter dem Inhaltsnamen in Ihrer Liste der E-Mail-Inhalte.
**Beispiel**
Angenommen, Sie haben zwei Inhalte:
* **Kopfzeileninhalt** (ID: "AAAAA-BBBBB") mit einem vordefinierten Kopfzeilendesign.
* **Newsletter-Inhalt**, in den Sie die Kopfzeile einfügen möchten.
Um die Kopfzeile in den Newsletter einzufügen, verwenden Sie Folgendes:
```
{% email_content "AAAAA-BBBBB" %}
```
Dies ermöglicht es Ihnen, eine vordefinierte Kopfzeile einfach in mehreren E-Mail-Kampagnen wiederzuverwenden. Das spart Zeit und sorgt für Konsistenz in Ihren E-Mails.
## Einen Abmeldelink hinzufügen
Fügen Sie einen Abmeldelink in Ihre E-Mail ein, damit Empfänger sich gemäß den Vorschriften und ihren Präferenzen abmelden können. Pushwoosh stellt drei Variablen zur Verfügung, die Sie in Ihrem HTML verwenden können.
### Abmeldelink
Fügen Sie diesen Link hinzu, damit Benutzer sich von der erhaltenen Nachricht abmelden können:
```
Unsubscribe
```
Die Variable wird durch die Pushwoosh-Abmelde-URL ersetzt, wenn Sie die E-Mail senden.
- Wenn das Abonnement-Präferenzcenter aktiviert ist, werden Empfänger nur von der Kategorie abgemeldet, die dieser E-Mail zugewiesen ist (z. B. *Newsletter*). Es erscheint ein Bestätigungsbildschirm, auf dem sie diese Kategorie **erneut abonnieren** oder die **Präferenzen verwalten** können, um alle E-Mail-Kategorien anzupassen. [Erfahren Sie mehr](/de/product/messaging-channels/emails/email-preferences/#default-behavior-unsubscribe-from-a-category)
- Wenn das Abonnement-Präferenzcenter nicht aktiviert ist, melden sich Empfänger von allen Marketing-E-Mails ab.
Klicks werden in der Abmelderate für diese Nachricht in der [Nachrichten-Historie](/de/product/statistics-and-analytics/message-history) gezählt.
### Von allen Kategorien abmelden
Fügen Sie einen Link hinzu, der den Benutzer von allen E-Mail-Kategorien auf einmal abmeldet:
```
Unsubscribe from all emails
```
### Link zum Präferenzcenter
Fügen Sie einen direkten Link zum [Präferenzcenter](/de/product/messaging-channels/emails/email-preferences/#optional-setup-full-preference-center) hinzu, wo Benutzer verwalten, welche Kategorien sie erhalten:
```
Manage preferences
```
[Erfahren Sie, wie das Präferenzcenter funktioniert](/de/product/messaging-channels/emails/email-preferences/#how-to-let-users-unsubscribe-from-a-category-or-manage-preferences)
Der Screenshot unten zeigt eine Fußzeile, die alle drei Link-Typen verwendet.
## E-Mail-Inhalt speichern
Nachdem Sie Ihre E-Mail fertig erstellt haben, klicken Sie auf die Schaltfläche **Speichern** oben im Editor.
Geben Sie Ihrer E-Mail in dem neuen Fenster, das erscheint, einen eindeutigen Namen, der mit Ihrer Betreffzeile identisch sein kann. Erstellen Sie auch ein Label, damit Sie sie in Ihrer E-Mail-Liste leicht finden können.
Wenn Sie noch keine [Absenderdetails eingerichtet](/de/product/content/email-content/set-up-your-email-in-the-editor) 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](/de/product/messaging-channels/emails/sending-emails)
## 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 aussehen wird. Dies ermöglicht es Ihnen, das Layout, den Inhalt und alle personalisierten Elemente zu überprüfen, um die Genauigkeit vor der Fertigstellung 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**.
In dem sich öffnenden Fenster:
1. 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.
2. Wenn Ihre E-Mail dynamische Inhalte enthält (Platzhalter für personalisierte Daten), fügen Sie Beispielwerte zu Testzwecken hinzu.
Zum Beispiel:
* **Age (integer)**: Geben Sie eine Zahl ein, um den Altersplatzhalter darzustellen (z. B. `21`).
* **FirstName (string)**: Geben Sie einen Beispiel-Vornamen ein (z. B. `David`).
Diese Werte ersetzen die tatsächlichen Empfängerdaten in der Test-E-Mail, sodass Sie überprüfen können, wie der dynamische Inhalt angezeigt wird.
3. 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.
Um ein Emoji in Ihre E-Mail einzufügen, klicken Sie auf das **Emoji**-Symbol unten im Editor.
### Bilder hinzufügen
Um ein Bild zu Ihrer E-Mail hinzuzufügen, fügen Sie ein `
**Beispiel**
Angenommen, Sie haben zwei Inhalte:
* **Kopfzeileninhalt** (ID: "AAAAA-BBBBB") mit einem vordefinierten Kopfzeilendesign.
* **Newsletter-Inhalt**, in den Sie die Kopfzeile einfügen möchten.
Um die Kopfzeile in den Newsletter einzufügen, verwenden Sie Folgendes:
```
{% email_content "AAAAA-BBBBB" %}
```
Dies ermöglicht es Ihnen, eine vordefinierte Kopfzeile einfach in mehreren E-Mail-Kampagnen wiederzuverwenden. Das spart Zeit und sorgt für Konsistenz in Ihren E-Mails.
## Einen Abmeldelink hinzufügen
Fügen Sie einen Abmeldelink in Ihre E-Mail ein, damit Empfänger sich gemäß den Vorschriften und ihren Präferenzen abmelden können. Pushwoosh stellt drei Variablen zur Verfügung, die Sie in Ihrem HTML verwenden können.
### Abmeldelink
Fügen Sie diesen Link hinzu, damit Benutzer sich von der erhaltenen Nachricht abmelden können:
```
Unsubscribe
```
Die Variable wird durch die Pushwoosh-Abmelde-URL ersetzt, wenn Sie die E-Mail senden.
- Wenn das Abonnement-Präferenzcenter aktiviert ist, werden Empfänger nur von der Kategorie abgemeldet, die dieser E-Mail zugewiesen ist (z. B. *Newsletter*). Es erscheint ein Bestätigungsbildschirm, auf dem sie diese Kategorie **erneut abonnieren** oder die **Präferenzen verwalten** können, um alle E-Mail-Kategorien anzupassen. [Erfahren Sie mehr](/de/product/messaging-channels/emails/email-preferences/#default-behavior-unsubscribe-from-a-category)
- Wenn das Abonnement-Präferenzcenter nicht aktiviert ist, melden sich Empfänger von allen Marketing-E-Mails ab.
Klicks werden in der Abmelderate für diese Nachricht in der [Nachrichten-Historie](/de/product/statistics-and-analytics/message-history) gezählt.
### Von allen Kategorien abmelden
Fügen Sie einen Link hinzu, der den Benutzer von allen E-Mail-Kategorien auf einmal abmeldet:
```
Unsubscribe from all emails
```
### Link zum Präferenzcenter
Fügen Sie einen direkten Link zum [Präferenzcenter](/de/product/messaging-channels/emails/email-preferences/#optional-setup-full-preference-center) hinzu, wo Benutzer verwalten, welche Kategorien sie erhalten:
```
Manage preferences
```
[Erfahren Sie, wie das Präferenzcenter funktioniert](/de/product/messaging-channels/emails/email-preferences/#how-to-let-users-unsubscribe-from-a-category-or-manage-preferences)
Der Screenshot unten zeigt eine Fußzeile, die alle drei Link-Typen verwendet.
## E-Mail-Inhalt speichern
Nachdem Sie Ihre E-Mail fertig erstellt haben, klicken Sie auf die Schaltfläche **Speichern** oben im Editor.
Geben Sie Ihrer E-Mail in dem neuen Fenster, das erscheint, einen eindeutigen Namen, der mit Ihrer Betreffzeile identisch sein kann. Erstellen Sie auch ein Label, damit Sie sie in Ihrer E-Mail-Liste leicht finden können.
Wenn Sie noch keine [Absenderdetails eingerichtet](/de/product/content/email-content/set-up-your-email-in-the-editor) 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](/de/product/messaging-channels/emails/sending-emails)
## 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 aussehen wird. Dies ermöglicht es Ihnen, das Layout, den Inhalt und alle personalisierten Elemente zu überprüfen, um die Genauigkeit vor der Fertigstellung 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**.
In dem sich öffnenden Fenster:
1. 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.
2. Wenn Ihre E-Mail dynamische Inhalte enthält (Platzhalter für personalisierte Daten), fügen Sie Beispielwerte zu Testzwecken hinzu.
Zum Beispiel:
* **Age (integer)**: Geben Sie eine Zahl ein, um den Altersplatzhalter darzustellen (z. B. `21`).
* **FirstName (string)**: Geben Sie einen Beispiel-Vornamen ein (z. B. `David`).
Diese Werte ersetzen die tatsächlichen Empfängerdaten in der Test-E-Mail, sodass Sie überprüfen können, wie der dynamische Inhalt angezeigt wird.
3. 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.
