Zum Hauptinhalt springen

Wie nutze ich das Responsive Design für meinen Newsletter?

Erfahren Sie, wie Sie das Responsive Design Ihrer Newsletter-Vorlagen im Editor individuell anpassen, Elemente für mobile Endgeräte optimieren und die integrierte Vorschaufunktion nutzen.

Übersicht und Funktionsweise

Alle unsere Standard- und Premium-Vorlagen sind bereits von Haus aus für mobile Endgeräte optimiert (Responsive Design). Da die technische Codierung und Formatierung in der mobilen Ansicht von der Desktop-Version abweicht, können gezielte manuelle Anpassungen einzelner Bausteine sinnvoll sein.

Um Änderungen vorzunehmen, wechseln Sie im Editor einfach von der Desktop-Ansicht in die responsive Darstellung, zu finden oben rechts. Dadurch wird das Layout sofort im mobilen Format simuliert, sodass Sie das Ergebnis Ihrer Bearbeitung in Echtzeit prüfen können.

Bearbeitungsmöglichkeiten im Editor

In der responsiven Ansicht stehen Ihnen auf der linken Seite wie gewohnt die Optionen sowie alle weiteren Menüreiter (z. B. der Navigator) zur Verfügung. Bitte beachten Sie dabei folgende Besonderheiten:

  • Bilder: Können unabhängig von der Desktop-Version in ihrer Breite angepasst, speziell formatiert oder für mobile Geräte vollständig ausgeblendet werden.

  • Texte: Hier lassen sich ausschließlich die Textausrichtung und der Zeilenumbruch für die mobile Ansicht optimieren. Der grundlegende Schriftstil (Schriftart, Farbe, Größe) bleibt in beiden Versionen identisch.

Vorschau-Funktion

Nutzen Sie vor dem Versand die integrierte Vorschau, um sicherzustellen, dass Ihr Newsletter auf Desktops, Tablets und Smartphones fehlerfrei und optisch ansprechend dargestellt wird.

Hat dies deine Frage beantwortet?