Layoutblöcke für die mobile Version ausblenden

By | Mobile Optimierung

Mail Designer 365 erlaubt dir, bestimmte Layoutblöcke von der Desktop Version in der mobilen Version auszublenden, um dies für Smartphone-User schlichter zu machen.

Um loszulegen, gehe zu der Smartphone-Ansicht:

Um einen Layoutblock auszublenden, klicke auf das kleine Auge an der linken Seite des Layoutblocks:

Der Layoutblock wird nun ausgeblendet und du siehst stattdessen ein kleines Fähnchen mit einer Zahl, die dich darüber informiert wie viele Layoutblöcke in diesem Bereich ausgeblendet wurden:

Die Zahl wird sich erhöhen, wenn du mehrere Layoutblöcke ausblendest.

Wechsle nun zurück zur Desktop Version deiner Vorlage und du wirst neben dem entsprechenden Layoutblock den Hinweis „Nur Desktop“ bemerken…

 

 

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

Einen Layoutblock nur für die mobile Version hinzufügen

By | Mobile Optimierung

In Mail Designer 365 kannst du dein Design so anpassen, dass bestimmte Layoutblöcke nur in der mobilen Version sichtbar sind.

Um loszulegen, gehe zu der Smartphone-Ansicht:

Um einen Layoutblock einzufügen, ziehe ihn aus dem Inhalte Fenster in die mobile Version deiner Vorlage, genauso wie du es zuvor für die Desktop Version getan hast.

Nachdem du einen Block ins mobile Design gezogen hast, wirst du an der rechten Seite des Layoutblocks die Aufschrift „Nur Mobil“ sehen können. So erkennst du, dass dieser Block nur auf mobile Geräte erscheinen wird.

 

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