> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/kommunikation/e-mail/html-e-mail-vorlage-importieren.md).

# HTML-E-Mail-Vorlage importieren

## Kurz erklärt

Wenn du bereits einen E-Mail-Entwurf als HTML-Code hast, kannst du ihn im **Code-Editor** einfügen und als Vorlage oder Kampagne weiterverwenden. Der Code-Editor zeigt anschließend eine Vorschau des eingefügten Inhalts.

Das ist sinnvoll, wenn ein bestehendes E-Mail-Layout nicht neu aufgebaut werden soll. Prüfe den importierten Inhalt vor dem Versand besonders sorgfältig: E-Mail-Programme können HTML unterschiedlich darstellen.

## Wann der HTML-Import sinnvoll ist

Der HTML-Import passt, wenn:

* ein fertiger E-Mail-Entwurf als HTML-Datei oder Code vorliegt;
* ein bewährtes Layout wiederverwendet werden soll;
* eine einmalige Kampagne direkt aus HTML entstehen soll;
* eine wiederverwendbare Vorlage zuerst angelegt werden soll.

Er ist nicht automatisch die beste Wahl für kleine Änderungen. Wenn der Inhalt noch oft visuell angepasst wird, kann der normale Editor übersichtlicher sein.

## Vor dem Import prüfen

| Prüfpunkt                        | Warum er wichtig ist                                                        |
| -------------------------------- | --------------------------------------------------------------------------- |
| **Vollständiger HTML-Code**      | Damit die E-Mail vollständig dargestellt werden kann.                       |
| **Bilder und Links**             | Damit alle Inhalte nach dem Einfügen erreichbar sind.                       |
| **Betreff und Absender**         | Diese Angaben werden später im Versanddialog ergänzt und getestet.          |
| **Darstellung auf Mobilgeräten** | HTML-E-Mails müssen zusätzlich in der mobilen Vorschau kontrolliert werden. |
| **Testpostfach**                 | Damit du die tatsächliche Zustellung vor dem Versand prüfen kannst.         |

Füge nur HTML ein, dessen Inhalt und Zielseiten du kennst. Übernimm keine unbekannten Skripte, Formulare oder fremden Tracking-Inhalte.

## HTML als Vorlage importieren

Nutze eine Vorlage, wenn du das Layout später für mehrere Kampagnen wiederverwenden möchtest.

1. Öffne **Kommunikation → E-Mail → Vorlagen**.
2. Klicke auf **Neue Vorlage erstellen**.
3. Wähle **Leere Vorlage**.
4. Wähle im folgenden Dialog **Code-Editor** statt des visuellen Editors.
5. Füge deinen HTML-Code in den Eingabebereich ein.
6. Prüfe die angezeigte Vorschau.
7. Speichere die Vorlage.
8. Öffne die gespeicherte Vorlage erneut und sende eine Test-E-Mail.

Nach dem Start einer neuen Vorlage erscheinen drei Wege: aus einer bestehenden Kampagne, aus der Vorlagengalerie oder **Leere Vorlage**. Wähle für eigenen HTML-Code immer **Leere Vorlage**. Danach unterscheidet die Oberfläche klar zwischen dem visuellen Editor und dem **Code-Editor** sowie dem Bereich zum Einfügen des Codes.

## HTML direkt in eine Kampagne importieren

Nutze diesen Weg, wenn der HTML-Inhalt für eine einzelne Aussendung bestimmt ist.

1. Öffne **Kommunikation → E-Mail → Kampagnen**.
2. Klicke auf **Kampagne erstellen**.
3. Wähle **Leere Kampagne**.
4. Wähle im folgenden Dialog **Code-Editor**.
5. Füge den HTML-Code in den Eingabebereich ein.
6. Prüfe die Vorschau.
7. Ergänze Absender, Betreff, Vorschautext und Empfänger erst im Versanddialog.
8. Sende vor dem echten Versand eine Test-E-Mail.

## Nach dem Import richtig prüfen

1. Öffne die Vorschau auf Desktop und Mobil.
2. Sende eine Test-E-Mail an mindestens ein Testpostfach.
3. Prüfe Bilder, Links, Schaltflächen, Textabstände und Zeilenumbrüche.
4. Kontrolliere Platzhalter mit bekannten Testdaten.
5. Prüfe den Betreff, Vorschautext und sichtbaren Absender im Postfach.
6. Nimm Änderungen vor und teste erneut, bevor du planst oder versendest.

Die genaue Test-Checkliste findest du unter [E-Mail-Kampagnen und Vorlagen testen](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/kommunikation/e-mail/e-mail-kampagnen-und-vorlagen-testen).

## Grenzen des HTML-Imports

Der Code-Editor übernimmt den eingefügten Code. Wie einzelne E-Mail-Programme diesen Code darstellen, kann sich unterscheiden. Eine saubere Vorschau im Editor allein reicht daher nicht aus.

Besonders sorgfältig testest du:

* große oder mehrspaltige Layouts;
* Bilder mit eingebettetem Text;
* viele Schaltflächen;
* lange Überschriften;
* Inhalte, die auf Smartphones anders umbrechen könnten.

Wenn die Darstellung im Testpostfach nicht stimmt, korrigiere den HTML-Code und wiederhole Vorschau und Test.

## Häufige Fehler

### Der Code wird eingefügt, aber die Vorschau ist leer oder unvollständig

Prüfe, ob du den vollständigen HTML-Code in den Code-Editor eingefügt hast. Kontrolliere danach die Vorschau erneut, bevor du speicherst.

### Bilder oder Links funktionieren in der Test-E-Mail nicht

Prüfe jeden Link und jedes Bild direkt im Testpostfach. Korrigiere fehlerhafte Zieladressen im HTML-Code und teste erneut.

### Die E-Mail sieht auf dem Smartphone anders aus

Öffne die Mobilansicht in der Vorschau und prüfe zusätzlich die zugestellte Test-E-Mail auf einem Smartphone.

### Eine Vorlage wurde statt einer Kampagne erstellt

Vorlagen sind für die Wiederverwendung gedacht. Für eine einmalige Aussendung erstelle eine Kampagne und wähle dort **Leere Kampagne**.

## Praxisbeispiel: Bestehenden Newsletter übernehmen

Ziel: Ein bereits gestalteter Newsletter soll als wiederverwendbare Vorlage verfügbar sein.

1. Das Team legt eine neue leere Vorlage an.
2. Es wählt den Code-Editor und fügt den geprüften HTML-Code ein.
3. Die Vorschau zeigt den Aufbau; danach wird die Vorlage gespeichert.
4. Eine Test-E-Mail prüft Darstellung, Bilder, Links, Betreff und Mobilansicht.
5. Nach notwendigen Korrekturen wird die Vorlage erneut getestet.
6. Für die nächste Aussendung erstellt das Team daraus eine Kampagne und wählt dort die passende Empfängergruppe.

So wird ein vorhandenes Layout übernommen, ohne die Prüfung im tatsächlichen Postfach auszulassen.