Textstile für die mobile Version anpassen

By | Mobile Optimierung, Textstile

Mobile Textstile bieten dir einen einfacheren Weg, euren Smartphone-Inhalt zu bearbeiten, ohne dass du mobile Blöcke von dem Desktop Design entkoppeln musst.

Gehe zu der Smartphone-Ansicht und passe einen Textblock ein. In diesem Beispiel haben wir die Zeilenhöhe reduziert, um Platz für Smartphone User zu sparen:

Deine Änderung wird nun in einer blauen Kiste unter dem Stil-Menü erscheinen:

Weitere Änderungen werden auch hier aufgelistet:

Wechsele zurück zu der Desktop Ansicht. Die blaue Kiste ist immer noch unter dem Stil-Menü zu finden, damit du und andere Kollegen an diesen Änderungen erinnert werden.

Um die Text-Anpassungen zurückzusetzen, kannst du oben rechts auf das Pfeil klicken. So setzt du den Textstil auf den von der Desktop-Version zurück.

Wichtig: Für mobile Apps, wie Gmail für IMAP, die die neuen Stilanpassungen nicht unterstützen, kann eine entsprechende Vorschau eingeblendet werden. Du kannst dein Design prüfen, indem du „Vorschau“ anklickst, um die Gmail-Vorschau zu öffnen.

Handbuch durchsuchen

Mail Designer 365 auf einen Blick
Layoutblöcke
Mit Text arbeiten
Textstile
Bildbereiche
Bilder
Kreative Tools
Grafiken und mehr
Tabellen
Hintergründe
Links und Buttons
Erweiterte Design-Techniken
Mobile Optimierung
Retina-Bilder
Design-Vorschau
Klartext-Darstellung
Inbox-Vorschau
Teamwork
Designs bereitstellen
Vorbereitung vor dem Senden
Designs senden
HTML Export
Export zu Campaign Monitor
Export zu MailChimp
Anhang
Approval

Layoutblöcke von der Desktop Version trennen

By | Mobile Optimierung

Wenn gewünscht, kannst du dein mobiles Design separat für Smartphone User anpassen, ohne dass die Desktop Version betroffen wird.

Gehe zu der Smartphone Ansicht, um loszulegen:

Wenn du einen Layoutblock trennen willst, ziehe an der Rahmenlinie eines Bildbereichs oder eines Textbereichs. Das folgende Fenster wird nun erscheinen:

Der Block wird nun von der Desktop Version entkoppelt, indem du auf „Entkoppeln“ klickst.  Dieser Layoutblock erhält nach der Trennung den Vermerk „Mobil Geändert“. So erkennst du, dass Änderungen an diesem Layoutblock nicht in die Desktop Version übernommen werden.

Wenn du diese Änderungen widerrufen willst, kannst du dein mobiles Design auf die Desktop-Version zurücksetzten, indem du „Bearbeiten“ > „Auf Desktop-Version zurücksetzen“ anklickst:

Handbuch durchsuchen

Mail Designer 365 auf einen Blick
Layoutblöcke
Mit Text arbeiten
Textstile
Bildbereiche
Bilder
Kreative Tools
Grafiken und mehr
Tabellen
Hintergründe
Links und Buttons
Erweiterte Design-Techniken
Mobile Optimierung
Retina-Bilder
Design-Vorschau
Klartext-Darstellung
Inbox-Vorschau
Teamwork
Designs bereitstellen
Vorbereitung vor dem Senden
Designs senden
HTML Export
Export zu Campaign Monitor
Export zu MailChimp
Anhang
Approval

Vorschau für mobile Geräte öffnen

By | Mobile Optimierung

Nachdem nun die Vorlage für mobile Geräte optimiert wurde, können wir uns eine Vorschau der E-Mail für verschiedene Geräte anzeigen lassen.

Ein Vorschaufenster öffnen

Klicke auf „Vorschau anzeigen“ in dem App-Menü. Der Button sieht so aus:

Du wirst nun eine Liste verschiedener mobilen Geräte für die Vorschau sehen:

 

 

Hier kannst du auch ein- und auszoomen:

Bewege den Cursor auf das Display des dargestellten iPhones und scrolle, um die E-Mail komplett zu sehen. Auch in der Apple Watch Vorschau, kannst du durch die E-Mail scrollen. Die Klartext-Ansicht deiner Vorlage kannst du separat erstellen.

Klicke auf den kleinen Button mit dem Pfeil, um das Gerät in die Horizontale zu drehen.

 

 

Handbuch durchsuchen

Mail Designer 365 auf einen Blick
Layoutblöcke
Mit Text arbeiten
Textstile
Bildbereiche
Bilder
Kreative Tools
Grafiken und mehr
Tabellen
Hintergründe
Links und Buttons
Erweiterte Design-Techniken
Mobile Optimierung
Retina-Bilder
Design-Vorschau
Klartext-Darstellung
Inbox-Vorschau
Teamwork
Designs bereitstellen
Vorbereitung vor dem Senden
Designs senden
HTML Export
Export zu Campaign Monitor
Export zu MailChimp
Anhang
Approval

Text und Links verwenden

By | Mobile Optimierung

In der mobilen Version deiner Vorlage kannst du Text und Links genauso verwenden wie in der Desktop Version. Ist ein mobiler Layoutblock nicht von der Desktop Version getrennt, werden alle Änderungen, die du in der mobilen Version vornimmst in die Desktop Version des Layoutblocks übertragen.

 

 

Handbuch durchsuchen

Mail Designer 365 auf einen Blick
Layoutblöcke
Mit Text arbeiten
Textstile
Bildbereiche
Bilder
Kreative Tools
Grafiken und mehr
Tabellen
Hintergründe
Links und Buttons
Erweiterte Design-Techniken
Mobile Optimierung
Retina-Bilder
Design-Vorschau
Klartext-Darstellung
Inbox-Vorschau
Teamwork
Designs bereitstellen
Vorbereitung vor dem Senden
Designs senden
HTML Export
Export zu Campaign Monitor
Export zu MailChimp
Anhang
Approval