Verhalten von Kampagnen auf Mobilgeräten

Die E-Mail-Vorlagen von Mailchimp verwenden ein responsives Design, um das Layout deiner Kampagne so anzupassen, dass es auf jedem Gerät gut aussieht. Aber nicht jedes Gerät verarbeitet responsiven Code auf die gleiche Weise. Daher kann deine Kampagne auf Mobilgeräten etwas anders aussehen als in einem Webbrowser.

In diesem Artikel erfährst du, wie wir E-Mails auf Mobilgeräten anzeigen und wie du bestimmte Probleme beheben kannst, die dir möglicherweise begegnen.

Was du wissen solltest

Es gibt einige Dinge, die du wissen solltest.

• Wir nutzen Medienabfragen, um die Leistungsfähigkeit eines Geräts zu ermitteln und die E-Mail entsprechend zu optimieren. Wenn etwas nicht stimmt, unterstützt dieses Gerät möglicherweise keine Medienabfragen, so dass du eventuell eine benutzerdefinierte Vorlage erstellen musst.
• Diese Apps und Geräte unterstützen keine Medienabfragen: Yahoo Mail für Android, Blackberry OS 5, Samsung Galaxy S3+, Windows Mobile 6.1, Windows Phone 7 und 8.
• Wir empfehlen dir, deine E-Mail in der Vorschau anzuzeigen und zu testen. Wenn du einen kostenpflichtigen Tarif hast, zeigt dir unser Inbox Preview-Tool, wie deine E-Mail auf unterschiedlichen Mobilgeräten angezeigt wird.

Probleme mit dem E-Mail-Layout

Mein E-Mail-Layout ändert sich

Jedes Mal, wenn deine Kampagne auf einem Mobilgerät angezeigt wird, werden die Inhaltsblöcke in einem einspaltigen Format angeordnet. Wenn du also eine Vorlage aus dem E-Mail-Builder mit nebeneinander angeordneten Blöcken auswählst, werden sich die Blöcke überlagern.

Wenn du möchtest, dass deine E-Mail-Inhalte auf allen Geräten in der gleichen Reihenfolge angezeigt werden, verwende eine einspaltige Vorlage. Weitere Informationen findest du im Artikel Eine E-Mail-Vorlage erstellen.

Meine Bilder sind auf Mobilgeräten gestreckt.

Bei großen Bildern in einem Text- oder Absatzblock wird dein Layout auf Mobilgeräten möglicherweise gestreckt angezeigt. Unsere responsiven Vorlagen verhindern dies für Bilder in bestimmten Bildinhaltsblöcken.

Damit dein Bild nicht gestreckt wird, verwende den Absatzblock im neuen Builder oder einen der folgenden Bildblöcke im klassischen Builder: Bild , Bildgruppe , Bildkarte , Bild + Bildunterschrift .

Ich möchte, dass meine E-Mail wie die Desktop-Version aussieht.

Die im E-Mail-Builder bereitgestellten Drag-and-Drop-Vorlagen passen sich responsiv an die Anzeige auf Mobilgeräten an. Wenn du keine responsive mobile Vorlage benötigst oder mehr Kontrolle über die Vorlage haben möchtest, die du gestaltest, kannst du eine Vorlage mit benutzerdefiniertem Code verwenden.

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. Weitere Informationen zum Importieren, Wiederverwenden und Teilen benutzerdefinierter Vorlagen findest du unter Importieren einer benutzerdefinierten HTML-Vorlage.

Formatierungsprobleme

Ich möchte die Schriftgröße meiner responsiven Kampagne ändern.

Für das Design der Stileinstellungen in den Drag-and-Drop-Vorlagen von Mailchimp wurde auch an die Mobilgeräte gedacht. Jeder Inhaltsblock im Campaign Builder enthält einen Abschnitt „Stilformatvorlage für Mobiltelefone“, in dem du beispielsweise die Schriftgröße ändern kannst.

Stile für Mobilgeräte innerhalb einer Kampagne bearbeiten und testen

Meine Kampagne enthält blaue Links.

Einige Mobilgeräte, insbesondere iPhones und iPads, verlinken automatisch Adressen, Daten oder Telefonnummern. Hierbei handelt es sich um eine Funktion des geräteeigenen Betriebssystems und nicht um eine Einstellung, die sich über Mailchimp steuern lässt.

Um das Aussehen des verlinkten Texts zu ändern, musst du einen Webentwickler kontaktieren, der den HTML-Code der Kampagne bearbeiten kann.

Vorlagen-HTML exportieren

Mein Datum, meine Telefonnummer oder mein Link ist verschwunden.

Immer wenn deine Links so formatiert sind, dass ihre Farbe der Hintergrundfarbe eines Kampagnenabschnitts gleicht, scheinen sie zu verschwinden. Dies ist vor allem bei automatisch verlinkten Daten und Telefonnummern der Fall.

Ändere im betroffenen Inhaltsblock die Hintergrundfarbe oder die Link-Stile für Abschnitte in deiner Kampagne, damit sie nicht dieselbe Farbe wie dein Kampagnenhintergrund haben.

Design einzelner Abschnitte anzeigen und bearbeiten

Meine Anker-Links funktionieren nicht.

Wenn du Anker-Links in deiner Kampagne hast, funktionieren die Links auf einem Mobilgerät möglicherweise nicht erwartungsgemäß. Im Falle von iPhones müssen deine Abonnent*innen beispielsweise zweimal auf den Link tippen, um zum verlinkten Abschnitt springen zu können. Geräte mit iOS 9 oder höher unterstützen Anker-Links überhaupt nicht.

Bevor du eine Kampagne an deine Kontakte sendest, kannst du mit Inbox Preview Links in der Kampagne in der Vorschau anzeigen und testen.

Mit Inbox Preview testen
E-Mail-Kampagne in der Vorschau anzeigen und testen
Ein Inhaltsverzeichnis zu einer Kampagne hinzufügen