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

In this article, we will show you how to use the style and content blocks to start designing your email.

Abbiamo suddiviso gli articoli sull’editor drag & drop nel modo seguente:

• Parte 1: Panoramica dell'editor
• Parte 2: Blocchi di stile e di contenuto - TU SEI QUI
• Parte 3: Come usare i blocchi di contenuto
• Parte 4: Impostazione dello stile di progettazione 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

Che cos'è un blocco di stile?

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

Nell'esempio seguente, il blocco di stile (in verde) contiene 4 blocchi di contenuto (in rosa): 2 immagini e 2 blocchi di testo.

Puoi creare il tuo stile trascinando e rilasciando i blocchi di contenuto o utilizzare uno dei nostri 3 stili predefiniti a una, due e tre colonne:

Puoi sempre aggiungere, rimuovere o ridimensionare le colonne cliccando sul blocco di stile e utilizzando i cursori per spostarle e i pulsanti +/- per aggiungere colonne:

Impostazioni di stile

Puoi rinominare il blocco di stile cliccando sull'icona della penna blu accanto al titolo.

Seleziona un blocco di stile per visualizzare le seguenti impostazioni nel pannello di navigazione a sinistra:

Sfondo Impostazioni blocco Interlinea

Con questa impostazione è possibile definire il tipo e il colore dello sfondo. Puoi anche cliccare su Aggiungi immagine di sfondo per visualizzare la libreria di contenuti e utilizzare i tuoi file o immagini di archivio come sfondo. Se desideri utilizzare un'immagine direttamente da Internet, incolla il collegamento a questa immagine nel campo Inserisci immagine.

L'impostazione Allineamento verticale ti consente di modificare la posizione dei contenuti all'interno del blocco: in alto, al centro o in basso. Puoi anche modificare la spaziatura interna dei blocchi di contenuto nel blocco di stile selezionato utilizzando le frecce su e giù o inserendo la spaziatura desiderata.

L'impostazione Interlinea consente di aggiungere:

• Spaziatura interna dei blocchi di contenuto nel blocco di stile selezionato utilizzando le frecce su e giù o inserendo la spaziatura desiderata.
• Distanza tra testo e bordo, che è lo spazio tra l'elemento e il bordo. Circonda il contenuto su tutti e quattro i lati ed è possibile modificare la dimensione per ogni lato.
• Margine, che è 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 ogni lato.

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

Azioni sullo stile

È possibile spostare verticalmente un blocco di stile. Per spostare un blocco di stile, clicca sul blocco e tieni premuto mentre sposti il blocco nel punto desiderato. La linea blu ti mostrerà dove verrà spostato il blocco.

Quando un blocco di stile è selezionato, sono disponibili alcune azioni nell'angolo inferiore sinistro:

1. Spostare
   Trascina e rilascia il blocco nel email.
   
2. Duplica (⌘ o Ctrl + D) 
   Dopo aver scelto tutte le impostazioni per il blocco, puoi duplicarlo. Questa funzione ti permette di risparmiare parecchio tempo quando si tratta di progettare la tua campagna o il tuo modello.
3. Visualizza o nascondi il blocco
   Nasconde o mostra un blocco aggiungendo delle condizioni. Per maggiori informazioni, consulta il nostro articolo visualizzazione condizionale. 
4. Ripeti blocco
   È possibile i blocchi nelle ricevute o nelle email per carrello abbandonato. Per maggiori informazioni, consulta il nostro articolo Ripetizione di un blocco di elementi nelle email.
5. Salva
   Salva un blocco per riutilizzarlo in altre campagne. I tuoi blocchi appariranno nella scheda Mio contenuto nel pannello di sinistra.
6. Elimina (⌫ + ↵)
   Questa opzione permette di eliminare un blocco di stile.

Che cos'è un blocco di contenuto?

I blocchi di contenuto sono vari tipi di contenuto che puoi aggiungere alla tua email. I blocchi di contenuto possono essere trascinati nei blocchi di stile.

I blocchi di contenuto disponibili sono:

Ogni blocco di contenuto ha la propria impostazione che può essere personalizzata secondo necessità e sovrascriverà le impostazioni del modello predefinito nel Tema. Per maggiori informazioni, consulta il nostro articolo Come usare i blocchi di contenuto.

Come i blocchi di stile, anche i blocchi di contenuto possono essere spostati, personalizzati, duplicati, salvati e il loro contenuto può essere eliminato.

Le azioni extra (collegamento, anteprima, sostituzione immagine, ecc.) saranno diverse in base al tipo di blocco che stai modificando. Nell'esempio che segue sono illustrate le azioni per il blocco Immagine (in verde) e un blocco di testo (in rosa):

⏩ E adesso?

• Parte 3: Come usare i blocchi di contenuto
• Parte 4: Impostazione dello stile di progettazione 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

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