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, ti mostreremo come utilizzare i blocchi di sezioni e contenuti per iniziare a progettare la tua email.

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

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

Che cos'è una sezione?

Una sezione è un blocco strutturale costituito da una o più colonne a cui è possibile aggiungere dei blocchi di contenuto.

Nell'esempio seguente, la sezione (in verde) contiene 2 blocchi di contenuto (in rosa) in 2 colonne diverse: 2 immagini e 2 blocchi di testo.

Nell'editor delle email, sono disponibili due tipi di sezioni:

• Sezioni personalizzate
  Le sezioni personalizzate sono le sezioni che crei tu trascinando e rilasciando i blocchi di contenuto. 
• Sezioni predefinite
  Le sezioni predefinite sono layout predefiniti di diversi blocchi di contenuto e ti consentono di creare facilmente design di email senza che siano necessarie competenze di progettazione specifiche. 

Puoi sempre aggiungere, rimuovere o ridimensionare le colonne cliccando sulla sezione e utilizzando i cursori per spostarle e i pulsanti +/- per aggiungere colonne:

Impostazioni della sezione

Puoi rinominare la tua sezione cliccando sull'icona della penna accanto al titolo.

Seleziona una sezione per visualizzare le seguenti impostazioni nel pannello di navigazione a sinistra: 

Background (Sfondo) Block Settings (Impostazioni blocco) Spacing (Spaziatura)

Grazie a questa impostazione, puoi definire il colore dello sfondo e selezionare l'opzione Apply background on full width (Applica sfondo a larghezza intera). Puoi anche cliccare su Add a background image (Aggiungi un'immagine di sfondo) per visualizzare la Content library (Libreria dei contenuti) e utilizzare i tuoi file o le immagini di archivio come sfondo. Se desideri utilizzare un'immagine direttamente da Internet, incolla il link all'immagine nel campo Insert image from URL (Inserisci immagine da URL).

L'impostazione Vertical alignment (Allineamento verticale) ti consente di modificare la posizione dei contenuti all'interno della sezione: in alto, al centro o in basso.

L'impostazione Spacing (Spaziatura) ti consente di aggiungere:

• Space between columns (Spazio tra le colonne) nella sezione selezionata utilizzando le frecce su e giù o inserendo la spaziatura desiderata.
• Padding (Distanza tra testo e bordo), cioè lo spazio tra l'elemento e il bordo. Circonda il contenuto su tutti e quattro i lati ed è possibile modificare la dimensione per ciascun lato.
• Margin (Margine), cioè lo spazio tra il bordo e l'elemento successivo del tuo design. Corre lungo il lato superiore e inferiore del contenuto ed è possibile modificare la dimensione per ciascun lato.

Attiva o disattiva il pulsante Padding (Distanza tra testo e bordo) o Margin (Margine) per abilitarli o disabilitarli con un clic. Scegli il valore della distanza o del margine che desideri aggiungere su ciascun lato del contenuto utilizzando i pulsanti +/- o scrivendo la dimensione desiderata nel campo di testo.

Azioni di sezione

Puoi spostare una sezione in verticale: posiziona il cursore mouse sopra la sezione e tieni premuto mentre la sposti nella posizione desiderata. La linea blu ti mostrerà dove verrà spostato il blocco.

Quando si seleziona una sezione, sono disponibili alcune azioni nell'angolo inferiore sinistro:

1. Move (Sposta)
   Trascina la sezione nella posizione desiderata all'interno dell'email.
2. Move up (sposta in alto) e Move down (Sposta in basso)
   Sposta la sezione in alto o in basso all'interno dell'email. 
3. Duplicate (Duplica) (⌘ o Ctrl + D) 
   Dopo aver scelto tutte le impostazioni per la tua sezione, puoi duplicarla. Questo è un risparmio in tempo reale durante la progettazione della tua email.
4. Save (Salva)
   Salva una sezione per riutilizzarla in altre email. Le sezioni salvate appariranno nella scheda My Content (Il mio contenuto) nel pannello a sinistra. Per ulteriori informazioni, consulta il nostro articolo dedicato Salvataggio dei contenuti da riutilizzare nelle email.
5. Delete (Elimina) (⌫ + ↵)
   Utilizza questa opzione per eliminare una sezione.
6. Content visibility (Show or hide) (Visibilità del contenuto (Mostra o nascondi))
   Nascondi o mostra una sezione aggiungendo delle condizioni o in base al dispositivo del destinatario. Per ulteriori informazioni, consulta i nostri articoli dedicati Come visualizzare o nascondere il contenuto in base agli attributi del contatto e Come visualizzare o nascondere il contenuto in base al tipo di dispositivo. 
7. Repeatable content (Contenuto replicabile)
   Puoi ripetere le sezioni nelle ricevute o nelle email di carrello abbandonato. Per ulteriori informazioni, consulta il nostro articolo dedicato Ripetizione di una serie di contenuti nelle email.

Che cos'è un blocco di contenuto?

I blocchi di contenuto sono diversi tipi di contenuto che puoi aggiungere alla tua email. Puoi trascinare i blocchi di contenuto nelle sezioni.

I blocchi di contenuto disponibili sono:

Title (Titolo)	Text (Testo)	Image (Immagine)	Video
Button (Pulsante)	Logo	Social	HTML
Divider (Separatore)	Product (Prodotto)	Navigation (Navigazione)	Spacer (Spaziatore)

Ogni blocco di contenuto ha la propria impostazione, che può essere personalizzata in base alle esigenze e che sovrascriverà le impostazioni predefinite del modello. Puoi spostare i blocchi di contenuto allo stesso modo delle sezioni e puoi anche nascondere o visualizzare, duplicare, salvare ed eliminare i blocchi di contenuto. Per ulteriori informazioni, consulta il nostro articolo dedicato Come usare i blocchi di contenuto.

Le azioni extra (collegamento, anteprima, sostituzione immagine, ecc.) saranno diverse a seconda del tipo di blocco che stai modificando. L'esempio seguente mostra le azioni per un blocco Image (Immagine) (in rosa) e un blocco Text (Testo) (in verde):

Blocco di contenuto dell'immagine
Blocco di contenuto di testo

⏩ E adesso?

• Parte 3: Come usare i blocchi di contenuto
• Parte 4: Impostazione dello stile di design per l'intera email
• Parte 5: salvataggio dei blocchi da riutilizzare nelle email
• 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.