Zur Navigation springen

Die mobile Anzeige Ihres Newsletters bearbeiten

Die Anzeige für einen großen Bildschirm bildet die Basis Ihres Newsletters. Die mobile Anzeige ist davon abgeleitet und lässt sich weiter anpassen. Sie können über das Bildschirm- und das Telefonsymbol zwischen beiden Ansichten wechseln. Diese Symbole finden Sie im gesamten Editor wieder: unter „Globales Design“ sowie bei jedem einzelnen Block.

Globales Design pro Anzeige einstellen

Legen Sie zuerst Ihr globales Design fest, bevor Sie Blöcke hinzufügen, bearbeiten oder entfernen. Darin bestimmen Sie die Standardeinstellungen für alle Blöcke Ihres Newsletters, jeweils getrennt für Desktop und Smartphone.

Klicken Sie in Schritt 4 neben einen Block in Ihrem Newsletter und gehen Sie zu Blöcke und globales Design → Globales Design. Darunter befinden sich die Schaltflächen „Außen“, „Mittelteil“ und „Ränder“, sowie rechts neben dem Tab die beiden Symbole.

Der Tab Globales Design mit dem Bildschirm- und Telefonsymbol und den Schaltflächen Außen, Mittelteil und Ränder

So funktionieren die beiden Symbole überall im Editor:

  • Klicken Sie auf das Bildschirmsymbol für die Standardanzeige auf einem (größeren) Bildschirm.
  • Klicken Sie auf das Telefonsymbol, um die Anzeige für ein Smartphone anzupassen. Sie sehen dann den Hinweis „Diese Einstellungen gelten für die mobile Anzeige“. Wenn Sie einen Farbcode oder einen Abstand nicht ausfüllen, gelten dort die Einstellungen der Desktop-Anzeige. Für die Ränder können Sie keine separaten mobilen Einstellungen festlegen.

Einen Block auf Mobilgeräten oder Desktop ausblenden

Sie können pro Block in Ihrem Newsletter einstellen, auf welcher Bildschirmgröße er sichtbar ist. Standardmäßig wird jeder Block in beiden Anzeigen dargestellt.

  1. Klicken Sie links auf den Tab „Design“.
  2. Scrollen Sie nach unten und aktivieren Sie „Diesen Block auf Desktop ausblenden“ oder „Diesen Block auf Mobilgeräten ausblenden“.

Diese beiden Optionen sind unabhängig voneinander: Wenn Sie einen Block auf dem Desktop ausblenden, bleibt er auf Mobilgeräten sichtbar. Ein ausgeblendeter Block wird rechts auf Ihrem Bildschirm unscharf dargestellt und mit dem Hinweis „Dieser Block ist ausgeblendet“ versehen.

Unterschiede in der mobilen Anzeige

Wenn Sie das Telefonsymbol auswählen, werden einige Elemente automatisch anders dargestellt. Sie können dies selbst anpassen:

ElementIn der mobilen AnzeigeSelbst anpassen
Bilderwerden vergrößert und über die volle Breite platziertüber die Schaltflächen unter „Design“
Spaltender Inhalt wird untereinander angeordnetklicken Sie im grünen Rahmen des Spaltenblocks auf das Zahnradsymbol und öffnen Sie den Tab „Design“. Klicken Sie neben „Design“ auf das Telefonsymbol für die mobile Anzeige, aktivieren Sie unter „Kasten“ oder „Außen“ (neben „Diesen Block auf Mobilgeräten ausblenden“) die Option „Nicht stapeln, wie auf Desktop anzeigen“ und klicken Sie auf „Speichern“. Unter „Einstellungen“ können Sie auch die Spaltenbreiten für Mobilgeräte einstellen.
Preheaderwird nicht angezeigtsiehe Den Preheader nutzen

Unter dem Tab „Design“ können Sie die Gestaltung pro Anzeige über Schaltflächen wie „Titel“, „Bild“, „Kasten“ und „Außen“ noch weiter anpassen. Dort ändern Sie beispielsweise die Schriftart, die Farbe, die Größe und die Ausrichtung von Titel, Text und Linktext, die Abstände innerhalb und außerhalb des Kastens sowie die Hintergrundfarbe und Ränder eines Kastens.

Schauen Sie regelmäßig in die „Vorschau“ Ihres Newsletters. So sehen Sie sofort, wie Ihr Newsletter auf dem Desktop und auf Mobilgeräten aussieht.

Verwandte Artikel