Ottimizzare le e-mail di marketing per i dispositivi mobili

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 a coinvolgere maggiormente gli utenti e a migliorare l'esperienza complessiva delle e-mail.

Nota bene: questa funzione è disponibile solo quando si utilizza l'editor drag-and-drop. I modelli di email codificati in modo personalizzato richiederanno comunque la creazione di query multimediali per tenere conto delle differenze di dimensioni del client di posta elettronica e del tipo di dispositivo.

Supporto per i client di posta elettronica

La maggior parte dei principali provider di e-mail supporta le impostazioni di ottimizzazione per i dispositivi mobili fornite da HubSpot nell'editor delle e-mail di marketing, ma i seguenti client di e-mail non supportano attualmente le e-mail ottimizzate per i dispositivi mobili:

• Yahoo! Mail su Android
• AOL Mail su Android
• Gmail IMAP (ovvero, 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 saranno applicate. Le sezioni impostate come nascoste per il desktop o il mobile saranno anche visibili.

Limitazioni

Non è possibile impostare le impostazioni dei moduli su valori diversi tra client desktop e mobile. Ad esempio, non è possibile configurare la dimensione dei caratteri, il padding o l'allineamento dei moduli in modo che appaiano in modo diverso a seconda del tipo di client.

Tuttavia, è possibile creare una sezione specifica per il desktop che includa tutti i moduli necessari, con ciascun modulo configurato in modo da apparire nel modo desiderato per i destinatari sul desktop, quindi assicurarsi che sia nascosto per i clienti mobili. Quindi, clonare la sezione, personalizzare la nuova sezione in modo che sia ottimizzata per i clienti mobili e impostarla come nascosta per i clienti desktop.

Per ulteriori informazioni sulla configurazione delle impostazioni di visibilità specifiche del client, consultare le sezioni seguenti.

Nascondere moduli e sezioni su desktop o mobile

Per personalizzare la visualizzazione dei moduli o delle sezioni per i destinatari desktop o mobili:

• 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 sull'icona 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 per nascondere il modulo nella versione dell'e-mail che si sta modificando.
  
  • Per mostrare tutti i moduli nascosti della versione che si sta modificando, fare clic su Mostra tutti i moduli nascosti nella parte superiore dell'editor di e-mail.
  • È 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.

Personalizzazione del layout delle e-mail per cellulari 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 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 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.
• 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.