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 Code-Inhaltsblöcke im klassischen Builder verwendest.

Vor dem Start

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

• Dieser Artikel erklärt, wie du die Code-Inhaltsblöcke für den klassischen Builder verwendest. Weitere Informationen zu ähnlichen Inhaltsblöcken im neuen Builder findest du in unserem Artikel zu Code-Inhaltsblöcken.
• Das Support-Team von Mailchimp ist nicht für die Fehlerbehebung bei benutzerdefinierten Codes geschult. Wende dich an deinen Entwickler oder beauftrage einen Mailchimp-Experten, falls du bei diesem Feature Hilfe brauchst.
• 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.

Code-Inhaltsblöcke zu deinem Layout hinzufügen

So fügst du einen Code-Inhaltsblock hinzu:

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.

Dynamische Inhalte aktivieren

Wenn du eine E-Mail entwirfst, kannst du jeden Inhaltsblock in dynamische Inhalte umwandeln, um deinen Empfänger*innen anhand von dir festgelegter Bedingungen unterschiedliche Inhalte anzuzeigen. 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.