Salta al contenuto
Nota bene: la traduzione in olandese di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.
Email

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

Ultimo aggiornamento: maggio 28, 2021

Si applica a:

Marketing Hub  Professional, Enterprisee
CMS Hub  Professional, Enterprisee
Legacy Marketing Hub Basic

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, naviga su Marketing > E-mail.
  • Clicca sul nomedi un'email esistente in bozza.
  • In alto a destra dell'editor di email, clicca sul menua tendina Azioni, poi clicca su Anteprima.
  • 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 su Clientiin alto nella schermata di anteprima.
  • Nel riquadro di sinistra, seleziona la casella di controlloaccanto a qualsiasi client di posta che vuoi vedere in anteprima.
  • In alto a destra, clicca su Testmy email now. 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.

preview-your-email-in-editor

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 bozza di email è a rischio di essere tagliata in Gmail, vedrai un avviso in fondo all'editor di email.

gmail-clipping-warning

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

  • Elimina qualsiasi contenuto extra:rivedere la tua email per rimuovere qualsiasi contenuto che non è essenziale per i tuoi 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 delle modifiche: 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 reattivo

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 usare il nostromarkupresponsiveemail template. Puoi ancheacquistare un modello di email responsive dalMercato dei template.

Riduci le dimensioni dei file immagine

Nella maggior parte dei casi, la velocità di download sui dispositivi mobili è più lenta di quella dei desktop. Usa file di immagine più piccoli per diminuire il tempo di caricamento delle tue email. HubSpot ridimensiona automaticamente le tue immagini che includono un attributo di larghezza in un tag <img>. Servizi come FastStone Photo Resizer e JPEGminipossono anche ridurrela dimensione del filefino 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 in modo chiaro, assicurati che tutti ilinkdi testoe i pulsanti CTA siano più alti e più larghi di 57x57 pixel.