Vorrei visualizzare in un’e-mail determinati contenuti, ad esempio pulsanti, immagini o intere sezioni, solo su desktop o solo su mobile. Aivie offre un’opzione di visibilità per blocco, con la quale è possibile visualizzare o nascondere in modo mirato i contenuti in base al dispositivo.
Questa funzione è particolarmente adatta per:
- diversi layout di pulsanti
- Call-to-action ottimizzate per dispositivi mobili
- ritagli di immagini alternativi per desktop e dispositivi mobili
Gestire la visibilità per blocco
Il blocco pulsante ha l’opzione Visibilità nelle Impostazioni.
Lì puoi selezionare:
- Tutti i dispositivi
- Solo desktop
- Solo mobile
Il contenuto verrà quindi renderizzato solo sui dispositivi selezionati.
Visualizzare o nascondere intere sezioni
L’opzione di visibilità può essere applicata anche a intere sezioni.
Utilizzo tipico:
- Sezione desktop con layout a più colonne
- Sezione mobile con visualizzazione semplificata
Tipici casi d’uso
1. Pulsanti diversi per desktop e dispositivi mobili
Esempio:
- Desktop: pulsante largo, allineato a sinistra
- Mobile: grande pulsante a larghezza intera
Per questo crei due pulsanti:
- Pulsante A → Visibilità: Solo desktop
- Pulsante B → Visibilità: Solo mobile
Entrambi possono utilizzare lo stesso link, ma essere progettati in modo diverso.
2. Immagini diverse a seconda del dispositivo
Esempio:
- Desktop: immagine di screenshot ampia
- Mobile: ritaglio compresso o motivo semplificato
Anche qui:
- Immagine A → Solo desktop
- Immagine B → Solo mobile
In questo modo, l’effetto dell’immagine rimane controllabile per ogni dispositivo.
Nota tecnica
Il controllo della visibilità in Aivie si basa su regole CSS compatibili con il client, supportate dai comuni client di posta elettronica (inclusi iOS Mail e Gmail).
Tuttavia, non è possibile garantire che la regola venga applicata in tutti i casi.
Raccomandazione
Utilizzare “Solo desktop” / “Solo mobile” in modo mirato per:
- Call-to-action
- layout complessi
- contenuti con molte immagini
Per i normali contenuti di testo, di solito è sufficiente un layout uniforme.
Conclusione
Con l’opzione di visibilità in Aivie, i contenuti possono essere visualizzati o nascosti in base al dispositivo.
In questo modo, le e-mail possono essere adattate in modo ottimale a desktop e dispositivi mobili, senza modelli separati o modifiche CSS manuali.
