Eine benutzerdefinierte HTML-Vorlage importieren

Wenn du mehr Kontrolle über dein E-Mail-Design haben möchtest, als das mit unseren Vorlagen möglich ist, kannst du deine eigene Vorlage programmieren und in deinen Mailchimp-Account importieren. Nachdem du deine benutzerdefinierte Vorlage importiert hast, kannst du sie für zukünftige Kampagnen verwenden.

In diesem Artikel erfährst du, wie du deine benutzerdefinierte HTML-Vorlage importieren und bearbeiten kannst.

Vor dem Start

Bevor du mit diesem Vorgang beginnst, solltest du einige Punkte beachten.

• Dies ist ein erweitertes Feature und somit für Benutzer*innen empfohlen, die Vorkenntnisse in benutzerdefinierter Programmierung mitbringen. Wende dich an deinen Entwickler oder beauftrage einen Mailchimp-Experten, falls du Hilfe benötigst.
• Accounts mit Mailchimp-Standardtarif oder höher können benutzerdefinierte HTML-Vorlagen verwenden. Auf der Seite Pricing (Tarifübersicht) kannst du nachlesen, welche Features jeweils in den einzelnen Tarifen inbegriffen sind.
• Bevor du deine eigene HTML-Vorlage erstellst oder einen Entwickler beauftragst, lohnt es sich, andere Vorlagentypen in Erwägung zu ziehen, die keine HTML-Kenntnisse erfordern.
• Wenn du mehr über HTML-Code und diesbezügliche Best Practices erfahren möchtest, informiere dich über die Grenzen von HTML beim E-Mail-Design und wirf einen Blick in den Leitfaden für E-Mail-Design von Mailchimp.
• Wenn du eine selbst erstellte Vorlage im Vorlagen-Builder bearbeitest, kann es sein, dass deine Änderungen sich auf vorhandene Kampagnenentwürfe auswirken, die diese Vorlage verwenden.
• Dein Code wird von einem HTML-Validator überprüft, um sicherzustellen, dass die Syntax korrekt ist.
• Füge das Tag *|UNSUB|* in deine benutzerdefinierte Vorlage ein. Es ist für alle Kampagnen obligatorisch.
• Die Zeichenkodierung deiner HTML-Datei muss UTF-8 sein.
• Formatiere alle Bilder als JPG, JPEG, PNG oder GIF. Füge beliebige PDFs oder andere Dokumente hinzu, die in deinem Vorlagencode verlinkt sind, um sie mit Mailchimp zu hosten.

Importoptionen

Nachdem du oder dein Entwickler die HTML deiner Vorlage programmiert haben, kannst du die Vorlage mit einer der folgenden Methoden importieren.

• Code einfügen
• HTML importieren
• ZIP importieren

Code einfügen

So erstellst du eine benutzerdefinierte Vorlage, indem du deine eigene HTML einfügst:

1. Klicke auf Content (Inhalt) und dann auf Email templates (E-Mail-Vorlagen).

2. Klicke auf Create Template (Vorlage erstellen).
   

3. Navigiere zu den „Code your own“ (Selbst erstellt)-Optionen und wähle „Paste in code“ (Code einfügen).
   
4. Wenn du im Tab Edit Code (Code bearbeiten) bist, ersetze oder bearbeite den Beispielcode und klicke auf Save (Speichern) im Bearbeitungsbereich.
   
5. Wenn du mit der Bearbeitung der Vorlage fertig bist, klicke auf Save and Exit (Speichern und verlassen).
   
6. Gib im Dialogfenster Save Template (Vorlage speichern) einen Namen für deine Vorlage ein und klicke auf Save (Speichern).
   

Gut gemacht. Deine neu erstellte Vorlage findest du auf der Seite „Templates“ (Vorlagen) deines Accounts.

HTML importieren

So erstellst du eine benutzerdefinierte Vorlage, indem du eine HTML-Datei von deinem Computer importierst:

1. Klicke auf Content (Inhalt) und dann auf Email templates (E-Mail-Vorlagen).

2. Klicke auf Create Template (Vorlage erstellen).
   

3. Navigiere zu den „Code your own“ (Selbst erstellt)-Optionen und wähle „Import HTML“ (HTML importieren).
   
4. Klicke auf Browse (Durchsuchen) und wähle deine HTML-Datei aus.
5. Gib deiner Vorlage einen Namen und klicke auf Upload (Hochladen).
   
6. Überprüfe deine Vorlage und klicke auf Edit Code (Code bearbeiten) oder Edit Design (Design bearbeiten), um gewünschte Änderungen vorzunehmen.
   
7. Wenn du mit der Bearbeitung der Vorlage fertig bist, klicke auf Save and Exit (Speichern und verlassen).
   

Gut gemacht. Deine neu erstellte Vorlage findest du auf der Seite „Templates“ (Vorlagen) deines Accounts.

ZIP importieren

Bevor du deine ZIP-Datei importierst, solltest du einige Punkte beachten.

• Deine ZIP-Datei muss kleiner als 1 MB sein und darf nur eine HTML-Datei enthalten. Wenn sie mehr als eine HTML-Datei enthält, verwenden wir die erste, die wir finden.
• Lege alle Bilder und Dateien im Stammverzeichnis der ZIP-Datei ab, nicht in Unterordnern. Wir laden alle Bilder und Dateien im Content-Studio hoch und erstellen absolute Pfade für dich, wenn wir deine ZIP-Datei konvertieren.
• Verwende nur Buchstaben, Zahlen und Bindestriche im Dateinamen. Leerzeichen oder ungewöhnliche Zeichen können Probleme beim Importieren verursachen.
• Beim Hochladen wird zwischen Groß- und Kleinschreibung unterschieden. Dein Code muss also genau mit dem Dateinamen übereinstimmen.

Nachdem du deine Datei korrekt gespeichert und formatiert hast, kannst du deine Vorlage erstellen. So erstellst du eine Vorlage, indem du eine ZIP-Datei von deinem Computer importierst:

1. Klicke auf Content (Inhalt) und dann auf Email templates (E-Mail-Vorlagen).

2. Klicke auf Create Template (Vorlage erstellen).
   

3. Navigiere zu den „Code your own“ (Selbst erstellt)-Optionen und wähle „Import zip“ (ZIP importieren).
   
4. Klicke auf Browse (Durchsuchen) und wähle deine ZIP-Datei aus.
5. Gib deiner Vorlage einen Namen und klicke auf Upload (Hochladen).
   
6. Überprüfe deine Vorlage und klicke auf Edit Code (Code bearbeiten) oder Edit Design (Design bearbeiten), um gewünschte Änderungen vorzunehmen.
   
7. Wenn du mit der Bearbeitung der Vorlage fertig bist, klicke auf Save and Exit (Speichern und verlassen).
   

Gut gemacht. Deine neu erstellte Vorlage findest du auf der Seite „Templates“ (Vorlagen) deines Accounts.

Eine benutzerdefinierte Vorlage bearbeiten

Nachdem du deine benutzerdefinierte Vorlage importiert hast, kannst du sie im Bereich „Edit Code“ („Code bearbeiten“) des Vorlagen-Builders anpassen. Wenn du die Vorlagensprache von Mailchimp verwendet hast, kannst du auch Stile auf dem Tab „Edit Design“ („Design bearbeiten“) anwenden.

Wenn du bereit bist, deine benutzerdefinierte Vorlage in einer Kampagne zu verwenden, kannst du im E-Mail-Builder Inhalte hinzufügen und das Design anpassen. Alle weiteren, im Vorlagen-Builder vorgenommenen Änderungen können sich auf laufende Kampagnen auswirken, die diese Vorlage verwenden.

Weitere Bearbeitungsressourcen

Hier sind einige weitere Ressourcen, die dir bei der Bearbeitung deiner benutzerdefinierten Vorlage helfen.

• Erste Schritte mit der Vorlagensprache von Mailchimp
• Hier bearbeitest du Vorlagen-Code
• Ein Hintergrundbild zu einer benutzerdefinierten HTML-Vorlage hinzufügen
• Wiederholbare oder variable Inhaltsblöcke verwenden

Deine Vorlage in einer E-Mail verwenden

Um eine gespeicherte, benutzerdefinierte Vorlage für deine E-Mail-Kampagne zu verwenden, befolge diese Schritte.

1. Klicke auf Content (Inhalt) und dann auf Email templates (E-Mail-Vorlagen).

2. Klicke auf das Dropdown-Menü neben der Vorlage, die du verwenden möchtest, und wähle Create Campaign (Kampagne erstellen) aus.
   

Du findest sie auch unter Gespeicherte Vorlagen im klassischen E-Mail-Builder.