Home informazioni Drag & Drop Editor
Sezioni e blocchi per email
Aggiungi nuove sezioni e riorganizza i blocchi mentre disegni la tua email. Utilizza le sezioni per creare emails personalizzate, aggiungendo nuove colonne e blocchi per contenuti come immagini, testo o pulsanti. Con l’Editor Drag & Drop, creare campagne email con stile è facile e veloce, sappiamo che questa è una cosa che i nostri clienti amano e apprezzano.
Argomenti trattati in questo articolo:
Le sezioni sono ciò che utilizzerai per strutturare la tua email nell’editor. Le sezioni ti consentono di dividere i tuoi contenuti e fungono da contenitore per i blocchi di contenuto. Puoi aggiungere nuove sezioni ed eliminarle durante la creazione dell’email. Definire lo stile delle diverse sezioni dell’email individualmente.
Ecco come funzionano le sezioni:
Nelle impostazioni Stile Globale, puoi gestire lo schema dei colori della tua email; puoi anche aggiungere un colore di sfondo universale e aggiungere un bordo alla tua email.
Sono disponibili 27 diverse combinazioni di colori; scegli quello più adatto alle tue esigenze. Le sezioni e i blocchi possono ancora essere personalizzati anche se è stata selezionata una combinazione di colori specifica.
L’opzione del colore di sfondo ti consente di selezionare un colore specifico per lo sfondo dell’email. Puoi scegliere tra i colori disponibili o aggiungere il codice del colore. Inoltre, è possibile assegnare a singole sezioni e blocchi il proprio colore di sfondo.
È possibile modificare lo sfondo a larghezza intera o con cornice nell’opzione del bordo email. Lo sfondo a larghezza intera non ha opzioni di stile aggiuntive.
Nell’opzione di sfondo incorniciato, puoi aggiungere o modificare quanto segue:
L’opzione Mostra sezioni ti consente di visualizzare tutte le sezioni nella tua email, seleziona Nascondi sezioni, per rimuovere i nomi delle sezioni. Da questa schermata, puoi anche fare clic su qualsiasi blocco da modificare.
Separati dalle sezioni, ci sono i blocchi. È qui che verrà inserito il contenuto della tua email, come per esempio immagini, testo e pulsanti. Ogni blocco di contenuto ha diverse opzioni di stile.
Per aggiungere un blocco alla tua email, fai clic sul blocco desiderato e trascinalo in una sezione dell’email.
Di seguito sono riportati i blocchi disponibili nell’editor delle email:
Con questi blocchi, puoi caricare un’immagine o selezionarla dalle immagini già presenti nella tua galleria.
Un blocco di immagini aggiungerà un’immagine al tuo layout, mentre il blocco di immagine e testo aggiungerà un’immagine e un testo all’interno di una cornice.
Qui vedi un blocco di immagini a sinistra e un blocco di immagini e testo a destra.
Usa il blocco immagine quando è necessario aggiungere un’immagine semplice.
Invece, il blocco immagine tessera è utile quando devi aggiungere una descrizione all’immagine. Se si dovesse sposta questo blocco, anche la descrizione si sposterà.
Per scoprire di più si cosa puoi fare con i blocchi immagine e come aggiungere un’immagine, fai clic qui.
Potrebbe interessarti:
Ci sono tre tipi diversi di aggiungere la didascalia nel blocco:
Un blocco immagine con didascalia è un blocco che consente di aggiungere del testo all’interno di un’immagine. La differenza principale con il blocco immagine e testo è che quello con didascalia non ha la cornice o contenitore, invece l’altro ha la possibilità di regolare il bordo del layout come nell’esempio seguente (blocco con didascalia a sinistra, blocco di immagine e testo a destra).
Per informazioni su come aggiungere un blocco Didascalia, fai clic qui.
Puoi aggiungere testo alla tua email attraverso il blocco di testo. Per utilizzare questo blocco, trascinalo semplicemente nel punto desiderato. Una volta lì, fai clic su di esso e sostituisci il testo predefinito con il tuo.
Ecco alcune cose da notare sull’uso di questo blocco di testo.
Per modificare il testo, utilizza la barra degli strumenti situata sopra la tua email. Lì troverai le opzioni comuni di modifica del testo. Hai anche altre opzioni di modifica, come la conversione del testo in un’ancora, l’aggiunta di un link, un’immagine o anche il collegamento di un documento.
La funzione di controllo ortografico di Benchmark controlla i tuoi contenuti per assicurarsi che l’ortografia delle tue email sia corretta. La lingua del controllo ortografico è quella preferita dal tuo account. Puoi cambiare la lingua o disattivare la funzione di controllo ortografico nel menù superiore dell’editor email.
Per vedere il correttore ortografico in azione, apri un blocco di testo e inizia a scrivere. Le parole errate verranno sottolineate in rosso. Puoi cliccare con il tasto destro del mouse sulla parola per selezionare quella corretta o per ignorare l’avviso. L’opzione Altro aprirà un altro elenco di parole disponibili.
IMPORTANTE
Il clic destro non funziona: Alcuni sistemi operativi hanno impostazioni predefinite per i gesti del tasto destro del mouse. Controlla le impostazioni del mouse o del trackpad se facendo clic con il tasto destro non vengono visualizzati i suggerimenti ortografici.
NOTA
Scegliendo l’opzione Ignora si salva la preferenza solo per quel momento. Se chiudi il blocco e ci torni in un secondo momento, la parola verrà segnalata nuovamente come sbagliata.
La funzione di controllo ortografico è attualmente disponibile nelle seguenti lingue.
Copia e incolla i tuoi contenuti da altre fonti grazie alla funzione Easy Paste. La funzione Easy Paste permette di copiare e incollare contenuti da altre fonti come il tuo sito web, Google e Microsoft Documents in modo facile e veloce. Puoi rimuovere la formattazione originale o mantenerla per abbinarla alle altre tue pagine.
Per utilizzare la funzione Easy Paste, segui i passaggi seguenti.
IMPORTANTE
Codice sorgente
Per aggiungere il codice sorgente, fare clic sull’icona del codice e incollare il codice.
Se non vedi le opzioni sopra menzionate, fai clic sull’icona Altro dalla barra degli strumenti.
Nota: in alcuni casi, vedrai il logo TinyMCE durante la modifica di un blocco di testo. TinyMCE è una terza parte che utilizziamo per rendere il nostro Drag and Drop migliore e più veloce. Il logo non apparirà nelle tue email, ma solo quando modifichi un blocco di testo.
I video sono strumenti visivi molto efficaci. Attraverso i video, puoi mostrare le qualità di un prodotto o i motivi per cui dovrebbero scegliere te invece di altri concorrenti.
Se vuoi imparare come caricare un video nella tua galleria video e come aggiungerlo, fai clic qui.
Usa i divisori per creare spazi tra gli elementi nella tua email. I divisori non devono essere spazi vuoti. per aggiungere un blocco divisore trascinalo nella sezione desiderata.
Scopri tutte le possibilità di divisori qui.
La CTA (call to action) è la parte più interessante della tua email. I bottoni si possono utilizzare per far visitare una landing page. Per aggiungere un pulsante, trascinalo nella posizione desiderata. Per ulteriori informazioni sulle opzioni di modifica per i pulsanti, consultare il nostro glossario.
I blocchi dei social media sono essenziali. Il nostro editor ti offre due tipi di blocchi per aggiungere i tuoi social network. Per utilizzare uno qualsiasi dei blocchi, trascinalo nel punto desiderato.
Il blocco social follow ti consente di aggiungere la tua icona dei social media o l’icona più il testo. Questo blocco ti consentirà fino a 20 diversi servizi, tra cui Facebook, Twitter, Whatsapp, Linkedin, YouTube, Pinterest, RSS, Vimeo, TripAdvisor, tra gli altri.
Il blocco di condivisione social ti consentirà di aggiungere: Facebook, Twitter, Linkedin, Myspace e Instapaper. Questo blocco consentirà agli utenti di condividere la tua email direttamente con i social network menzionati.
Quale usare?
Se desideri indirizzare i tuoi destinatari ai tuoi social network, utilizza il blocco Follow. Quindi possono fare clic sul social desiderato e mettere Mi piace o aggiungere il tuo profilo tra i preferiti.
Ora, se desideri che gli utenti condividano i tuoi contenuti, utilizza il blocco Condivisione.
Per imparare a utilizzare le impostazioni, vai al glossario.
Segui queste istruzioni per aggiungere un servizio in entrambi i blocchi:
Inoltre, quando passi il mouse su un’icona social, hai la possibilità di spostarla o eliminarla.
La barra di navigazione può essere utilizzata per indirizzare i destinatari dell’email ad altre parti dell’email con un ancoraggio, oppure può essere utilizzata per collegamenti esterni.
Come aggiungere una barra di navigazione
Come personalizzare una barra di navigazione
Per ulteriori informazioni sulla scheda Contenitore, vai al Glossario.
Il blocco Ecommerce può essere utilizzato per promuovere e vendere prodotti nelle tue email.
Il blocco Ecommerce include quanto segue:
Per utilizzare il blocco del prodotto, clicca sul blocco e trascinalo in una sezione della tua email.
Per personalizzare il tuo blocco Ecommerce, segui i passi seguenti.
Se preferisci non usare nessuno degli elementi del blocco, semplicemente disattivali nella scheda Contenuto.
Ecco alcuni esempi di come il blocco Ecommerce può essere usato e stilizzato.
Per iniziare, clicca e trascina il blocco nella sezione desiderata della tua email.
Per utilizzare il blocco Prodotto Shopify, avrai bisogno di un account Shopify attivo a pagamento. Quando usi questo blocco per la prima volta, dovrai integrare Shopify con il tuo account Benchmark. Per sapere come integrare il tuo negozio Shopify con Benchmark, clicca qui.
Una volta che hai integrato con successo il tuo account Shopify con Benchmark, vedrai una lista dei tuoi prodotti Shopify disponibili.
Selezioni uno dei suoi prodotti disponibili. I blocchi si riempiranno automaticamente con le informazioni del prodotto usando i dettagli in Shopify.
Il blocco Prodotti Shopify include quanto segue:
Importante
Ecco alcuni esempi di come il blocco Prodotto di Shopify può essere usato e personalizzato.
Riduci il tuo tempo di progettazione usando i blocchi salvati. I blocchi di design possono essere salvati e memorizzati per essere riutilizzati in design futuri. Lo stile, il testo e le immagini del blocco vengono memorizzati quando si salva il blocco. Una volta che il blocco viene aggiunto al tuo progetto, puoi modificarne il contenuto e il blocco originale salvato rimarrà invariato.
Per salvare un blocco, passa sopra il blocco nel tuo progetto e clicca sull’opzione salva blocco. Dai un nome al blocco e clicca su Salva e chiudi.
Per usare un blocco salvato
Eliminare i blocchi salvati
Se non ci sono più blocchi salvati, puoi cancellare il blocco salvato dal tuo disegno.
Le email di esempio che riportiamo di seguito mostrano le sezioni e i blocchi che abbiamo utilizzato durante la progettazione dell’email.
Abbiamo iniziato aggiungendo una barra di navigazione nella sezione dell’intestazione. Il titolo in questo esempio utilizza la sezione della barra laterale sinistra, quindi nella seconda colonna, abbiamo aggiunto le immagini e il testo utilizzando i blocchi della scheda immagine. Infine, nella colonna in basso a sinistra, abbiamo aggiunto le icone dei social media e richiesto la conferma di iscrizione agli iscritti.
Qui abbiamo creato un’email utilizzando sezioni a una e due colonne. Abbiamo anche aggiunto uno sfondo incorniciato e utilizzato l’opzione per arrotondare il bordo nelle impostazioni globali per enfatizzare il corpo dell’email.
In questo ultimo esempio, abbiamo creato un’email utilizzando più sezioni di colonna. Abbiamo usato un divisore per mostrare lo spazio tra le sezioni. Come puoi vedere nell’email, abbiamo utilizzato blocchi di immagini, blocchi di testo, blocchi di pulsanti, blocchi di social media e un blocco video.
Le impostazioni del contenuto variano a seconda del blocco che stai modificando.
Colore di sfondo
Con questa opzione puoi impostare il colore di sfondo di un blocco. Per usarlo, fai clic sul cerchio dei colori e seleziona un colore dalla barra dei colori. Se hai il codice Hex, incollalo direttamente nella casella. Fai clic su Salva quando hai finito. L’opzione di ripristino riporterà l’elemento al suo aspetto originale.
Bordi e stile linea
Alcuni elementi hanno l’opzione bordo disponibile. È possibile impostare un bordo di colore facendo clic nel cerchio dei colori, quindi selezionare un colore dalla barra dei colori. Puoi anche utilizzare i codici Hex. Per lo stile del bordo, scegli uno dei nove stili di linea disponibili e aggiungi uno spessore da 0 a 99. Se non vuoi il bordo, cambia semplicemente il suo colore in trasparente o lo spessore della linea a zero. L’opzione di ripristino riporterà l’elemento al suo aspetto originale.
Arrotondare angolo/raggio
È possibile in alcuni elementi arrotondare gli angoli. È possibile impostare il raggio da 0 a 20. Al termine, è possibile impostare lo stesso arrotondamento a tutti i pulsanti facendo clic nel check box.
Spazio tra icone / Dimensione canale
Lo spazio tra le icone è un’opzione disponibile in alcuni blocchi come la barra di navigazione, il follow social e il blocco di condivisione social. Questa opzione definisce lo spazio tra un elemento e l’altro. Per impostare lo spazio fai scorrere il punto verde da 0 a 20.
Padding e Margini
Il padding e i margini di solito sono opzioni disponibili nella scheda Contenuto. Entrambi sono relativi allo spazio che circonda un elemento. È possibile impostare la spaziatura interna o il margine facendo scorrere la barra.
Allineamento
L’opzione di allineamento è relativa alla posizione di un elemento. Puoi impostarlo facendo clic sulle opzioni di allineamento desiderate; al centro, a sinistra, a destra, in basso o in alto.
Line Height / Interlinea
L’opzione dell’interlinea è disponibile solo per un blocco di testo e viene utilizzata per definire lo spazio tra due righe. Le opzioni disponibili sono Singolo, 1.25, 1.5 e Doppio.
Codice Hex
Il codice Hex o esadecimale è il valore che rappresenta un colore. Questo codice inizia con un cancelletto (#) ed è seguito da sei caratteri; ad esempio, #CFCFDA i caratteri potrebbero essere numeri o lettere. I codici esadecimali possono essere utilizzati per aggiungere i colori del tuo marchio. Se non sei sicuro di quali siano i colori del tuo codice esadecimale, puoi utilizzare un software di progettazione o un color picker online.
Se hai altre domande o dubbi, non esitare a contattarci.