Comportamento delle campagne su dispositivo mobile

I template delle email di Mailchimp si basano su un design reattivo per regolare il layout dell’email a seconda del dispositivo utilizzato. Non tutti i dispositivi, però, gestiscono il codice reattivo allo stesso modo, quindi la tua email potrebbe avere un aspetto leggermente su dispositivo mobile rispetto al browser web.

In questo articolo scoprirai in che modo visualizziamo le email su dispositivo mobile e come gestire i problemi che potrebbero verificarsi.

Cose che devi sapere

Ecco alcune cose da sapere.

• Usiamo le media query per conoscere le capacità di un dispositivo e ottimizzare l’email di conseguenza. Se qualcosa non va, il dispositivo potrebbe non supportare le media query e potresti aver bisogno di sviluppare un template personalizzato.
• App e dispositivi di seguito non supportano le media query: app Android Yahoo Mail, Blackberry OS 5, Samsung Galaxy S3+, Windows Mobile 6.1, Windows Phone 7 e 8.
• Suggeriamo di effettuare anteprima e test dell’email prima di inviarla. Se hai un piano a pagamento, il nostro strumento di Anteprima posta in arrivo mostra come apparirà l’email su vari dispositivi mobili.

Problemi con il layout email

Modifiche al layout della mia email

Ogni volta che l’email viene aperta su un dispositivo mobile, i blocchi di contenuto vengono riorganizzati per apparire in una singola colonna. Quindi, se scegli un template con blocchi affiancati da Email Builder, i blocchi appariranno sovrapposti.

Se vuoi che i contenuti della tua email siano visualizzati nello stesso ordine su tutti i dispositivi, usa un template a colonna singola. Per ulteriori informazioni, consulta Crea un template email.

Le immagini si allungano su dispositivo mobile

Le immagini di grandi dimensioni in un blocco di testo o in un paragrafo potrebbero allungare il tuo layout su dispositivo mobile. I nostri template reattivi sono pensati per vincolare le immagini di determinati blocchi di contenuto visuali.

Per evitare che l’immagine si estenda, usa il blocco paragrafo nel nuovo builder o uno di questi blocchi immagine nel builder legacy: Immagine, Gruppo di immagini, Scheda immagini, Immagine + didascalia.

Voglio che la mia email abbia lo stesso aspetto della versione desktop

I template drag-and-drop offerti da Email Builder sono mobile responsive. Se vuoi un template non mobile responsive o se preferisci avere maggiore controllo sul design del template, puoi utilizzare un template con codice personalizzato.

Si tratta di una funzionalità avanzata consigliata agli utenti che hanno familiarità con la scrittura di codice personalizzato. Se hai bisogno di assistenza, contatta il tuo sviluppatore o un esperto Mailchimp. Per informazioni sull’importazione, il riutilizzo e la condivisione di template personalizzati, consulta Importa un template HTML personalizzato.

Problemi di formattazione

Voglio modificare la dimensione del carattere sulla mia campagna reattiva.

Le impostazioni di stile nei template drag-and-drop di Mailchimp sono pensate per la visualizzazione su dispositivo mobile. Ogni blocco di contenuto di Campaign Builder include una sezione Stili su mobile in cui modificare aspetti come la dimensione dei caratteri.

Modifica e testa gli stili su mobile in una campagna

Ci sono link blu nella mia campagna.

Alcuni tipi di dispositivo mobile, in particolare iPhone e iPad, creano automaticamente hyperlink per indirizzi, date o numeri di telefono. Si tratta di una funzione del sistema operativo del dispositivo che non è possibile controllare in Mailchimp.

Per modificare l’aspetto del testo linkato, dovrai contattare uno sviluppatore web per modificare l’HTML della campagna.

Esporta template HTML

È sparita la data, il numero di telefono o il link.

Quando i link vengono formattati per abbinarsi al colore dello sfondo della sezione di una campagna, potresti non vederli più. Succede soprattutto con date e numeri di telefono linkati automaticamente.

Nel blocco di contenuto interessato, modifica il colore dello sfondo o gli stili del link per le sezioni della campagna in modo che abbiano un colore diverso.

Visualizza e modifica il design della sezione

I miei anchor link non funzionano.

Se la tua campagna contiene anchor link, questi potrebbero non funzionare su un dispositivo mobile. Per esempio, sugli iPhone è necessario che i tuoi iscritti tocchino due volte il link per passare alla sezione linkata. I dispositivi con iOS 9 o successivi non supportano affatto gli anchor link.

Prima di inviare una campagna ai tuoi contatti, puoi effettuare anteprima e test dei link nella campagna con Anteprima posta in arrivo.

Testa con Anteprima posta in arrivo
Effettua Anteprima e test della tua campagna email
Aggiungi un indice a una campagna