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

Viele deiner Kontakte verwenden wahrscheinlich ihre Smartphones und Tablets, um deine E-Mails anzuzeigen. Daher ist es wichtig, deine Kampagnen für Mobilgeräte zu optimieren. Um dafür zu sorgen, dass deine Kampagnen auf jedem Gerät gut aussehen, kannst du die Mailchimp-Stile für Mobilgeräte nutzen und diese vor dem Senden im Vorschaumodus überprüfen und testen.

In diesem Artikel erfährst du, wie du das Erscheinungsbild deiner E-Mail auf Mobilgeräten anpassen, im Vorschaumodus überprüfen und testen kannst.

Vor dem Start

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

• 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.

Stile für Mobilgeräte bearbeiten und in der Vorschau anzeigen

Mithilfe der Drag-and-Drop-Vorlagen von Mailchimp kann der Stil deiner E-Mail für die Anzeige auf Mobilgeräten angepasst werden. Dies geschieht automatisch, wenn jemand deine E-Mail auf einem Smartphone oder Tablet öffnet. Du kannst die standardmäßigen mobilen Stile in beiden E-Mail-Buildern bearbeiten oder einzelne Inhaltsblöcke im neuen E-Mail-Builder anpassen.

Standardmäßige mobile Stile im neuen Builder bearbeiten und in der Vorschau anzeigen

So bearbeitest du Stile für Mobilgeräte im neuen Builder:

1. Klicke auf den Tab Stile und wähle dann Mobil.
   
2. Mit den Dropdown-Menüs lassen sich die Stile für E-Mail, Text, Schaltflächen und Divider nach Bedarf bearbeiten.
3. Klicke auf Vorschau und wähle den Tab Mobilgeräte .
4. Klicke auf X , wenn die Vorschau beendet werden soll.

Je nachdem, mit welchen Mobilgeräten und Anwendungen die E-Mail angezeigt wird, kann das tatsächliche Erscheinungsbild abweichen.

Desktop und Mobilgeräte zur Anpassung von Stilen im neuen Builder aufheben

Um einen individuellen Inhaltsblock in deiner E-Mail für Mobilgeräte anzupassen, entferne die Verknüpfung deiner Desktop- und mobilen Stile. Nimm dann bestimmte Änderungen an den mobilen Stilen deiner E-Mail vor, ohne die Desktop-Stile deiner E-Mail zu beeinträchtigen. Das Aufheben der Verknüpfung von Desktop- und mobilen Stilen ist nur im neuen Builder verfügbar.

So entfernst du die Verknüpfung von Desktop- und mobilen Stilen:

1. Klicke im Builder auf das Handy- Symbol.
2. Klicke auf den Inhaltsblock, den du anpassen möchtest.
3. Klicke auf den Tab Style (Stil).
4. Im gerätespezifischen Abschnitt schalten Sie den Schieberegler Desktop und Mobile Styles verknüpfen aus.
5. Passen Sie im Abschnitt On Mobile die Einstellungen für Ausrichtung, Padding und Rand nach Bedarf an.
6. Schalte zwischen dem Desktop- Symbol und dem mobilen Symbol um, um eine Vorschau jeder Ansicht anzuzeigen.

Standardmäßige mobile Stile im Legacy-Builder bearbeiten und in der Vorschau anzeigen

So bearbeitest du mobile Stile im Legacy-Builder: Wenn du eine selbst erstellte Vorlage verwendest, musst du deine Stile für Mobilgeräte manuell anpassen.

1. Klicke auf den Tab Stil und wähle dann Stile für Mobilgeräte.
   
2. Mithilfe der Dropdown-Menüs bearbeitest du nach Bedarf die Stile für Mobilgeräte und klickst dann auf Speichern.
3. Klicke auf das Dropdown-Menü Vorschau und wähle Vorschaumodus eingeben.
   
4. Klicke auf die Registerkarte Mobilgeräte .
5. Klicke auf X , wenn die Vorschau beendet werden soll.

Je nachdem, mit welchen Mobilgeräten und Anwendungen die E-Mail angezeigt wird, kann das tatsächliche Erscheinungsbild abweichen.

Teste deine E-Mails

Um einen Entwurf deiner E-Mail auf deinem Mobilgerät anzuzeigen, kannst du eine Test-E-Mail senden. Wenn du einen kostenpflichtigen Tarif hast, verwende Inbox Preview, um zu sehen, wie deine E-Mail in unterschiedlichen E-Mail-Clients auf verschiedenen Geräten angezeigt wird.

Wenn du den Legacy-Builder verwendest, kannst du deine E-Mail an die mobile Mailchimp-App auf deinem Gerät senden.

Im Legacy-Builder auf Mobilgeräte übertragen

Zum Optimieren deines Testprozesses solltest du über die Mailchimp Mobile-App auf eine Vorschau deiner E-Mail-Kampagnen zugreifen. In unseren Artikeln zu Mailchimp für iOS oder Mailchimp für Android findest du weitere Informationen.

Installiere die mobile App auf deinem Gerät und sende eine E-Mail vom Legacy-Builder direkt an die App, damit du sehen kannst, wie sie aussieht.

So schickst du eine E-Mail von deinem Computer mit dem Legacy-Builder auf dein Mobilgerät:

1. Klicke auf das Dropdown-Menü Preview (Vorschau) und wähle Push to Mobile(An Mobilgerät senden).
   
2. Klicke im Pop-up-Fenster auf Remove(Entfernen). Wenn du die mobile App noch nicht heruntergeladen hast, findest du im Pop-up-Fenster Links zum App Store und zu Google Play.
3. Öffne die Vorschau auf deinem Mobilgerät über die Push-Benachrichtigung, die du erhältst.

Wenn du die Push-Benachrichtigung verwirfst, musst du diese Schritte wiederholen, um deine Kampagne auf deinem Mobilgerät anzuzeigen.

Fehlerbehebung bei Bildern in Textblöcken im Legacy-Builder

Bilder in Textinhaltsblöcken werden auf Mobilgeräten unter Umständen nicht im richtigen Seitenverhältnis angezeigt, da responsive Vorlagen diese Bilder nicht einschränken. Um zu verhindern, dass deine Bilder im Legacy-Builder gedehnt werden, verwende einen Bild-Inhaltsblock. Wenn du sowohl Text als auch ein Bild in denselben Block einfügen möchtest, kannst du die Blöcke „Image Card" (Bildkarte) oder „Image + Caption" (Bild + Bildunterschrift) nutzen. Weitere Informationen findest du in unserem Artikel zum E-Mail-Verhalten auf Mobilgeräten.

Nächste Schritte

Du möchtest mehr darüber erfahren, welche Rolle Mobilgeräte für deine E-Mails spielen? Sieh dir unsere Untersuchung zu den Auswirkungen der Nutzung von Mobilgeräten auf das E-Mail-Engagement an.

Weitere Informationen zum Testen deiner E-Mails findest du in unserem Artikel Tipps zum Testen von E-Mails.