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 assoluto (URL)
  Questa è l'opzione di base per i link, selezionala per aggiungere un URL.
• 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.
• Disiscrizione
  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.
  
• 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 loro preferenze. 
  ➡️ Per ulteriori informazioni, consulta il nostro articolo dedicato ai link di aggiornamento del profilo.
  
  💡 Buono a sapersi

  Questa opzione viene aggiunta automaticamente quando selezioni un modulo in Campagne > Impostazioni avanzate > Utilizza un modulo di aggiornamento del profilo personalizzato, come spiegato qui.
  Se questa opzione è disattivata, devi attivarla in Campagne > Impostazioni avanzate. Se utilizzi un modello, devi aggiungere manualmente il link al modulo Aggiorna le tue preferenze.
• 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.
• 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. 
• Link associato (all'ancora)
  Dopo aver creato la tua ancora nella tua campagna, utilizza questa opzione per il collegamento all'ancora.
  Ad esempio, per tornare a una parte 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 doppia freccia, trascina l'angolo fino a ottenere la dimensione perfetta. Le dimensioni dell'immagine sono visualizzate in blu nell'angolo in basso a destra dell'immagine e vengono aggiornate automaticamente durante il ridimensionamento dell'immagine.
Per ridimensionare l'immagine, puoi utilizzare anche il campo Larghezza nel pannello sinistro.

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.

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.

1. Dalla scheda Contenuto, trascina il blocco Social nella tua campagna.
2. Lascia le impostazioni predefinite del design delle icone, oppure scegli le Dimensioni, lo Stile, il Tema e l'Interlinea che desideri dare alle tue Icone social media.
3. Incolla il link alle tue pagine di social media nel rispettivo campo delle Impostazioni icone.
   Se necessario, puoi cliccare su Aggiungi altro per aggiungere icone e link ai social media, oppure clicca sull'icona del cestino per eliminare un'icona e un link ai social media dal blocco. 

Guarda il video per ulteriori informazioni sulla modifica delle impostazioni del blocco Social.

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.

Stile 

I blocchi di contenuto Stile sono blocchi di contenuto predefiniti che puoi riempire con altri blocchi di contenuto. Puoi scegliere fra tre diversi blocchi di contenuto Stile. Per ulteriori informazioni, consulta il nostro articolo dedicato Stile e blocchi di contenuto.

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.

Intestazione e piè di pagina

Utilizza il blocco Intestazione per aggiungere il logo della tua azienda.

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:

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.

⏩ 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.