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 Bearbeitungsoptionen für Mobilgeräte und Desktop gelten nur für den Drag-and-Drop E-Mail-Builder.Sie sind nicht verfügbar für reine Text-E-Mails.
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 Versand 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 Bearbeitungs- und Designarbeiten.
Das hilft Ihnen:
Mit mobile-first im Hinterkopf gestalten
Inhalte bearbeiten, während Sie das mobile Layout anzeigen
Layoutprobleme frühzeitig erkennen, ohne den Editor zu verlassen
Zeit sparen und Ihren Workflow optimieren
Zwischen Desktop- und Mobilansichten wechseln
Wechseln Sie direkt im 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).
Suchen Sie den Geräteumschalter in der oberen Symbolleiste (neben der Rückgängig-Schaltfläche).
Klicken Sie auf das Symbol, um zwischen zu wechseln:
Desktop (Monitor-Icon) – Standard-Bearbeitungsansicht
Mobil (Telefon-Icon) – 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 erfolgt sofort und ist nicht destruktiv – er ändert nur, wie Ihre E-Mail im Editor angezeigt wird, nicht deren Struktur.
In der mobilen Ansicht bearbeiten
Sie können Ihre E-Mail vollständig bearbeiten, während Sie sie im mobilen Modus anzeigen. Alle Bearbeitungsvorgänge funktionieren sowohl in der Desktop- als auch in der mobilen Ansicht:
Blöcke ziehen und ablegen
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).
Inhalte werden so angezeigt, wie sie in mobilen E-Mail-Clients angezeigt würden.
Änderungen werden in Echtzeit angezeigt.
Die mobile Ansicht zeigt, wie Ihre E-Mail auf mobilen Geräten dargestellt wird, einschließlich:
Spaltenstapelung (mehrspaltige Layouts werden zu einspaltigen)
Textumbruch
Schaltflächenanpassung
Abstandsänderungen
Dies 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 Mobilgeräten untereinander
Nebeneinander behalten – Spalten bleiben auf Mobilgeräten nebeneinander
Anwendungsfälle: Produktgitter, Vergleichsabschnitte oder Layouts, bei 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, welcher Inhalt auf Desktop, Mobil oder beidem angezeigt wird.
Um die Sichtbarkeit festzulegen:
Klicken Sie auf das Element oder Layout, das Sie anpassen möchten.
Gehen Sie zu Layout (rechtes Panel) → Anzeigeeinstellungen.
Wählen Sie:
Alle Geräte (Standard)
Nur mobile Geräte
Nur Desktop-Geräte
Zeigen Sie ein großes Hero-Bild nur auf dem Desktop an
Zeigen Sie eine vereinfachte Version für mobile Benutzer an
Verwenden Sie unterschiedliche Layouts für jedes Gerät
Dies hilft Ihnen, Ihre Die E-Mail zu optimieren, ohne Vorlagen zu duplizieren.
[1mTip[0m: Verwenden Sie das [1mVorschau & Test[0m-Tool, um zu überprüfen, wie Ihre Die E-Mail auf beiden Geräten mit dynamischen Inhalten angezeigt wird.
Häufig gestellte Fragen
Kann ich im mobilen Layout 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 Die E-Mail, wenn ich zum mobilen Layout 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 Die E-Mail wird auf beiden Geräten korrekt angezeigt.
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 [1mDesignarbeit[0m.
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.
[1mErfahren Sie mehr[0m: [1mVorschau und Test von Kampagnen & Automatisierungen[0m, [1mDunkelmodus in E-Mails.[0m
Kann ich unterschiedliche Bilder für mobil 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-Die 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önnen in zukünftigen Updates hinzugefügt werden.
Ich versuche, auf meinem Telefon/Tablet zu bearbeiten, aber das Layout ist schwierig zu verwenden. Warum?
Der E-Mail-Builder ist für Desktop- oder Laptop-Browser optimiert. Auf mobilen Geräten können Sie schnelle Textbearbeitungen 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 Polsterungen anpassen
Bilder oder Schaltflächen ändern
Zugriff auf vollständige Designkontrollen
Für das beste Bearbeitungserlebnis verwenden Sie einen Desktop-Browser.
Hilfe benötigt? Der Kontakt zu uns ist [1m[email protected][0m oder über den In-App-Chat.