HTML einfügen, um eine E-Mail zu erstellen

Wenn du bereits eine HTML-E-Mail in einem anderen Programm entworfen und programmiert oder HTML-Code von einem Entwickler erhalten hast, kannst du deine E-Mail mit der Funktion „Paste in Code“ (In den Code einfügen) erstellen.

In diesem Artikel erfährst du, wie du HTML-Code einfügen kannst, um eine E-Mail zu erstellen.

Vor dem Start

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

• Dieses Feature ist für Benutzer mit Mailchimp Standard-Tarif oder höher verfügbar. Auf der Seite Pricing (Tarifübersicht) kannst du nachlesen, welche Features jeweils in den einzelnen Tarifen inbegriffen sind.
• Benutzerspezifisch programmierte Vorlagen sind nur im klassischen Builder verfügbar. Wenn du den neuen Builder verwendest, wirst du aufgefordert, mit dem klassischen Builder weiterzumachen.
• Sämtliche Bilder in deinem HTML-Code müssen auf einem öffentlichen Server gehostet werden und alle Links sollten absolute Pfade sein, die direkt mit diesem öffentlichen Server verlinkt sind. Du kannst auch das Content-Studio in deinem Mailchimp-Account nutzen, um deine Bilder zu hosten und Bild-URLs in deinen HTML-Code einzufügen.
• Dies ist ein erweitertes Feature und somit für Benutzer empfohlen, die Vorkenntnisse in benutzerdefinierter Programmierung mitbringen. Wende dich an deinen Entwickler oder beauftrage einen Mailchimp-Experten, falls du Hilfe benötigst.

Code einfügen

So erstellst du eine E-Mail mit eingefügtem HTML-Code.

1. Klicke auf die Schaltfläche Create (Erstellen).
2. Klicke auf das Dropdown-Menü Email (E-Mail) und dann auf Regular (Standard).
3. Gib einen Namen für deine E-Mail ein und klicke dann auf Begin (Starten).
4. Klicke im Abschnitt Content (Inhalt) des Builders auf Design Email (E-Mail gestalten).
5. Klicke im Schritt „Template“ (Vorlage) auf den Tab Code your own (Selbst programmieren).
6. Wähle Paste in Code (In den Code einfügen).
   
7. Wenn du den neuen Builder verwendest, klicke auf Apply_ (Anwenden) _und dann im Pop-up-Fenster auf Yes, continue to Classic__ (Ja, mit „Classic“ fortfahren).
8. Füge deinen HTML-Code in den Editor ein und klicke auf Save (Speichern).

Einstellungen überprüfen

Die folgenden wichtigen CSS-Optionen und Code-Snippets sind im Tab Settings (Einstellung) des Bearbeitungsfensters verfügbar.

• CSS Inliner
  Aktiviere das Kontrollkästchen Automatic CSS Inliner (Automatischer CSS Inliner), damit dein Code unabhängig von der jeweiligen Inbox möglichst korrekt angezeigt wird.
• Abbestell-Link
  Kopiere den Link „Unsubscribe“ (Abbestellen) und füge ihn deinem Code hinzu. Das Merge-Tag „*|UNSUB|*“ ist in allen E-Mails obligatorisch.
• Empfehlungsbadge
  Kopiere das Merge-Tag für das Empfehlungsbadge und füge es an der gewünschten Stelle in deinem Code ein. Der Merge-Tag „*|REWARDS|*“ ist für kostenlose Accounts obligatorisch. Klicke auf Change Image (Bild ändern), um zwischen einem hellen oder dunklen Bildhintergrund zu wählen.
• Design für den Code-Editor
  Klicke auf das Dropdown-Menü Editor theme (Editor-Design) , um das Erscheinungsbild des Code-Editors zu bearbeiten.

„Comments“ (Kommentare)

Im Tab „Comments“ (Kommentare) kannst du eine Test-E-Mail senden, Mitarbeiter um Feedback bitten und deinen eigenen Kommentar hinzufügen. Weitere Informationen findest du in unserem Artikel An Kampagnen zusammenarbeiten.