Visualizzare in anteprima e ottimizzare l'aspetto delle tue e-mail tra i client e i dispositivi

Mentre disegni la tua email di marketing, puoi vedere in anteprima come appare su diversi tipi di dispositivi e client di posta elettronica. Se noti che la tua email non viene visualizzata come previsto su client specifici, leggi le best practice e le soluzioni per i problemi più comuni qui sotto.

Anteprima della tua email su dispositivi mobili e client desktop

Prima di inviare la tua email, puoi vedere in anteprima come apparirà su diversi client e dispositivi.

• Nel tuo account HubSpot, vai a Marketing > E-mail.
• Clicca sulnome di un'email esistente in bozza.
• In alto a destra dell'editor di email, clicca sul menu a discesaAzioni, quindi suAnteprima.
• Guarda come apparirà la tua email sia su uno schermo desktop più ampio che su una versione mobile più piccola
• Per vedere in anteprima come la tua email apparirà in specifici client di posta elettronica, clicca suClienti in alto nella schermata di anteprima.
• Nel riquadro di sinistra, seleziona lacasella di controllo accanto a qualsiasi client di posta che vuoi vedere in anteprima.
• In alto a destra, clicca suProva la mia email ora. HubSpot genererà delle anteprime per ognuno dei clienti che hai selezionato.
  • Clicca i pulsanti < o > per navigare tra le anteprime dei client.
  • Per impostazione predefinita, molti client inizialmente disabilitano le immagini quando l'e-mail viene caricata per la prima volta. Per vedere come appare la tua email senza immagini, attiva ilblocco delle immagini.

Risolvere i problemi di ritaglio di Gmail

Se la dimensione totale della tua email, incluso qualsiasi codice incorporato nel markup del tuo messaggio, supera i 102 KB, Gmail taglierà la tua email. Per visualizzare l'intero contenuto della tua email, il tuo destinatario dovrà cliccare sul link Visualizza l'intero messaggio, che può avere un impatto negativo sulla tua reputazione di invio, e interferisce anche con la capacità di HubSpot di tracciare le interazioni con la tua email.

Se la tua email redatta rischia di essere tagliata in Gmail, un avviso apparirà nel pannello di revisione e invio .

Per evitare che Gmail tagli la tua email, puoi seguire i seguenti passi:

• Elimina qualsiasi contenuto extra:rivedete la vostra email per rimuovere qualsiasi contenuto che non è essenziale per i vostri destinatari. Dovresti anche controllare il codice o lo stile che potresti aver incluso se hai copiato il contenuto da un altro editor. Tieni a mente che la rimozione di immagini di grandi dimensioni non ridurrà significativamente la dimensione della tua email, dal momento che sono caricate separatamente dal contenuto della tua email.
• Evita di inviare più email con lo stesso oggetto: se invii più email ad un destinatario che hanno lo stesso oggetto, Gmail le combinerà automaticamente in un unico thread, anche se l'email più recente include nuovi contenuti.
• Prova la tua email dopo aver fatto dei cambiamenti: dopo aver rivisto la tua email per ridurne le dimensioni, invia un'email di prova ad un account Gmail che possiedi per verificare che la tua email appaia come ti aspetteresti senza alcun ritaglio.

Rendi la tua email mobile friendly

Anche se è difficile progettare la tua email in modo che appaia perfettamente tra desktop e mobile, puoi seguire i suggerimenti qui sotto per assicurare un'esperienza mobile coerente.

Usa un modello di email responsive

Tutti i modelli HubSpotmodelli drag-and-dropsono reattivi per impostazione predefinita. Questo significa che il contenuto si adatta allo schermo su cui viene visualizzato. HubSpot aggiunge anche una larghezza massima alle immagini nell'editor dei contenuti, quindi non devi preoccuparti di modificare il codice sorgente per aggiungere la larghezza massima.

Se stai creando un modello di email codificato in HubSpot, assicurati di utilizzare il nostromarkup per modelli di email responsive. Puoi ancheacquistare un template email responsive dalTemplate Marketplace.

Riduci le dimensioni dei file immagine

Nella maggior parte dei casi, la velocità di download sui dispositivi mobili è più lenta rispetto al desktop. Usa file di immagine più piccoli per diminuire il tempo di caricamento della tua email. HubSpot ridimensiona automaticamente le immagini che includono un attributo di larghezza in un tag <img>. Servizi come FastStone Photo Resizer eJPEGmini possono ancheridurre la dimensione del file fino all'80% senza ridurre la qualità dell'immagine.

Aumenta la dimensione dei link e dei pulsanti CTA

Assicurati che il tuo contenuto sia abbastanza grande per essere letto chiaramente su un dispositivo mobile. Per assicurarti che i tuoi iscritti possano vedere e cliccare sul tuo contenuto chiaramente, assicurati chetutti i link di testo e i pulsanti CTA siano più alti e più larghi di 57x57 pixel.

Risolvi i problemi con il testo dell'anteprima dell'email

Quando la tua email appare nella casella di posta di un destinatario, i client di posta elettronica come Gmail o Outlook possono rendere il contenuto aggiuntivo del corpo dell'email dopo l'oggetto e il testo di anteprima. Questo comportamento può risultare in un testo non voluto dopo l'anteprima. Per esempio, se hai incluso un'immagine come un banner o un logo nella parte superiore della tua email, il testo alt dell'immagine potrebbe essere incluso nell'anteprima dell'email.

Per prevenire questo problema, puoi provare a fornire un riassunto del contenuto della tua email come testo alt di un'immagine in cima alla tua email, oppure puoi omettere del tutto il testo alt. Per confermare che il testo completo dell'anteprima appare come previsto, puoi inviarti un'email di prova.

Evita di usare JavaScript e frame in linea

Se stai usando il classico editor di email per creare le tue email, dovresti evitare di usare elementi <script> o <iframe> nel tuo template, poiché non saranno resi dalla maggior parte dei principali client di posta. Se stai aggiungendo un <iframe> ad un elemento HTML per inserire un video nella tua email, dovresti invece scegliere di usare il modulo video.