Come aggiungere immagini laterali nei moduli di iscrizione

Imparerai

Scopra come includere un'immagine di alta qualità a sinistra o a destra del suo modulo di iscrizione, per un'esperienza di iscrizione convincente e in linea con il design del suo marchio.

Prima di iniziare

Le immagini laterali appaiono a sinistra o a destra del contenuto del suo modulo. Quando utilizza un'immagine in un modulo, ci sono alcune cose da tenere a mente:

• Ci sono molti tipi di formati di immagine tra cui scegliere. I JPEG bilanciano bene la qualità e le dimensioni per le immagini colorate, mentre i PNG possono mantenere nitide le immagini trasparenti o i loghi. 
• Si assicuri di utilizzare un'immagine di qualità ragionevole per ottenere i migliori risultati. 
  
  • Cerchi di mantenere le sue immagini tra 600 e 1000px di larghezza e meno di 2000px di altezza per le immagini a tutta larghezza, per bilanciare la qualità e il tempo di caricamento. Le immagini che non sono a tutta larghezza possono essere più piccole di 600px.
• Come per tutte le immagini visualizzate sul web, i file di dimensioni maggiori comportano tempi di caricamento più lenti.
  • Cerchi una dimensione di file di 50-100 KB per le immagini laterali e meno di 200 KB per le immagini di sfondo, per garantire che la sua immagine sia di alta qualità senza rallentare il suo sito.
• Aggiunga un testo alt alle sue immagini, in modo che i suoi moduli siano accessibili a tutti i visitatori del sito. 

Poiché i moduli d'iscrizione vengono visualizzati sui browser (a differenza delle e-mail, che vengono visualizzate sugli ESP), ci sono meno raccomandazioni su come formattarli e adattarli. I browser possono riprodurre immagini di tutti i tipi e dimensioni, quindi in generale si attenga a immagini ad alta risoluzione, a file di dimensioni gestibili e verifichi l'aspetto su ogni tipo di dispositivo. 

Aggiunga un'immagine laterale al suo modulo

Per aggiungere un'immagine su entrambi i lati del contenuto del suo modulo di iscrizione:

1. Si rechi nella scheda Moduli di iscrizione.
2. Accanto al suo modulo, clicchi sui 3 puntini > Modifica modulo.
   

   Se il suo modulo è stato creato prima del luglio 2021 e utilizza un'immagine di sfondo allineata a destra o a sinistra come immagine laterale, la rimuova prima di utilizzare la funzione di immagine laterale. Per farlo, si rechi nella sezione Sfondo modulo della sezione Stili e rimuova l'immagine di sfondo. Poi scorra in basso fino a Stili di forma e rimuova l'imbottitura in eccesso sul lato destro o sinistro. 

3. Nella sezione Stili, si rechi nella sezione Immagine laterale e selezioni il lato in cui desidera aggiungere un'immagine (sinistra o destra).
   
4. Clicchi sul segnaposto immagine vuoto nell'anteprima del modulo.
5. Clicchi su Sfoglia libreria immagini per aggiungere un'immagine dalla libreria immagini di Klaviyo, caricare un'immagine o importare una nuova immagine da un URL.
   

Si assicuri di utilizzare un'immagine di qualità ragionevole per ottenere i migliori risultati. Come per tutte le immagini visualizzate sul web, i file di dimensioni maggiori comportano tempi di caricamento più lenti. Per le immagini laterali, punti su una dimensione del file di 50-100 KB, per garantire un'immagine di alta qualità senza rallentare il sito. 

Opzioni di visualizzazione dell'immagine laterale

Stili di forma

Per impostazione predefinita, i moduli con immagini laterali sono impostati a 780px di larghezza con la larghezza dell'immagine laterale impostata su Medio. Può utilizzare le sezioni Larghezza e Altezza minima per regolare le dimensioni del modulo. Se desidera che l'immagine laterale occupi più o meno spazio all'interno del modulo, regoli le dimensioni nella sezione Immagine laterale (ad esempio, piccola, media, grande, personalizzata). 

L'immagine laterale del suo modulo sarà nascosta sui dispositivi mobili per impostazione predefinita, al fine di ottimizzare l'esperienza mobile, dato che lo spazio sullo schermo dei dispositivi mobili è limitato. Se desidera che l'immagine laterale venga visualizzata su tutti i dispositivi, clicchi sull'immagine nell'anteprima, quindi scorra su Mostra su e selezioni Tutti i dispositivi.

Stili di immagine laterali

Utilizzi la sezione Stili delle impostazioni dell'Immagine laterale per scegliere come visualizzare l'immagine. 

• Testo alternativo
  Aggiunga un testo alt alla sua immagine, in modo che sia accessibile a tutti coloro che visitano il suo sito web.
• Posizione dell'immagine
  Questo determina il modo in cui l'immagine si inserisce nell'area Immagine laterale. Scelga tra le seguenti opzioni: 
  • Contenere
    L'immagine completa apparirà all'interno della sezione e non verrà ritagliata affatto. Se l'immagine non rientra esattamente nell'area dell'immagine, il colore di sfondo della sezione riempirà le aree scoperte. 
  • Coprire
    L'immagine riempirà completamente l'area dell'immagine laterale. Alcune parti dell'immagine possono essere tagliate, per consentire all'immagine di riempire lo spazio. 
  • Personalizzazione
    Selezioni la sua larghezza per l'immagine.
• Allineamento Orizzontale e Allineamento Verticale
  Queste permettono di scegliere se l'immagine è centrata o allineata in alto, in basso, a sinistra o a destra dell'area dell'immagine.
• Colore di sfondo
  Se utilizza un'immagine più piccola nel suo modulo, imposti un colore di sfondo per riempire lo spazio vuoto dietro di essa.

Risorse aggiuntive

• Le migliori pratiche per costruire e-mail e moduli accessibili 
• Comprendere gli stili per un modulo d'iscrizione
• Iniziare con Canva