Ottimizzare le e-mail di marketing per i dispositivi mobili (BETA)

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:

• Nel tuo account HubSpot, passa a Marketing > E-mail di marketing.
• 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.