Email builder: Strutture

Le strutture sono i mattoni del layout dell'email. Prima di poter aggiungere contenuto, è necessario inserire una struttura nel canvas. Una struttura definisce quante colonne ha una riga, e gli elementi di contenuto vanno all'interno di quelle colonne.

A cosa servono le strutture

Una struttura è una riga griglia. Determina come il contenuto è diviso orizzontalmente: una colonna, due colonne, tre colonne e così via. L'Email builder offre diversi layout di colonne predefiniti tra cui scegliere.

Le strutture rendono anche l'email responsiva. Quando l'email viene letta su un dispositivo mobile, le colonne all'interno della stessa struttura si impilano verticalmente. Questo è importante da tenere a mente nella progettazione: due immagini affiancate in una struttura a due colonne appariranno una sopra l'altra su mobile.

Consiglio del supporto Per email con articoli che hanno ciascuno un'immagine e un testo, utilizzare una struttura separata per ogni articolo. In questo modo ogni immagine e il suo testo si impilano correttamente su mobile, invece che tutte le immagini appaiano prima di tutto il testo.

Aggiungere una struttura

 Aprire il pannello Strutture nella navigazione a sinistra.

 Trovare il layout di colonne desiderato.

 Trascinarlo nel canvas. Una linea indicatrice blu mostra dove atterrerà.

 Una volta inserita, trascinare gli elementi dal pannello Elementi nelle colonne.

Riorganizzare le strutture

Per spostare una struttura, afferrare la maniglia sul suo lato sinistro e trascinarla nella nuova posizione. Una linea indicatrice viola mostra dove atterrerà al rilascio.

Impostazioni della struttura

Cliccare su qualsiasi struttura nel canvas per aprirne le impostazioni nel pannello di destra. È possibile configurare:
Colore di sfondo per la struttura.
Spaziatura interna della struttura.
Larghezze delle colonne per le strutture multi-colonna.
Regole di contenuto dinamico: mostrare o nascondere la struttura per contatti specifici in base a condizioni.
Visibilità specifica per mobile: nascondere completamente la struttura su mobile se necessario.

Duplicare ed eliminare

Ogni struttura ha una piccola barra degli strumenti in basso a destra con icone per duplicarla o eliminarla. La duplicazione copia la struttura e tutti i suoi contenuti — utile quando si costruisce una newsletter multi-articolo con lo stesso layout ripetuto.

Consigli utili

Utilizzare strutture a colonna singola per intestazione e piè di pagina, e strutture multi-colonna per le righe di contenuto. Questo evita che il testo dell'intestazione e del piè di pagina vada a capo in modo scomodo su mobile.
Se una sezione deve essere nascosta su mobile, utilizzare il pulsante di visibilità mobile nelle impostazioni della struttura invece di gestirlo con spaziatura o dimensione del carattere.
Duplicare una struttura per copiare una riga con stile, incluse tutte le impostazioni degli elementi — più veloce che ricostruire da zero.

Errori comuni da evitare

Inserire più articoli in una singola struttura. Se si hanno due articoli affiancati in una struttura a due colonne e un articolo ha un testo molto più lungo, il layout risulterà sbilanciato. Utilizzare una struttura per ogni articolo.
Usare la spaziatura per simulare più strutture. Questo rende il layout più difficile da modificare e mantenere. Ogni sezione logica dell'email dovrebbe essere la propria struttura.
Non visualizzare in anteprima la vista mobile dopo aver costruito il layout. Il comportamento di impilamento su mobile può creare risultati inaspettati — verificare sempre il pulsante mobile prima dell'invio.

Passi successivi

Consulti "Email builder: elementi di contenuto" per tutti i tipi di elementi che è possibile inserire nelle strutture.
Consulti "Configurare il contenuto dinamico" per utilizzare il pannello di contenuto dinamico a livello di struttura per personalizzare il layout dell'email.