Capire l’ottimizzazione delle e-mail per dispositivi mobili

Cosa imparerai

Scopri le impostazioni predefinite di ottimizzazione per dispositivi mobili che Klaviyo offre per le e-mail, oltre agli strumenti per personalizzare l’aspetto del messaggio sui vari dispositivi. Puoi anche scegliere di disattivare tutte le ottimizzazioni per dispositivi mobili andando alla scheda Stili del tuo modello e-mail.

Opzioni generali di ottimizzazione per dispositivi mobili

Se scegli di attivare le ottimizzazioni per dispositivi mobili, verranno applicate automaticamente alcune modifiche per ottimizzare l'aspetto della tua e-mail quando viene visualizzata su un dispositivo mobile.

Se preferisci che la tua e-mail non venga ottimizzata per i dispositivi mobili, apri la scheda Stili del tuo modello. In Ottimizzazione per dispositivi mobili, disattiva Ottimizza per dispositivi mobili.

Con Ottimizza per dispositivi mobili attivato, puoi apportare altre modifiche specifiche per la visualizzazione da dispositivi mobili, tra cui:

• Regola i margini del contenuto
• Regola le dimensioni del testo e delle intestazioni su dispositivi mobili
• Regola la spaziatura di testo e intestazioni su dispositivi mobili
• Regola la spaziatura interna del blocco su dispositivi mobili

Layout della barra dell'intestazione su dispositivi mobili

Seleziona un blocco Barra dell’intestazione, quindi scorri verso il basso fino al menu Layout per dispositivi mobili nella scheda Stili per selezionare un layout per dispositivi mobili. L’impostazione predefinita è Impila tutto e puoi modificarla in base alle tue esigenze.

Nascondi su dispositivi mobili o desktop

Puoi scegliere se un blocco viene visualizzato su mobile, desktop o su entrambi. Seleziona il blocco e apri la scheda Display, quindi scegli un’opzione in Show on.

Se la visibilità del dispositivo è impostata sulla sezione, sovrascrive le impostazioni dei relativi blocchi. Seleziona la sezione e apri la relativa scheda Visualizzazione per cambiare la visibilità della sezione oppure disattiva Imposta la stessa visibilità per tutti i blocchi in questa sezione per impostare la visibilità per ciascun blocco separatamente.

Opzione Allunga immagine

Per un blocco immagine, puoi scegliere di visualizzare l’immagine alla massima dimensione disponibile sui dispositivi mobili. Seleziona il blocco immagine e apri la scheda Stili. In Layout immagine, attiva Riempi colonna su mobile. Se Riempi colonna è attivo, Riempi colonna su mobile è già attivo. Per disattivare l’impostazione per dispositivi mobili, disattiva prima Riempi colonna.

Per rimuovere la spaziatura orizzontale interna del blocco su dispositivo mobile, attiva Larghezza intera su dispositivo mobile in Spaziatura interna del blocco nella scheda Stili del blocco immagine.

Le colonne si impilano su dispositivi mobili

Impilare le colonne (create utilizzando il layout Colonne o le opzioni del blocco split) sui dispositivi mobili consente di avere testo e immagini più grandi, più facili da leggere su uno schermo piccolo. Se preferisci che le colonne vengano visualizzate affiancate su dispositivo mobile, scegli l’impostazione per il layout:

• Per un layout Colonne, seleziona la sezione e apri la relativa scheda Stili. In Impilamento per dispositivi mobili, seleziona Nessun impilamento.
• Per un blocco split, seleziona il blocco e apri la scheda Stili. In Impilamento per dispositivi mobili, seleziona Nessun impilamento.

Le colonne rimarranno affiancate, ma verranno ridimensionate per adattarsi a uno schermo mobile.

Spaziatura interna del blocco di testo su mobile

Quando l’ottimizzazione per dispositivi mobili è attiva, Ignora la spaziatura interna dell’area di testo è abilitata per impostazione predefinita e imposta la spaziatura interna sinistra e destra dell’area di testo su 18px. Per usare invece il padding dell’area di testo del singolo blocco di testo:

1. Apri il menu Stili del tuo modello.
2. Scorri fino alla sezione Testo e titoli su dispositivi mobili.
3. Disattiva l'interruttore Sovrascrivi il margine interno dell'area di testo.
   

Assistenza client e-mail per l'ottimizzazione mobile

Molte app di e-mail offrono livelli di supporto variabili per le ottimizzazioni per dispositivi mobili.

Se ti preoccupa come il design della tua e-mail verrà visualizzato su diversi client e-mail e dispositivi, può essere utile usare uno strumento di test delle e-mail di terze parti.

Ti consigliamo di esplorare l’uso di uno strumento come Litmus, che offre una prova gratuita e piani a pagamento mensili. Puoi anche cercare alternative gratuite che ti consentono di testare e visualizzare in anteprima come appariranno i tuoi e-mail quando vengono visualizzati dai destinatari con diversi client e-mail e dispositivi.

Determina quanti iscritti aprono su dispositivo mobile

Nella scheda deliverability di una campagna e-mail inviata, scorri verso il basso fino a Prestazioni per client di posta elettronica per visualizzare le aperture uniche raggruppate per client di posta elettronica e suddivise tra dispositivi mobili e desktop. Questo può darti un’idea di come il tuo pubblico interagisce con le tue e-mail. Le aperture provenienti da client di posta elettronica sconosciuti sono escluse, quindi il grafico non mostra una suddivisione completa dei dispositivi del tuo pubblico.

Puoi anche segmentare in base a queste informazioni aggiungendo un filtro alla condizione Cosa ha fatto (o non ha fatto) qualcuno > Ha aperto e-mail. Ad esempio, per trovare chi apre da dispositivi mobili, aggiungi un filtro in cui Tipo di client è uguale a Browser mobile.

Risorse aggiuntive