Se state preparando un'e-mail di marketing, potete nascondere sezioni specifiche per i destinatari su client di posta elettronica desktop o mobile, nonché modificare la configurazione delle colonne e il layout generale per adattarlo agli utenti che leggono l'e-mail su dispositivi più piccoli. L'adattamento delle e-mail ai diversi dispositivi può contribuire ad aumentare il coinvolgimento e a migliorare l'esperienza complessiva dell'utente.
Nota bene: questa funzione è disponibile solo quando si utilizza l'editor di email con trascinamento. I modelli di email codificati in modo personalizzato richiedono comunque che lo sviluppatore crei delle media queries per tenere conto delle differenze di dimensioni del client di posta elettronica e del tipo di dispositivo.
Supporto dei client e-mail
La maggior parte dei principali provider di posta elettronica supporta le impostazioni di ottimizzazione per i dispositivi mobili fornite da HubSpot nell'editor di email di marketing, ma i seguenti client di posta elettronica non supportano attualmente le email ottimizzate per i dispositivi mobili:
- Yahoo! Mail su Android
- AOL Mail su Android
- Gmail IMAP (cioè, utilizzando l'app Gmail con un account non Google)
- Alcune versioni di Samsung Mail, ad esempio utilizzando un account Outlook collegato a Samsung Mail.
Se si utilizza uno dei client sopra elencati, le funzioni di ottimizzazione mobile di HubSpot che inseriscono media queries specifiche per desktop o mobile non verranno applicate. Le sezioni impostate come nascoste per desktop o mobile saranno visibili.
Nascondere moduli e sezioni su desktop o mobile
Per personalizzare quali moduli o sezioni appaiono per i destinatari desktop o mobile:
- Fare clic sul nome di un'e-mail creata, oppure fare clic su Crea e-mail in alto a destra per creare una nuova e-mail.
- Fare clic sull'icona desktop desktop o mobile mobile nella parte superiore dell'editor di e-mail per configurare le impostazioni per ciascun tipo di client.
- Passare il mouse su un modulo o una sezione e fare clic sull'icona hide hide per nascondere il modulo nella versione dell'email che si sta modificando.
- Per mostrare tutti i moduli nascosti della versione che si sta modificando, fare clic su Mostra tutti nascosti nella parte superiore dell'editor di posta elettronica.
- È possibile fare clic sull'icona view view per riportare un modulo nascosto a essere visibile per quella versione dell'email.
- Nel riquadro di sinistra, è possibile selezionare la casella di controllo Mostra come larghezza massima sui dispositivi mobili per garantire che il modulo o la sezione appaiano a tutta larghezza per i destinatari mobili.
Personalizzare il layout dell'e-mail per i dispositivi mobili o desktop
Per configurare impostazioni di layout diverse tra client mobile e desktop:
- Nel riquadro di sinistra, fare clic sulla scheda Contenuto.
- Per personalizzare la visualizzazione di una sezione dell'e-mail tra desktop e mobile:
- Fare clic su una delle sezioni dell'e-mail.
- Nella sezione Visibilità, è possibile disattivare l'interruttore Tutti i dispositivi , quindi fare clic su Mostra o Nascondi nelle rispettive sezioni Desktop e Mobile .
-
- Nella sezione Layout, disattivare l'interruttore Tutti i dispositivi, quindi configurare il layout a colonne per il Desktop e il layout di impilamento per il Mobile.
-
- È quindi possibile modificare lo stile della sezione per i client mobili o desktop. Modificare il colore del corpo, la larghezza e il tipo di bordo, il tipo di sfondo e il colore di sfondo associati ai destinatari mobili o desktop.
- Per personalizzare l'aspetto di un modello per i destinatari desktop o mobili:
- Nel riquadro di sinistra, fare clic su Progettazione.
- Nella sezione Modello, disattivare l'interruttore Tutti i dispositivi.
- È quindi possibile modificare lo stile del modello per i clienti mobili o desktop. Modificare il colore del corpo, la larghezza e il tipo di bordo, il tipo di sfondo e il colore di sfondo associati ai destinatari mobili o desktop.
Una volta terminata la modifica delle impostazioni di visibilità e di layout dell'e-mail, è possibile visualizzare un'anteprima di come l'e-mail apparirà in una serie di client di posta elettronica comuni.