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:
- Trascinare dal computer
- Caricare un'immagine nella tua libreria di contenuti per riutilizzare le immagini
- Inserire l'immagine da un URL
- Usare 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:
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, clicca sul blocco di contenuti Image (Immagine) e poi su Replace (Sostituisci).
➡️ Per ulteriori informazioni sulla libreria dei contenuti, consulta il nostro articolo dedicato Aggiunta e gestione delle immagini nella libreria di contenuti.
Clicca sul blocco di contenuti Image (Immagine) e incolla il link diretto alla pagina in cui è ospitata la tua immagine nel campo Insert image from URL (Inserisci immagine da URL) nel pannello di sinistra:
L'immagine deve essere ospitata su un sito web accessibile al pubblico. L'immagine apparirà nell'email senza doverla caricare nella libreria di contenuti. 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!
Una volta inserito il blocco di contenuti Image (Immagine) nell'area di lavoro:
- Seleziona il blocco di contenuti Image (Immagine) e clicca su Generate image (Genera immagine) nella barra degli strumenti delle immagini. Si apre una finestra di dialogo.
- 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".
- Seleziona la dimensione e lo stile che preferisci nelle opzioni a discesa corrispondenti (ad es. fotografia, sfondo, vettoriale, etc.).
- Premi Enter (Invio) o clicca sull'icona della freccia ⬆ per generare l'immagine.
Aura genererà la tua immagine in pochi secondi. Se non sei completamente soddisfatto, puoi:
- Cliccare su Refine image (Perfeziona immagine) per modificare il prompt e migliorare l'immagine, oppure
- Cliccare su Generate an image (Genera una nuova immagine) per creare una nuova variazione di 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 anche accedere alla sezione Layout nel pannello di sinistra e cambiare il valore nel campo Width (Larghezza).
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:
- Seleziona l'immagine a cui vuoi aggiungere un testo alternativo. Si apre il pannello di sinistra con le impostazioni dei contenuti.
- Nella sezione Image settings (Impostazioni immagine) nel pannello di sinistra, trova il campo Alt text (Testo alternativo).
-
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.
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:
Per reindirizzare i destinatari a una pagina web:
Clicca sull'immagine che hai inserito. Le impostazioni dell'immagine si aprono a sinistra.
- Nel pannello di sinistra, apri il paragrafo comprimibile Link settings (Impostazioni del link).
- Nell'elenco a discesa Link type (Tipo di link), seleziona Absolute link (URL) (Link assoluto (URL completo)).
- Nel campo Link target (Destinazione link), inserisci l'URL della tua pagina.
- (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.
- (Opzionale) Aggiungi un Tooltip text (Testo della descrizione comando) che verrà visualizzato come testo di aiuto al passaggio del mouse.
Per reindirizzare i tuoi destinatari a un file che desideri venga scaricato:
- Carica il file su un fornitore di terze parti come WeTransfer o Dropbox e assicurati che il tuo file sia accessibile pubblicamente.
- Clicca sull'immagine che hai inserito. Le impostazioni dell'immagine si aprono a sinistra.
- Nel pannello di sinistra, apri il paragrafo comprimibile Link settings (Impostazioni del link).
- Nell'elenco a discesa Link type (Tipo di link), seleziona Absolute link (URL) (Link assoluto (URL completo)).
- Nel campo Link target (Destinazione link), inserisci l'URL del tuo file.
- (Opzionale) Aggiungi un Tooltip text (Testo della descrizione comando) che verrà visualizzato come testo di aiuto al passaggio del mouse.
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 di foto, clicca la tua immagine e clicca il pulsante Edit (Modifica) nella sezione Image Settings (Impostazioni immagine) dal 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.
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?
🤔 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.