Informazioni sulle sezioni e sui blocchi di contenuto

Quando progetti la tua email con l'editor di email drag & drop, questa viene costruita utilizzando due elementi principali: sezioni e blocchi di contenuto. Capire la differenza tra questi due elementi ti aiuterà a creare più rapidamente layout di email puliti e professionali.

DDE_section-illustration_en-us.png

🏗️ Informazioni sulle sezioni

Una sezione è un gruppo di blocchi di contenuto o un blocco strutturale composto da una o più colonne. Immagina una sezione come la struttura del layout della tua email; definisce come e dove i tuoi contenuti saranno visualizzati.

DDE_section_en-us.png

Puoi aggiungere sezioni al tuo design in diversi modi:

  • Crea la tua sezione
    Trascina i blocchi di contenuto direttamente nell'area di lavoro dell'email per creare automaticamente una nuova sezione. 
  • Usa una sezione predefinita
    Vai a Content (Contenuti)> Sections (Sezioni) per scegliere tra i layout pronti all'uso che includono immagini, testo e colonne personalizzabili. 
    ➡️ Per saperne di più sulle sezioni predefinite, consulta il nostro articolo dedicato Progettazione di email con sezioni predefinite per risparmiare tempo.
  • Salva e riutilizza la tua sezione
    Riutilizza tutte le sezioni create nelle email precedenti salvandole in anticipo. Questa funzionalità è perfetta per i layout ricorrenti come intestazioni, piè di pagina o presentazioni di prodotti. 
    ➡️ Per saperne di più sulle sezioni salvate, consulta il nostro articolo dedicato Salvataggio delle sezioni per riutilizzarle nella progettazione di email.

🖍️ Personalizzazione della sezione 

Una volta aggiunta una sezione, puoi personalizzarne il layout e lo stile cliccando sulla sezione per aprire le relative impostazioni nel pannello di sinistra: 

DDE_access-section-settings_en-us.gif

Queste Impostazioni ti aiutano a controllare il modo in cui i tuoi contenuti vengono visualizzati nell'email:

Impostazione

Descrizione

Layout Scegli come allineare il tuo contenuto verticalmente all'interno della sezione (in alto, al centro o in basso).
Background (Sfondo) Imposta un colore, un'immagine o un URL per lo sfondo. Puoi anche applicarlo su tutta la larghezza della tua email.
Spacing (Spaziatura) Regola lo spazio tra le colonne e gestisci la distanza (spazio interno) e il margine (spazio esterno) intorno alla tua sezione.
Content visibility (Visibilità del contenuto) Decidi se mostrare o nascondere la sezione in base al dispositivo o alle azioni del destinatario.
➡️ Per saperne di più, consulta il nostro articolo dedicato Come mostrare o nascondere il contenuto nelle email (visibilità del contenuto).
Contenuto replicabile Ripeti automaticamente gli elementi nella tua sezione, ad esempio, per mostrare una lista di prodotti o eventi.
➡️ Per saperne di più, consulta il nostro articolo dedicato Ripetizione di una lista di elementi nelle email (contenuto replicabile).

❓ FAQ sulle sezioni

Come posso aggiungere, ridimensionare o eliminare una colonna? 

Una volta aggiunto un blocco di contenuto nell'area di lavoro dell'email, puoi aggiungere o ridimensionare le colonne cliccando sulla sezione e usando i cursori per spostarle e i tasti + per aggiungere altre colonne. Puoi anche eliminare una colonna cliccandovi sopra e selezionando l'icona del cestino:

DDE_add-resize-delete-column_en-us.gif

Come posso duplicare o spostare una sezione? 

Per duplicare una sezione, selezionala e clicca sull'icona per la duplicazione duplicate-icon.png. Puoi poi spostare la sezione selezionandola e trascinandola nella posizione desiderata. In alternativa, puoi usare l'icona di spostamento drag-icon.png o le icone su ↑ e giù ↓  per spostare la sezione in alto o in basso di un livello.

DDE_move-duplicate-section_en-us.gif

Come faccio a sapere se ho inserito un blocco di contenuto all'interno di una sezione?

Per sapere se un blocco di contenuto si trova o meno in una sezione, clicca sulla sezione e controlla dove terminano i margini della sezione e quali blocchi di contenuto contiene. Quando inserisci un blocco di contenuto in una sezione, se la riga di inserimento riempie tutto lo spazio dell'area di lavoro, significa che il blocco di contenuto verrà inserito come sezione indipendente. Se desideri inserirlo in una sezione, assicurati che la linea di inserimento sia posizionata sotto un altro blocco di contenuto e che non riempia tutto lo spazio dell'area di lavoro.

DDE_check-section_en-us.gif

Come posso affiancare le colonne per la visualizzazione su un dispositivo mobile?

Sugli schermi più piccoli, potresti voler cambiare il modo in cui i tuoi contenuti vengono visualizzati per migliorare la leggibilità o ridurre lo spazio. Per regolare l'orientamento del contenuto, seleziona la sezione che desideri modificare e passa alla visualizzazione su dispositivi mobili dalla barra di navigazione in alto. Nel pannello di sinistra, sotto Layout, scegli se far apparire il contenuto in verticale o in orizzontale. A seconda dei tuoi contenuti, potresti anche volere la possibilità di cambiarli.

DDE_mobile-orientation_en-us.gif

➡️ Per saperne di più sulla visualizzazione della versione per dispositivi mobili, consulta il nostro articolo dedicato Ottimizzazione del design delle tue email per i dispositivi mobili (mobile-responsive).

Come posso separare visivamente le sezioni con un'interruzione di riga? 

Per separare visivamente le diverse sezioni, puoi usare un blocco Divider (Separatore) che funge da sezione indipendente. Puoi cambiarne colore, stile, spaziatura e spessore. 

DDE_add-divider-section_en-us.gif

🧱 Informazioni sui blocchi di contenuto

Un blocco di contenuto rappresenta un tipo di contenuto specifico che puoi aggiungere alla tua email. I blocchi sono gli elementi strutturali all'interno delle tue sezioni — ogni blocco contiene un tipo specifico di contenuto come testo, immagini o pulsanti.

DDE_content-block_en-us.png

Puoi trovare tutti i blocchi di contenuto nella scheda Content (Contenuti) > Blocks (Blocchi) e trascinarli e rilasciarli semplicemente in una sezione. I blocchi di contenuto disponibili sono:

🔡 Titolo e Testo

DDE_title-content-block_EN-US.jpg

Title (Titolo)

DDE_text-content-block_EN-US.jpg

Text (Testo)

I blocchi Title (Titolo) e Text (Testo) ti consentono di aggiungere contenuti scritti alla tua email:

  • Title (Titolo) per titoli interessanti che organizzano il tuo layout.
  • Text (Testo) per il contenuto del corpo, come descrizioni o testi promozionali.

Entrambi offrono opzioni di formattazione — stile del carattere, dimensione, colore, allineamento e link — per mantenere un messaggio chiaro e coerente con il marchio.

➡️ Per saperne di più sui blocchi di contenuto Title (Titolo) e Text (Testo), consulta il nostro articolo dedicato Informazioni sui blocchi di contenuto Title (Titolo) e Text (Testo)

🏞️ Image (Immagine)

DDE_image-content-block_EN-US.jpg

Image (Immagine)

Il blocco Image (Immagine) ti consente di aggiungere elementi visivi alla tua email, come foto di eventi, icone e illustrazioni. Puoi inserire le tue immagini, scegliere tra il nostro stock integrato e la galleria GIF di immagini, o persino creare immagini personalizzate direttamente dall'editor. Configura facilmente allineamento, dimensioni, testo alternativo e aggiungi link per rendere le tue immagini tanto attraenti quanto funzionali.

➡️ Per saperne di più sul blocco di contenuto Image (Immagine), consulta i nostri articoli dedicati: Inserimento e modifica di immagini nel design delle email e Aggiunta e gestione delle immagini nella libreria di contenuti.

🎥 Video

DDE_video-content-block_en-us.png

Video

Il blocco Video ti consente di aggiungere una miniatura video collegata a un video in hosting (ad esempio, su YouTube o Vimeo). Poiché la maggior parte dei client email non supporta la riproduzione video incorporata, cliccando sulla miniatura il destinatario viene reindirizzato al video sulla piattaforma originale. Puoi personalizzare l'immagine della miniatura, lo stile del pulsante di riproduzione e l'URL del link per aumentare il coinvolgimento.

➡️ Per saperne di più sul blocco di contenuto Video, consulta il nostro articolo dedicato Inserimento di video nella campagna email

🖱️ Button (Pulsante)

DDE_social-content-block_EN-US.jpg

Button (Pulsante)

Il blocco Button (Pulsante) ti consente di aggiungere un chiaro invito all'azione (CTA) alla tua email, come Acquista ora, Registrati o Scopri di più. Puoi personalizzare testo, colori, dimensioni, allineamento e link destinazione per adattarli al tuo design e aumentare i clic.

➡️ Per saperne di più sul blocco di contenuti Button (Pulsante), consulta il nostro articolo dedicato Inserisci un blocco di contenuto Button (Pulsante) nelle tue campagne email per creare un invito all'azione (CTA). 

🛢️ Dynamic content (Contenuti dinamici)

dde_dynamic-content-block_en-us.png

Dynamic content (Contenuti dinamici)

Il blocco Dynamic content (Contenuti dinamici) consente di utilizzare un unico layout di email per creare più email personalizzate per ogni destinatario, in modo da sembrare una conversazione individuale. Ad esempio, crea un unico layout di email per le tue email di conferma dell'ordine, che verranno compilate automaticamente con le informazioni dei destinatari al momento dell'invio, ad es. totale dell'ordine e lista dei prodotti acquistati.

➡️ Per saperne di più su come utilizzare il blocco Dynamic content (Contenuti dinamici), consulta il nostro articolo dedicato Comprensione del blocco di contenuti dinamici (feed di dati e dati di automazione). 

🎨 Logo

DDE_html-content-block_EN-US.jpg

Logo

Il blocco Logo ti consente di inserire il logo del tuo marchio nell'email, generalmente posizionato in alto. Questo aiuta il destinatario a riconoscere istantaneamente da chi proviene il messaggio, rafforzando l'identità del tuo marchio e aumentando la fiducia. Puoi regolare la dimensione e l'allineamento del logo per adattarla al tuo layout.

➡️ Per saperne di più su come utilizzare il blocco di contenuti Logo, consulta il nostro articolo dedicato Salvataggio delle risorse del brand nella libreria del brand

📱 Social

DDE_payment-content-block_EN-US.jpg

Social

Il blocco Social ti consente di aggiungere icone cliccabili con link alle pagine social della tua azienda (come Facebook, Instagram, LinkedIn, Twitter, ecc.). Personalizza stile, dimensioni, allineamento e colore per adattarli al tuo brand, migliorando il coinvolgimento tra le diverse piattaforme. 

➡️ Per saperne di più su come utilizzare il blocco di contenuto Social, consulta il nostro articolo dedicato Salvataggio delle risorse del brand nella libreria del brand

</> HTML [Avanzato]

DDE_html-content-block_EN-US.jpg

HTML

Il blocco HTML ti consente di andare oltre gli elementi drag & drop incorporando un codice HTML personalizzato direttamente nel design dell'email. Questa funzionalità è perfetta per aggiungere layout personalizzati, widget incorporati, timer di conto alla rovescia o l'integrazione con strumenti di terze parti che forniscono codice di incorporamento. Alcuni client email non supportano tutti gli elementi HTML.

➡️ Per saperne di più sul blocco di contenuti HTML, consulta il nostro articolo dedicato Limitazioni all'utilizzo del codice HTML per le campagne email

➗ Divider (Separatore)

DDE_divider-content-block_EN-US.jpg

Divider (Separatore)

Il blocco Divider (Separatore) ti consente di inserire una linea orizzontale per separare visivamente i contenuti all'interno dell'email. Questo ti aiuta a organizzare le sezioni, creare spazio e rendere il messaggio più facile da leggere. Puoi personalizzare lo spessore, lo stile, il colore e la larghezza della linea.

➡️ Per saperne di più sul blocco di contenuti Divider (Separatore), consulta la nostra sezione dedicata Separazione visiva delle sezioni con una linea

🛒 Product (Prodotto)

DDE_social-content-block_EN-US.jpg

Product (Prodotto)

Il blocco Product (Prodotto) ti consente di mostrare i prodotti del tuo negozio online, senza bisogno di copie. Crea email con il tuo brand che mostrano i tuoi prodotti così come appaiono sul tuo sito web.

➡️ Per ulteriori informazioni sul blocco Product (Prodotto), consulta il nostro articolo dedicato Inserimento di prodotti dal negozio online nelle email con il blocco Product (Prodotto)

⛵️ Navigation (Navigazione) (Link di ancoraggio e link correlati)

DDE_navigation-content-block_EN-US.jpg

Navigation (Navigazione)

Il blocco Navigation (Navigazione) ti consente di creare un link di ancoraggio che consente al destinatario di passare a sezioni specifiche all'interno di una lunga email. Questa funzionalità è particolarmente utile per le email ricche di contenuti, come newsletter, menù o cataloghi di prodotti. Puoi personalizzare lo stile dei link come una barra di navigazione del sito web. 

➡️ Per saperne di più sul blocco di contenuti Navigation (Navigazione), consulta il nostro articolo dedicato Aggiunta di una tabella di contenuti e di un link di ancoraggio alla tua email

↔️ Spacer (Spaziatore)

DDE_spacer-content-block_EN-US.jpg

Spacer (Spaziatore)

Il blocco Spacer (Spaziatore) ti consente di inserire spazi vuoti tra i blocchi di contenuto per migliorare il layout e la leggibilità della tua email. Usalo per separare le sezioni, per evitare che il contenuto risulti troppo denso o per allineare i contenuti con precisione. Puoi regolare l'altezza del distanziatore per adattarlo allo spazio desiderato.

🖍️ Personalizza i tuoi blocchi di contenuti

Una volta aggiunti i tuoi blocchi di contenuto, puoi personalizzarli cliccando sui blocchi per aprire le relative Impostazioni nel pannello di sinistra: 

DDE_access-content-block-settings_en-us.gif

➡️ Ogni blocco di contenuto ha le proprie Impostazioni. Per saperne di più su ogni blocco di contenuto e sulle relative impostazioni, apri il paragrafo comprimibile corrispondente nella lista dei blocchi di contenuto disponibili in alto per accedere agli articoli dedicati.

❓ FAQ sui blocchi di contenuto

Come posso spostare un blocco di contenuto all'interno di una sezione o in un'altra sezione? 

Per spostare un blocco di contenuto all'interno di una sezione o in un'altra sezione, basta trascinarlo nella posizione desiderata:

DDE_move-another-section_en-us.gif

Come posso creare un layout con immagini, testo e pulsante? 

Per creare un layout con immagini, testo e pulsante, basta trascinare i blocchi di contenuto desiderati nell'area di lavoro dell'email. Puoi inserirli tutti nella stessa sezione, oppure creare sezioni diverse. Poi, sostituisci il testo fittizio e le immagini con i tuoi contenuti. Finito! 

DEE_create-layout_en-us.gif

⏭️ 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.

💬 Questo articolo ti è stato utile?

Utenti che ritengono sia utile: 11 su 60