Le immagini giocano un ruolo chiave nel catturare l'attenzione dei destinatari e dare vita al design della tua email. Usa il blocco di contenuti Image (Immagine) dall'editor di email drag & drop per aggiungere, personalizzare e migliorare le tue immagini. Regola dimensioni, bordi, testo alternativo e apporta modifiche direttamente all'interno dell'editor per rendere la tua email coinvolgente, professionale e in linea con il tuo brand.

🏞️ Inserimento di immagini nel design delle email

Per inserire immagini nel design delle email, devi prima trascinare il blocco di contenuti Image (Immagine) nell'area di lavoro dell'email, rilasciandolo nel punto in cui desideri inserire la tua immagine: 

Una volta inserito il blocco di contenuti Image (Immagine) nell'area di lavoro, ci sono diversi modi per aggiungere un'immagine: 

• Trascina dal computer
• Carica un'immagine nella tua libreria di contenuti per riutilizzare le immagini
• Inserisci da un URL 
• Usa variabili per adattare le immagini al destinatario 
• Generare un'immagine con Aura AI

Scegli la scheda corrispondente al modo in cui desideri inserire le immagini nel design della tua email: 

Trascinamento Tramite la libreria di contenuti Da un URL Usa variabili Genera con Aura AI

Aggiungi facilmente le immagini al design della tua email trascinandole direttamente dal sistema nel blocco di contenuti Image (Immagine). Le immagini verranno automaticamente aggiunte al design della tua email e salvate nella tua libreria di contenuti.

Usa la libreria di contenuti per caricare le tue immagini, usa immagini stock o GIF, oppure crea immagini direttamente dall'editor di email. Per accedere alla libreria di contenuti, passa il mouse sopra il blocco di contenuti Image (Immagine) e clicca su Select an image (Seleziona un'immagine):

Qui potrai eseguire le seguenti azioni: 

Carica le tue immagini Usare immagini stock o immagini GIF

Modifica immagini Usa i tuoi design di Canva

➡️ Per ulteriori informazioni sulla libreria dei contenuti, consulta il nostro articolo dedicato Aggiunta e gestione delle immagini nella libreria di contenuti.

Per inserire un'immagine da un URL, la tua immagine deve essere ospitata su un sito web accessibile al pubblico.  

1. Clicca sul blocco di contenuto Image (Immagine). Le impostazioni dell'immagine si aprono nella barra laterale sinistra.
2. Nella sezione Visual, nel campo Image URL (URL immagine), incolla il link diretto alla posizione in cui è ospitata la tua immagine.
   

L'immagine apparirà nell'email senza doverla caricare nella libreria di contenuti e non verrà salvata al suo interno. Quando la tua email viene aperta, l'immagine viene caricata direttamente da quell'URL, quindi eventuali aggiornamenti apportati al file sul tuo sito web apparirà automaticamente nelle future visualizzazioni dell'email.

Le variabili ti consentono di visualizzare automaticamente immagini dinamiche e personalizzate nella tua email. Invece di inserire un'immagine fissa, aggiungi una variabile che verrà sostituita in tempo reale quando l'email viene inviata, in base ai dati più recenti disponibili. 

Modello di email in Brevo	Email ricevuta nella posta in arrivo

Ad esempio, con una variabile per i dati dell'evento, ogni destinatario vedrà l'immagine dei dati attualmente collegati a lui al momento dell'invio. I dati si aggiornano automaticamente e l'immagine mostrata rifletterà sempre la versione più recente dei dati, senza bisogno di aggiornamenti manuali.

➡️ Per ulteriori informazioni sulle variabili e su come inserire le immagini utilizzando le variabili, consulta i nostri articoli dedicati Personalizzazione delle email con i dati dell'evento, Creazione e invio di consigli sui prodotti con i feed di prodotto e Personalizzazione del contenuto dell'email con i dati in tempo reale (feed di dati).

Genera facilmente immagini personalizzate utilizzando Aura come generatore di immagini integrato nell'editor di email drag & drop. Progetta elementi visivi che si adattino perfettamente alla tua campagna senza bisogno di competenze di progettazione!

Per generare un'immagine usando Aura AI:

1. Seleziona il blocco di contenuti Image (Immagine) e clicca su Use AI (Usa l'AI) nella barra degli strumenti delle immagini. Si apre una finestra di dialogo. 
2. Nella finestra di dialogo, descrivi l'immagine che desideri far creare ad Aura. Sii il più specifico possibile per ottenere i migliori risultati. Per esempio, "Uno studio di yoga tranquillo con la luce naturale che filtra attraverso grandi finestre, piante sullo sfondo e un tappetino da yoga su un pavimento in parquet".
   
3. Seleziona la dimensione e lo stile che preferisci nelle opzioni a discesa corrispondenti (ad es. fotografia, sfondo, vettoriale, etc.).
4. (Facoltativo) Clicca su Add reference images (Aggiungi immagini di riferimento) per caricare immagini di esempio che corrispondono a ciò che vuoi generare. Questo aiuta Aura a generare esattamente ciò che vuoi. 
5. Premi Enter (Invio) o clicca sull'icona della freccia ⬆ per generare l'immagine. L'immagine verrà salvata automaticamente nella tua libreria di contenuti.

Aura genererà la tua immagine in pochi secondi. Se vuoi modificare la tua immagine, puoi cliccare di nuovo su Use AI (Usa AI) per perfezionarla adattando il prompt oppure generare una nuova immagine.

🖌️ Modifica dell'immagine (ridimensionamento, ritaglio, testo alternativo, ecc.)

Ridimensionamento di un'immagine

Per ridimensionare un'immagine, clicca sull'immagine che desideri ridimensionare e posiziona il cursore su uno degli angoli inferiori dell'immagine. Quando viene visualizzata la freccia, trascina l'angolo fino a ottenere la dimensione perfetta. In alternativa, puoi cliccare sull'immagine per aprire le sue impostazioni e regolare la sua larghezza nella sezione Layout:

Aggiunta di testo alternativo a un'immagine 

Il testo alternativo è una breve descrizione dell'immagine che appare se l'immagine non si carica o per gli utenti che utilizzano la funzione di lettura dello schermo. Migliora l'accessibilità, migliora l'esperienza utente e trasmette il messaggio quando le immagini sono bloccate o non disponibili.

Per aggiungere un testo alternativo alle tue immagini:

1. Seleziona l'immagine a cui vuoi aggiungere un testo alternativo. Le impostazioni del pulsante si aprono nel pannello di sinistra. 
2. Nella sezione Visual (Visuale) nel pannello di sinistra, trova il campo Alt text (Testo alternativo).
3. Inserisci una breve descrizione dell'immagine. Ti consigliamo di scrivere una descrizione breve e accurata del contenuto dell'immagine, trasmettendo solo le informazioni essenziali. Evita di scrivere Immagine di e mantieni la tua descrizione focalizzata sullo scopo dell'immagine. 
   
4. (Opzionale) Clicca sull'icona {} Add variable (Aggiungi variabile) per personalizzare il tuo URL con un attributo del contatto, i dati dell'evento o una variabile del feed di dati.

Aggiunta di un link a un'immagine

Aggiungere un link a un'immagine ti consente di reindirizzare i destinatari al tuo sito web, alla pagina di un prodotto o a qualsiasi destinazione direttamente dalle tue immagini:

Modifica di un'immagine (ritaglio, modifica del colore, aggiunta di testo, ecc.)

Il nostro editor drag & drop include un editor di immagini che consente di ritagliare l'immagine e aggiungere filtri, testo o elementi di design del testo. Per accedere all'editor fotografico, clicca sulla tua immagine, quindi clicca su Edit (Modifica) nel pannello di sinistra.

📹 Guarda il seguente video per scoprire le funzionalità di base dell'editor di immagini:

Aggiunta di un bordo o di angoli arrotondati

I bordi e gli angoli arrotondati possono aiutare le immagini a risaltare meglio e aggiungere uno stile visivo in linea con il tuo brand:

1. Clicca sull'immagine a cui vuoi aggiungere un bordo o angoli arrotondati. Le impostazioni del pulsante si aprono nel pannello di sinistra. 

2. Scorri verso il basso fino alla sezione Rounded corners (Angoli arrotondati) e inserisci un valore di raggio per la tua immagine. 
   

3. Scorri verso il basso fino alla sezione Borders (Bordi).
4. Se vuoi aggiungere bordi solo a lati specifici dell'immagine, deseleziona la casella Apply to all sides (Applica a tutti i lati). Per ogni lato, inserisci una dimensione e scegli un colore. 
5. In caso contrario, inserisci una dimensione per i bordi in px e scegli il loro colore.

Aggiunta di condizioni di visibilità a un'immagine

Scegli quando visualizzare le immagini nella tua email impostando le condizioni di visibilità. Consente di visualizzare o nascondere un'immagine in base al dispositivo del destinatario o agli attributi del contatto, come la posizione o la lingua. È un modo semplice per personalizzare il tuo design e assicurarti che ogni destinatario visualizzi la versione più rilevante della tua email.

➡️ Per ulteriori informazioni sulla visibilità del contenuto, consulta il nostro articolo dedicato Come mostrare o nascondere il contenuto nelle email (visibilità del contenuto).

⏭️ E adesso?

• Aggiunta e gestione delle immagini nella libreria di contenuti
• Sezione Editor di email drag & drop

🤔 Domande?

In caso di domande, non esitare a contattare il team dell’assistenza creando un ticket dal tuo account. Se ancora non hai un account, puoi contattarci qui.

Se stai cercando aiuto per un progetto che prevede l'utilizzo di Brevo, possiamo metterti in contatto con l'agenzia partner di Brevo giusta per te.