Der E-Mail-Builder von Omnisend ermöglicht es Ihnen, direkt im Editor zwischen Desktop- und mobilen Bearbeitungsansichten zu wechseln – so können Sie Ihre E-Mail für beide Geräte gestalten und bearbeiten, ohne die Werkzeuge zu wechseln.
In diesem Artikel erfahren Sie, wie Sie zwischen Ansichten wechseln, im mobilen Modus bearbeiten, die Spaltenstapelung steuern und Inhalte nach Gerät anzeigen oder ausblenden.
Bevor Sie beginnen
Verwenden Sie einen Desktop- oder Laptop-Computer, um E-Mails zu bearbeiten. Der E-Mail-Builder ist nicht für mobile Geräte optimiert und funktioniert möglicherweise nicht richtig auf kleinen Bildschirmen.
Dieses Feature ist sowohl in E-Mail-Kampagnen als auch in Automatisierungs-Workflows verfügbar.
Die mobile Ansicht zeigt nur statische Inhalte an – dynamische Elemente (Der Kontakt Namen, Das Produkt Empfehlungen, Rabattcodes) werden nicht angezeigt. Verwenden Sie Vorschau & Test, um dynamische Inhalte und die Darstellung im Dunkelmodus vor dem Senden anzuzeigen.
Dieses Feature unterscheidet sich von Vorschau & Test, das die endgültige Darstellung Ihrer E-Mail mit dynamischen Inhalten und Dunkelmodus anzeigt. Die mobile Ansicht im Builder dient zur Bearbeitung und Designarbeit.
Das hilft Ihnen:
Mit mobilem Design im Hinterkopf zu gestalten
Inhalte während der Ansicht des mobilen Layouts zu bearbeiten
Layoutprobleme frühzeitig zu erkennen, ohne den Editor zu verlassen
Zeit sparen und Ihren Der Workflow optimieren
Zwischen Desktop- und mobilen Ansichten wechseln
Wechseln Sie direkt im Der E-Mail-Builder zwischen Desktop- und mobilen Ansichten, um Ihre E-Mail für jedes Gerät zu gestalten und zu bearbeiten.
Um die Ansichten zu wechseln:
Öffnen Sie den E-Mail-Builder (in einem Kampagnen- oder Automatisierungsschritt der E-Mail).
Suchen Sie den Geräteumschalter in der oberen Symbolleiste (neben der Rückgängig-Taste).
Klicken Sie auf das Symbol, um zwischen zu wechseln:
Desktop (Monitor-Symbol) – Standardbearbeitungsansicht
Mobil (Telefon-Symbol) – Bearbeitungsansicht für mobiles Layout
Die Leinwand passt sich sofort an, um das ausgewählte Gerät zu simulieren. Sie können Ihre E-Mail in beiden Modi bearbeiten.
🔁 Hinweis: Der Wechsel der Ansichten ist sofort und nicht destruktiv – er ändert nur, wie Ihre E-Mail im Editor angezeigt wird, nicht ihre Struktur.
In der mobilen Ansicht bearbeiten
Sie können Ihre E-Mail vollständig bearbeiten, während Sie sie im mobilen Modus anzeigen. Alle Bearbeitungsaktionen funktionieren sowohl in der Desktop- als auch in der mobilen Ansicht:
Ziehen und Ablegen von Blöcken
Text bearbeiten
Bilder ersetzen
Schaltflächen ändern
Abstände anpassen
Produktartikel aktualisieren
Sie müssen nicht zur Desktop-Ansicht zurückwechseln, um Änderungen vorzunehmen.
Wie die mobile Ansicht funktioniert
Wenn Sie zur mobilen Ansicht wechseln:
Passt sich die Leinwand der Breite des mobilen Bildschirms an (ca. 320–414px).
Inhalt wird so angezeigt, wie er in mobilen E-Mail-Clients angezeigt wird.
Änderungen werden in Echtzeit angezeigt.
Die mobile Ansicht zeigt, wie Ihre E-Mail auf mobilen Geräten gerendert wird, einschließlich:
Spaltenstapelung (Mehrspaltenlayouts werden zu einspaltigen)
Textumbruch
Schaltflächenanpassung
Abstandsänderungen
Das stellt sicher, dass Ihr Design mit dem endgültigen Ergebnis übereinstimmt, das von den Empfängern gesehen wird.
⚠️ Wichtig: Die mobile Ansicht im Builder zeigt nur statische Inhalte an. Dynamische Elemente wie Der Kontakt Namen, Das Produkt Empfehlungen und Rabattcodes werden nicht angezeigt. Um dynamische Inhalte und die Darstellung im Dunkelmodus anzuzeigen, verwenden Sie Vorschau & Test (obere Symbolleiste).
💬 Erfahren Sie mehr: Vorschau und Test von Kampagnen & Automatisierungen
Steuern Sie die Spaltenstapelung auf Mobilgeräten
Standardmäßig stapeln sich Mehrspaltenlayouts vertikal auf mobilen Geräten. Sie können dieses Verhalten anpassen.
Um die Spaltenstapelung zu ändern:
Klicken Sie auf das Layout (nicht auf die einzelnen Elemente darin).
Gehen Sie zu Layout (rechtes Panel) → Mobile Stapelung.
Wählen Sie:
Spalten stapeln (Standard) – Spalten erscheinen auf mobilen Geräten untereinander
Seiten-by-Seiten beibehalten – Spalten bleiben auf mobilen Geräten nebeneinander
Anwendungsfälle: Produktgitter, Vergleichsabschnitte oder Layouts, in denen nebeneinander stehende Inhalte auf Mobilgeräten wichtig sind.
📝 Erfahren Sie mehr: E-Mail-Layouts mit mobiler Stapelung optimieren
Inhalte nach Gerät anzeigen oder ausblenden
Steuern Sie, welche Inhalte auf Desktop, Mobil oder beidem angezeigt werden.
Um die Sichtbarkeit festzulegen:
Klicken Sie auf das Element oder Layout, das Sie anpassen möchten.
Gehen Sie zu Layout (rechtes Panel) → Anzeigeneinstellungen.
Wählen Sie:
Alle Geräte (Standard)
Nur mobile Geräte
Nur Desktop-Geräte
Ein großes Hero-Bild nur auf Desktop anzeigen
Eine vereinfachte Version für mobile Benutzer anzeigen
Verwenden Sie unterschiedliche Layouts für jedes Gerät
Dies hilft Ihnen, Ihre E-Mail zu optimieren, ohne Vorlagen zu duplizieren.
🔁 Tipps: Verwenden Sie das Vorschau & Test-Tool, um zu überprüfen, wie Ihre E-Mail auf beiden Geräten mit dynamischen Inhalten erscheint.
Häufig gestellte Fragen
Kann ich in der mobilen Ansicht auf meinem Telefon oder Tablet bearbeiten?
Nein. Der E-Mail-Builder (einschließlich des Wechsels der mobilen Ansicht) ist nur für die Verwendung auf Desktop- und Laptop-Computern optimiert. Verwenden Sie einen Desktop-Browser (Chrome empfohlen) für das beste Erlebnis.
Ändert sich die Struktur meiner E-Mail, wenn ich zur mobilen Ansicht wechsle?
Nein. Der Schalter ändert nur, wie Ihre E-Mail im Editor angezeigt wird – er verändert nicht die tatsächliche Struktur oder den Code. Ihre E-Mail wird auf beiden Geräten korrekt gerendert.
Was ist der Unterschied zwischen der mobilen Ansicht im Builder und Vorschau & Test?
Umschalter für die mobile Ansicht (im Builder): Ermöglicht Ihnen das Entwerfen und Bearbeiten, während Sie das mobile Layout sehen. Der Inhalt ist statisch – dynamische Elemente (Der Kontakt Namen, Das Produkt Empfehlungen) werden nicht angezeigt. Verwenden Sie dies für Designarbeit.
Vorschau & Test: Zeigt, wie Ihre E-Mail tatsächlich in E-Mail-Clients gerendert wird, einschließlich dynamischer Inhalte, Dunkelmodus und gerätespezifischem Rendering. Nicht bearbeitbar – verwenden Sie dies für Endüberprüfung vor dem Versand.
💬 Erfahren Sie mehr: Vorschau und Test von Kampagnen & Automatisierungen, Dunkelmodus in E-Mails.
Kann ich unterschiedliche Bilder für mobile und Desktop festlegen?
Ja. Verwenden Sie Anzeigeeinstellungen (Layout → Anzeigeeinstellungen → Nur mobile Geräte / Nur Desktop-Geräte), um unterschiedliche Bilder auf jedem Gerät anzuzeigen. Dies ist nützlich, um optimierte Bilder für jede Bildschirmgröße anzuzeigen.
Werden meine Abonnenten sehen, was ich in der mobilen Ansicht sehe?
Ja, mit einer Ausnahme: Die mobile Ansicht zeigt nur statische Inhalte. Ihre Abonnenten sehen das mobile Layout plus dynamische Inhalte (ihren Namen, personalisierte Produktempfehlungen, Rabattcodes usw.). Senden Sie immer eine Test-E-Mail, um das endgültige Ergebnis zu sehen.
⚠️ Hinweis: Erweiterte mobile Anpassungsfunktionen (z. B. mobiles Padding, Schriftgrößen oder unabhängige mobile Layouts) sind noch nicht verfügbar. Diese könnten in zukünftigen Updates hinzugefügt werden.
Ich versuche, auf meinem Telefon/Tablet zu bearbeiten, aber das Layout ist schwer zu bedienen. Warum?
Der E-Mail-Builder ist für Desktop- oder Laptop-Browser optimiert. Auf mobilen Geräten können Sie schnelle Textänderungen vornehmen, aber viele Bearbeitungsfunktionen sind nicht verfügbar.
Was Sie in mobilen Browsern tun können:
Text in bestehenden Blöcken bearbeiten
Text unterwegs aktualisieren
Was einen Desktop erfordert:
Blöcke hinzufügen oder entfernen
Elemente per Drag & Drop verschieben
Layouts, Abstände oder Padding anpassen
Bilder oder Schaltflächen ändern
Vollen Designkontrollen zugreifen
Für die beste Bearbeitungserfahrung verwenden Sie einen Desktop-Browser.
Hilfe benötigt? Der Kontakt zu uns ist [email protected] oder über den In-App-Chat.