Haltepunkte verwenden

Wenn Sie eine E-Mail gestalten, kann sich die Darstellung je nach den Bildschirmabmessungen der verwendeten Geräte unterscheiden.

Um eine stets optimale Darstellung zu gewährleisten, bietet der Email Builder Haltepunkte („breakpoints“), die den Inhalt automatisch an das verwendete Gerät anpassen.

Ein Haltepunkt entspricht dem Moment, in dem die Darstellung von einem Format zu einem anderen wechselt:

• Von Desktop zu Tablet: 640px (über den "Styles"-Tab des Körpers änderbar)
• Von Tablet zu Mobil: 450px

Die Haltepunkte werden durch Bildschirmbreitenwerte definiert. Sobald diese Übergänge überschritten werden, passt sich das Layout an, um eine bessere Lesbarkeit zu gewährleisten.

Hier sind die Breitenwerte, die im Designer für jede Ansicht verwendet werden:

• Desktop: 640px (über den "Styles"-Tab des Körpers änderbar)
• Tablet: 500px
• Mobil: 320px

Eine gute Verwaltung der Haltepunkte gewährleistet flüssiges Lesen und ein für alle Bildschirme angepasstes Design.

Sie können die Stile Ihrer E-Mail-Elemente unabhängig voneinander entsprechend den verschiedenen Haltepunkten verwalten. Dies ermöglicht es Ihnen, die Darstellung auf Desktop, Tablet und mobilen Geräten zu optimieren.

Um mehr über die detaillierte Liste der Elemente zu erfahren, die Sie für jede Ansicht anpassen können, siehe Unabhängig bearbeitbare Elemente in Desktop- und Mobile-Ansicht.

Bei der Erstellung Ihrer E-Mails ist es sinnvoll zu berücksichtigen, wie sich die Elementstile an verschiedene Bildschirmgrößen anpassen.

• Mit der Desktop-Version beginnen
  Wir empfehlen, dass Sie Ihre Blöcke erstellen und Ihre Stile vorrangig für die Desktop-Version definieren, da diese als Referenz für andere Formate dient.

• Stil-Vererbung in Tablet- und Mobilansichten
  Die in der Desktop-Version definierten Werte für Breiten, Farben und Schriftgrößen werden automatisch auf die Tablet- und Mobilversionen angewendet.

• Unabhängige Änderung von Stilen in Tablet- und Mobilansichten
  In den Tablet- und Mobilansichten erscheinen diese Werte in grauer Kursivschrift, was anzeigt, dass sie von den in der Desktop-Version definierten Stilen vererbt werden. Sie können sie jedoch trotzdem ändern, ohne die anderen Versionen zu beeinträchtigen.

Der Spiegellink ermöglicht es Ihnen, Ihre E-Mail in verschiedenen Bildschirmauflösungen in der Vorschau anzuzeigen und gewährleistet so eine optimale Darstellung auf mehreren Geräten:

• Mobilansicht: von 320 px bis 428 px
• Tabletansicht: von 480 px bis 768 px
• Desktopansicht: 640 px und höher

Ihre E-Mail in diesen verschiedenen Auflösungen zu testen, ermöglicht es Ihnen, eventuelle Layout-Probleme zu antizipieren und eine reibungslose Benutzererfahrung zu gewährleisten, unabhängig von der Umgebung, die Ihre Leser verwenden.