Tutorials

Mailchimp Text-Probleme lösen: So formatierst du deine Newsletter wie ein Profi

Melden

Hier ist ein umfassendes Tutorial, wie du Textprobleme in Mailchimp löst – von Formatierungsfehlern bis hin zu Darstellungsproblemen.

Nichts ist ärgerlicher als ein Newsletter, bei dem die Schriftarten plötzlich variieren, die Zeilenabstände nicht stimmen oder der Text auf dem Handy unleserlich ist. Dieses Tutorial zeigt dir Schritt für Schritt, wie du die häufigsten Textprobleme in Mailchimp behebst.

1. Das Hauptproblem: Text aus Word oder Google Docs kopieren

Der häufigste Grund für „kaputtes“ Design ist das direkte Kopieren von Text aus Microsoft Word oder Google Docs. Dabei wird unsichtbarer HTML-Code mitkopiert, der das Mailchimp-Design überschreibt.

Die Lösung:

  • Variante A (Einfügen als reiner Text): Nutze beim Einfügen die Tastenkombination Strg + Umschalt + V (Windows) bzw. Cmd + Shift + V (Mac). Dadurch wird nur der nackte Text ohne Formatierung übernommen.
  • Variante B (Paste as Plain Text): Klicke im Mailchimp-Texteditor auf das Symbol, das wie ein kleines Klemmbrett mit einem „T“ aussieht (Paste as Plain Text), und füge den Text dort ein.

2. Vorhandene Formatierung entfernen (Clear Formatting)

Wenn dein Text bereits im Editor ist und sich „merkwürdig“ verhält (falsche Farbe, seltsame Schriftart), musst du die Stile zurücksetzen.

  1. Markiere den betroffenen Textabschnitt.
  2. Klicke in der Werkzeugleiste des Editors auf das Symbol „Clear Styles“ (ein Radiergummi oder ein $T$ mit einem kleinen x).
  3. Jetzt kannst du den Text mit den Mailchimp-eigenen Werkzeugen neu formatieren.

3. Zeilenabstände und Absätze korrigieren

Manchmal sind die Abstände zwischen den Zeilen zu groß oder zu klein.

  • Der „Harte Umbruch“ (Enter): Erzeugt einen neuen Absatz mit einem größeren Abstand.
  • Der „Weiche Umbruch“ (Shift + Enter): Erzeugt eine neue Zeile direkt unter der vorherigen (ohne großen Abstand).
  • Line Height anpassen: Markiere den Text und suche im Editor nach dem Symbol für den Zeilenabstand (Line Height), um den Text luftiger oder kompakter zu gestalten.

4. Schriftarten werden nicht korrekt angezeigt

Du hast eine ausgefallene Schriftart gewählt, aber beim Empfänger sieht es nach „Arial“ aus?

  • Hintergrund: Nicht alle E-Mail-Programme (wie Outlook oder alte Gmail-Versionen) unterstützen Web-Fonts (z. B. Google Fonts).
  • Lösung: Mailchimp nutzt automatisch „Fallback-Fonts“. Wähle am besten direkt „Email Safe Fonts“ (z. B. Helvetica, Arial, Georgia, Times New Roman), wenn du sichergehen willst, dass dein Design überall identisch aussieht.

5. Textprobleme in der mobilen Ansicht

Ein Text, der am Desktop super aussieht, kann am Smartphone zu klein oder zu groß sein.

  • Lösung: Gehe im Editor auf den Reiter „Style“ und dann auf „Mobile Styles“. Hier kannst du explizit festlegen, wie groß Überschriften (Heading 1, 2 etc.) und Fließtext auf Mobilgeräten sein sollen.
  • Vorschau nutzen: Nutze immer die Funktion Preview > Enter Preview Mode, um zwischen Desktop- und Mobile-Ansicht hin und her zu schalten.

6. Farbhinterlegungen entfernen

Manchmal hat der Text nach dem Einfügen einen weißen oder grauen Hintergrund, der das Design ruiniert.

  1. Markiere den Text.
  2. Klicke auf das Symbol für die Hintergrundfarbe (oft ein Stift oder ein Eimer).
  3. Wähle „No Color“ oder „Transparent“. Falls das nicht hilft: Nutze die „Clear Styles“-Funktion (siehe Punkt 2).

7. Profi-Check: Der Code-View

Wenn gar nichts mehr hilft, verbirgt sich ein Fehler im HTML-Code.

  1. Klicke im Textblock auf das Icon < > (Code-Ansicht).
  2. Suche nach Tags wie <span style="...">. Diese verursachen oft die Probleme.
  3. Lösche überflüssige Style-Angaben vorsichtig heraus oder kopiere den reinen Text heraus, lösche den Block und erstelle ihn neu.

Zusammenfassung: Der goldene Workflow

Um Textprobleme in Mailchimp künftig komplett zu vermeiden, gewöhne dir diesen Ablauf an:

  1. Text in Word/Google Docs schreiben.
  2. In Mailchimp per Strg + Umschalt + V einfügen.
  3. Formatierung (Fett, Kursiv, Überschriften) nur innerhalb von Mailchimp vornehmen.
  4. Test-Mail senden, um die Darstellung in verschiedenen Postfächern zu prüfen.
0