Ich möchte in einem E-Mail bestimmte Inhalte – z. B. Buttons, Bilder oder ganze Sections – nur auf Desktop oder nur auf Mobile anzeigen. Aivie bietet eine Visibility-Option pro Block, mit der sich Inhalte gezielt nach Gerät ein- oder ausblenden lassen.
Diese Funktion eignet sich besonders für:
- unterschiedliche Button-Layouts
- Mobile-optimierte Call-to-Actions
- alternative Bildausschnitte für Desktop und Mobile
Sichtbarkeit pro Block steuern
Der Button Block verfügt in den Settings über die Option Visibility.
Dort kannst du auswählen:
- All Devices
- Desktop only
- Mobile only
Der Inhalt wird dann nur auf den gewählten Geräten gerendert.
Ganze Sections ein- oder ausblenden
Die Visibility-Option kann auch auf ganze Sections angewendet werden.
Typische Nutzung:
- Desktop-Section mit mehrspaltigem Layout
- Mobile-Section mit vereinfachter Darstellung
Typische Anwendungsfälle
1. Unterschiedliche Buttons für Desktop und Mobile
Beispiel:
- Desktop: breiter Button, links ausgerichtet
- Mobile: grosser Full-Width-Button
Du erstellst dafür zwei Buttons:
- Button A → Visibility: Desktop only
- Button B → Visibility: Mobile only
Beide können denselben Link verwenden, aber unterschiedlich gestaltet sein.
2. Unterschiedliche Bilder je nach Gerät
Beispiel:
- Desktop: breites Screenshot-Bild
- Mobile: komprimierter Ausschnitt oder vereinfachtes Motiv
Auch hier:
- Bild A → Desktop only
- Bild B → Mobile only
So bleibt die Bildwirkung pro Gerät kontrollierbar.
Technischer Hinweis
Die Sichtbarkeitssteuerung in Aivie basiert auf client-kompatiblen CSS-Regeln, die von gängigen E-Mail-Clients (inkl. iOS Mail und Gmail) unterstützt werden.
Es kann jedoch keine Garantie übernommen werden, dass die Regel in allen Fällen angewendet wird.
Empfehlung
Verwende „Desktop only“ / „Mobile only“ gezielt für:
- Call-to-Actions
- komplexe Layouts
- bildlastige Inhalte
Für normale Text-Inhalte ist meist ein einheitliches Layout ausreichend.
Fazit
Mit der Visibility-Option in Aivie lassen sich Inhalte gerätespezifisch anzeigen oder ausblenden.
So können E-Mails optimal auf Desktop und Mobile abgestimmt werden – ohne separate Templates oder manuelle CSS-Anpassungen.
