L'editor drag & drop semplifica la progettazione di email dall'aspetto professionale. Offre più opzioni per personalizzare la tua email e garantisce anche che sia perfetta su qualsiasi dispositivo e client email.

In questo articolo, spiegheremo in dettaglio come utilizzare i blocchi di contenuto nelle tue email e come modificarne le impostazioni.

Abbiamo suddiviso gli articoli sull’editor drag & drop come segue:

• Parte 1: Panoramica dell'editor
• Parte 2: Stile e blocchi di contenuto
• Parte 3: Come usare i blocchi di contenuto - SEI QUI
• Parte 4: Impostazione dello stile di design per l'intera email
• Parte 5: Salvataggio dei blocchi da riutilizzare nelle campagne
• Parte 6: Modifica delle email per dispositivi mobili
• Parte 7: Ripristino, anteprima, email di prova e salvataggio del design della campagna

Prima di iniziare

Configura la tua Libreria del brand in modo che ogni nuovo modello selezionato erediti le proprietà del tuo brand, come il logo, i colori, i caratteri e i link ai social media. Oltre a farti risparmiare tempo, la Libreria del brand ti consente di mantenere un branding coerente delle email. Per ulteriori informazioni, consulta il nostro articolo dedicato Progettazione automatica delle email con le risorse salvate nella tua Libreria del brand.

Titolo e testo

Barra degli strumenti di formattazione del testo

Seleziona il blocco di contenuto Testo o Titolo nell'editor per visualizzare la barra degli strumenti di formattazione del testo nella parte superiore del blocco, con le seguenti opzioni:

Colori Personalizzazione Link

I colori che utilizzi nel tuo modello vengono salvati nel selettore dei colori. Puoi sempre rimuovere un colore salvato selezionando un testo con questo colore, cliccando sul selezionatore dei colori e su Rimuovi colore. Potrebbero essere necessari alcuni minuti prima che scompaia.

Clicca su 👤 per inserire una personalizzazione nel tuo testo, ad esempio il nome dei destinatari.
Per ulteriori informazioni, consulta Personalizzazione del testo con gli attributi del contatto.

Per inserire un link nel tuo testo, seleziona il testo, clicca sull'icona Link, oppure premi ⌘ o Ctrl + K e immetti i dettagli nella finestra Inserisci/modifica link. Il titolo del link è il pop-up che appare quando si posiziona il puntatore del mouse sul link.

Puoi selezionare diversi tipi di link:

Link esterni

• Link assoluto (URL)
  Questa è l'opzione di base per i link, selezionala per aggiungere un URL.
• Link all'email (mailto)
  Aggiungi un link a un indirizzo email.
• Clicca per telefonare a questo numero
  Aggiungi un link a un numero di telefono.

Link standard

• Unsubscribe link (global) (Link di disiscrizione (generale))
  Il link di disiscrizione viene aggiunto automaticamente al piè di pagina delle tue campagne. Si tratta di un link sul quale i destinatari possono cliccare per aprire la pagina di disiscrizione di Brevo e smettere di ricevere le tue email. La presenza di un link di disiscrizione è obbligatoria nelle campagne, in quanto è essenziale per i tuoi contatti e per il corretto funzionamento delle tue campagne.
  ➡️ Per ulteriori informazioni, consulta il nostro articolo dedicato ai link di disiscrizione.
• Double opt-in link (Link per il doppio opt-in) 
  Aggiungi un link per il doppio opt-in al tuo modello di email, se desideri che i destinatari confermino l'iscrizione alle tue email dopo aver compilato il modulo di iscrizione. 
  ➡️ Per ulteriori informazioni, consulta il nostro articolo dedicato alla creazione di un modello di conferma a doppio opt-in.
• View in browser (Visualizza nel browser)
  Il link alla versione web può essere aggiunto all'intestazione delle campagne. Si tratta di un link sul quale i destinatari possono cliccare se hanno difficoltà a visualizzare la tua email nella posta in arrivo e desiderano aprire la tua email come pagina web. La presenza di un link alla versione web non è obbligatoria nelle campagne.
  ➡️ Per ulteriori informazioni, consulta il nostro articolo dedicato ai link alla versione web.
• Update your preferences (Aggiornamento delle preferenze)
  Brevo fornisce un modulo di aggiornamento del profilo che ti aiuta a raccogliere informazioni aggiornate sui tuoi abbonati, ad esempio i loro dati, le preferenze e persino a quali liste vogliono essere iscritti. Ti consigliamo di includere un link a questo modulo nel piè di pagina di tutte le tue email per aiutare gli abbonati a condividere con te le proprie preferenze. 
  ➡️ Per ulteriori informazioni, consulta il nostro articolo dedicato ai link di aggiornamento del profilo.
  
  💡 Buono a sapersi

  Il modulo di aggiornamento del profilo viene inserito automaticamente nelle impostazioni aggiuntive della tua campagna email, come spiegato qui.
  Se stai creando un modello di email, devi aggiungere manualmente il link al modulo Update your preferences (Aggiornamento delle preferenze).

Link Brevo

• Payments (Pagamenti)
  Seleziona uno dei link di pagamento creati da Pagamenti. 
  ➡️ Per ulteriori informazioni, consulta i nostri articoli dedicati a Pagamenti. 

Link di ancoraggio

• Ancora al relativo link
  Crea un'ancora in un punto della tua campagna e utilizza l'opzione del relativo link per il collegamento a quell'ancora. 
• Relative link (to anchor) (Link associato (ancoraggio))
  Dopo aver creato la tua ancora nella campagna, utilizza questa opzione per il link di ancoraggio.
  Ad esempio, per tornare a una sezione specifica della newsletter nella parte superiore della pagina.

Per rimuovere o aggiornare un link, posiziona il cursore del mouse sul link e clicca sull'icona Link per visualizzare i pulsanti Rimuovi e Aggiorna.

Guarda il video per ulteriori informazioni sull'aggiunta di un link, di un colore di sfondo o di un'immagine e sulla modifica delle impostazioni del blocco di testo:

Impostazioni del pannello sinistro

Stesso blocco, formattazione diversa

Clicca sul blocco Testo per visualizzare il pannello sinistro con ulteriori impostazioni simili a quelle disponibili nella scheda Design. 
Per ulteriori informazioni su come utilizzare queste impostazioni, consulta Impostazione dello stile di design per l'intera email.

Con questo editor, puoi scegliere diverse formattazioni all'interno dello stesso blocco di testo. Ad esempio, puoi avere un titolo seguito da un paragrafo e da un elenco puntato. Puoi anche avere colori diversi all'interno dello stesso blocco. 

Bordi

Puoi anche aggiungere dei bordi al tuo blocco Testo e alle tue immagini utilizzando l'impostazione Bordi nel pannello sinistro. Puoi impostare dimensioni e colori diversi per ciascun bordo, oppure attivare il pulsante Applica su tutti i lati per applicare una dimensione e un colore unici per tutti i bordi. 

Immagine

Puoi aggiungere un'immagine dalla scheda Contenuto utilizzando il blocco Immagine. Puoi aggiungere l'immagine che preferisci trascinandola dal tuo sistema, utilizzando la Libreria di contenuti o incollando il link all'immagine nel campo Inserisci immagine da URL. Puoi ridimensionare o modificare la tua immagine direttamente dall'editor.

Nel pannello sinistro sono presenti delle impostazioni aggiuntive, simili a quelle disponibili nella scheda Design. 
Per ulteriori informazioni su come utilizzare queste impostazioni, consulta Impostazione dello stile di design per l'intera email.

Aggiunta di un'immagine

Ridimensionamento di un'immagine

Per ridimensionare un'immagine, clicca sull'immagine che desideri ridimensionare per selezionarla e posiziona il cursore del mouse nell'angolo in basso a destra dell'immagine. Quando viene visualizzata la freccia, trascina l'angolo fino a ottenere la dimensione perfetta. Le dimensioni dell'immagine sono visualizzate nella parte superiore e vengono aggiornate automaticamente durante il ridimensionamento dell'immagine.
Per ridimensionare l'immagine, puoi utilizzare anche il campo Width (Larghezza) nel pannello a sinistra.

Modifica di un'immagine

Il nostro editor drag and drop include un editor fotografico 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 sul pulsante Modifica nelle Impostazioni immagine.

Puoi anche:

• Modificare una foto dalla Libreria di contenuti.
• Progettare la tua immagine e salvarla nella Libreria di contenuti tramite la funzionalità Crea immagine. Per ulteriori informazioni, consulta il nostro articolo dedicato Progettazione di una newsletter di qualità professionale con la funzionalità Crea immagine.

Aggiunta di un link a un'immagine

L'aggiunta di un link a un'immagine ti consente di reindirizzare i tuoi destinatari. Puoi reindirizzarli a una pagina o a un file.

Aggiunta di un testo alternativo alle immagini

Un testo alternativo è una breve descrizione dell'immagine, che viene visualizzato se l'immagine non viene caricata o se il destinatario utilizza uno strumento per la lettura dello schermo. Il testo alternativo migliora l'accessibilità e l'esperienza dell'utente e trasmette il messaggio anche se le immagini sono bloccate o non possono essere visualizzate.

Per aggiungere un testo alternativo alle tue immagini:

1. Seleziona l'immagine a cui vuoi aggiungere un testo alternativo. Si apre il pannello di sinistra con le impostazioni dei contenuti. 
2. Trova il campo Testo alternativo nella sezione Image settings (Impostazioni immagine).
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. 
   

Pulsante

Aggiungi dei pulsanti per creare un invito all'azione nelle tue email:

1. Trascina il blocco Pulsante nella tua campagna.
2. Sostituisci il testo Invito all'azione con un testo corrispondente al contenuto a cui desideri reindirizzare i tuoi destinatari. 
   Puoi personalizzare il testo con gli attributi del contatto. 
3. Opzionale: per personalizzare il tuo pulsante, utilizza la barra degli strumenti di formattazione del testo e le impostazioni del pulsante nel pannello sinistro. 
4. Aggiungi un link per reindirizzare i tuoi destinatari.
   Reindirizzamento a una pagina Reindirizzamento a un file

   Per reindirizzare i tuoi destinatari alla pagina che preferisci:

   1. Seleziona il pulsante e clicca su Aggiungi link.
   2. Seleziona il Tipo di link che desideri inserire e inserisci l'URL corrispondente nel campo Link.
   3. Opzionale: aggiungi un Titolo del link, che verrà visualizzato come descrizione al passaggio del mouse.
   4. Clicca su Inserisci.
      

   Per reindirizzare i tuoi destinatari a un file che desideri venga scaricato:

   1. Carica il tuo file su un provider di terze parti, ad esempio WeTransfer o Dropbox, e assicurati che il file sia accessibile pubblicamente.
   2. Seleziona l'immagine e clicca su  Aggiungi link.
   3. Nel campo Tipo di link, seleziona Link assoluto (URL).
   4. Inserisci l'URL del tuo file nel campo Link.
   5. Opzionale: aggiungi un Titolo del link, che verrà visualizzato come descrizione al passaggio del mouse.
   6. Clicca su Inserisci.
      

Guarda il video per ulteriori informazioni sulla modifica delle impostazioni del blocco Pulsante, ad esempio larghezza, raggio del bordo, dimensione della linea e colore di sfondo.

Logo

Questo blocco di contenuto ti consente di inserire il logo del tuo brand dove desideri nel design della tua email. Aggiungi il logo alla tua Libreria del brand per evitare di doverlo ricaricare ogni volta. 

Social

Il blocco Social ti consente di reindirizzare i destinatari alle tue pagine di social media quando cliccano sulle icone.

Ti consigliamo di configurare la tua Libreria del brand per salvare in modo permanente i tuoi link dei social media nelle risorse del brand. Trascinando il blocco di contenuto Social nel design della tua email, i link verranno popolati automaticamente nei campi Icons settings (Impostazioni icone). 

Per ulteriori informazioni sull'utilizzo del blocco di contenuto Social, consulta il nostro articolo dedicato Inserimento di link e icone dei social media nel design delle email.

HTML

Il blocco HTML ti consente di aggiungere il tuo codice. Puoi sia digitare sia copiare e incollare il tuo codice. Per visualizzare l'anteprima del tuo codice, è sufficiente uscire dal blocco HTML.

Alcuni client email non supportano tutti i contenuti HTML, in quanto il codice HTML delle email non è sviluppato come quello web. Per evitare problemi con il codice nell'editor e nel blocco HTML, consulta il nostro articolo dedicato Utilizzo dell'HTML per le campagne email.

Separatore

Il blocco Separatore aggiunge una linea orizzontale per separare i blocchi.

Guarda il video per ulteriori informazioni sulla modifica delle impostazioni del blocco Separatore, ad esempio spessore, colore, forma, larghezza e colore di sfondo.

Prodotto

Trascina il blocco di contenuto Prodotto nella tua newsletter. Vengono visualizzati l'immagine del prodotto, il titolo del prodotto, la descrizione del prodotto e il prezzo del prodotto. L'URL del prodotto è collegato automaticamente all'immagine e al pulsante del prodotto, a condizione che il tuo negozio sia pubblicato.

Spaziatore 

Il blocco di contenuto Spaziatore ti consente di aggiungere un blocco di spazio all'interno del design della tua email. Puoi modificare la larghezza o l'altezza del tuo blocco di contenuto Spaziatore per creare uno spazio più o meno ampio. La larghezza massima è del 100% e l'altezza minima è di 30 px. Inoltre, puoi modificare il colore del blocco Spaziatore per creare un blocco di colore.

Video 

Utilizza il nostro blocco di contenuto Video per inserire facilmente un link a un video nelle tue campagne email:

Per ulteriori informazioni, consulta il nostro articolo dedicato Inserimento di video nella campagna email.

Sezioni

Le sezioni predefinite sono layout predefiniti di blocchi di contenuto che puoi riempire e personalizzare in base alle tue esigenze. Puoi utilizzare sezioni di testo e immagini predefinite, ma puoi inserire anche intestazioni e piè di pagina predefiniti. 

Per ulteriori informazioni, consulta il nostro articolo dedicato Progettazione di email con sezioni predefinite per risparmiare tempo.

Intestazione e piè di pagina

Utilizza il blocco Header (Intestazione) per aggiungere il logo della tua azienda o collegamenti pertinenti, ad esempio, link al tuo sito web o ai tuoi social media.

Il blocco Piè di pagina è fondamentale perché fornisce maggiori informazioni sulla tua azienda ai destinatari e consente loro di disiscriversi o modificare le proprie preferenze. Può includere quanto segue:

⏩ E adesso?

• Parte 4: Impostazione dello stile di design per l'intera email
• Parte 5: Salvataggio dei blocchi da riutilizzare nelle campagne
• Parte 6: Modifica delle email per dispositivi mobili
• Parte 7: Anteprima e invio di email di prova

🤔 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 il giusto partner esperto certificato Brevo.