Code-Inhaltsblöcke verwenden

Verwende den Code-Inhaltsblock, um HTML-Code direkt in deine E-Mail einzufügen. Dieser Block ist nützlich, wenn du mehr Kontrolle über dein Design benötigst als unsere anderen Inhaltsblöcke bieten.

In diesem Artikel erfährst du, wie du einen Code-Inhaltsblock verwendest.

Vor dem Start

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

• 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.
• Wir empfehlen Test-E-Mails zu senden oder unser Feature Inbox Preview (Inbox-Vorschau) zu verwenden. Damit erhältst du einen Eindruck davon, wie deine Kampagne in verschiedenen E-Mail-Clients aussieht.

Den Code-Block einfügen

Führe die folgenden Schritte aus, um einen Code-Inhaltsblock einzufügen.

1. Klicke den Code-Block an und ziehe ihn in dein Layout.
   
2. Tippe deinen Code ins Bearbeitungsfenster ein oder füge ihn dort ein.
   
3. Klicke auf Save & Close (Speichern & schließen).

Codeblock-Tipps

Hier sind einige Tipps dazu, wie du den Code-Inhaltsblock verwenden kannst.

• Verwende kein JavaScript.
  Da die meisten E-Mail-Clients JavaScript blockieren, um vor Viren zu schützen, entfernen wir automatisch sämtliches erkennbares JavaScript aus deinem Code.
• Verwende kein Textverarbeitungsprogramm zum Erstellen von HTML-Inhalten.
  Programme wie Microsoft Word oder Publisher können zusätzlichen Gestaltungscode hinzufügen, der deine Kampagne verfälscht. Wir empfehlen, den HTML-Code in einen einfachen Texteditor zu schreiben und anschließend den Code in den Codeblock einzufügen.
• Verwende eingebettete oder Inline-CSS.
  In den meisten Fällen funktionieren externe CSS-Dateien nicht in HTML-E-Mails. Du kannst eingebettetes CSS oder Inline-CSS zu einem Codeblock hinzufügen, vorzugsweise über dem Textbereich deines Layouts. Für die besten Ergebnisse empfehlen wir, Inline-CSS zu verwenden.
• Nutze Medienabfragen, um ein responsives Design zu gewährleisten.
  Wenn du möchtest, dass dein Code auch für Mobilgeräte optimiert ist, musst du Medienabfragen einfügen. Eine Medienabfrage ist eine CSS-Komponente, mit der deine Inhalte sich an verschiedene Geräte anpassen können. Weitere Informationen findest du in der W3C-Empfehlung für Medienabfragen und im Leitfaden von Litmus zur Erstellung einer komplett neuen responsiven E-Mail.
• Verwende das Content-Studio oder absolute Pfade für Bilder und Dateien.
  Mit unserem Content-Studio kannst du Dateien und Bilder für deine Kampagne hosten. Kopiere die Datei-URL aus dem Content Studio und füge sie in deinen Code im Codeblock ein. Wenn du deine Bilder auf deinem eigenen Server hosten möchtest, verwende absolute Pfade.

Dynamischen Inhalt aktivieren

Wenn du eine E-Mail entwirfst, kannst du jeden Inhaltsblock in dynamischen Inhalt umwandeln, der nur für bestimmte Empfänger angezeigt wird. So kannst du unterschiedliche Kontakttypen gleichzeitig mit einer einzigen E-Mail ansprechen.

Weitere Informationen über dynamische Inhalte und wie du sie in deinem Inhaltsblock aktivieren kannst, findest du im Artikel Informationen zu dynamischen Inhalten.