L'editor drag & drop [Nuovo design] 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 questo articolo spiegheremo ulteriormente come utilizzare i blocchi di contenuto nelle email e come modificarne le impostazioni.

Abbiamo suddiviso gli articoli sull’editor drag & drop [Nuovo design] nel modo seguente:

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

Buono a sapersi

Imposta la Libreria del marchio in modo che ogni nuovo modello che selezioni erediterà le proprietà del tuo marchio, come il logo, i colori, i font e i link dei social media. Oltre a farti risparmiare tempo, la Libreria del marchio ti consente di mantenere un branding coerente delle email. Per maggiori informazioni, leggi il nostro articolo Progettazione automatica delle email con le risorse salvate nella tua Libreria del marchio.

Titolo e Testo

Barra degli strumenti di formattazione del testo

Seleziona il blocco di contenuto Testo o Titolo nell'editor per visualizzare la barra degli strumenti di formattazione del testo nella parte superiore del blocco con le seguenti opzioni:

Colori Rimozione formato Personalizzazione Link

I colori che usi nel tuo modello saranno ora salvati nel selettore dei colori. Puoi sempre rimuovere un colore salvato selezionando un testo con questo colore, cliccando sul selettore di colori e poi su Rimuovi colore. Potrebbero volerci alcuni minuti prima che il colore scompaia.

💡 Buono a sapersi

Abbiamo aggiunto i colori del tuo marchio ai tuoi modelli!
Utilizziamo l'API Brandfetch per ottenere tutte le informazioni disponibili sul tuo marchio e inserire automaticamente logo, colori e social media, se disponibili, per personalizzare i 4 modelli di layout di base.

Puoi facilmente rimuovere la formattazione di un testo selezionato cliccando sull'icona Rimuovi formato:

Clicca su 👤 per inserire una personalizzazione nel tuo testo, come ad esempio il nome dei tuoi destinatari.
Per maggiori informazioni, vedi come personalizzare il testo usando gli attributi dei contatti.

Per inserire un link al testo, seleziona il testo, clicca sull'icona Link e compila i dettagli nella finestra Inserisci/modifica link. Il Titolo del link è il pop-up che compare quando si passa il cursore sul link.

Puoi selezionare diversi tipi di link:

• Link assoluto (URL)
  Questa è l'opzione di base per i link, scegli questa per aggiungere un URL.
• Visualizza nel browser
  Il mirror link può essere aggiunto all'intestazione delle tue campagne. Si tratta di un link che i destinatari possono cliccare se hanno difficoltà a visualizzare la tua email nella loro casella di posta e vogliono aprire la tua email come una pagina web. Le campagne non devono necessariamente contenere un mirror link.
  ➡️ Per maggiori informazioni vedi il nostro articolo dedicato sui mirror link.
• Link di disiscrizione
  Il link di disiscrizione viene aggiunto automaticamente al piè di pagina delle tue campagne. Si tratta di un link che i destinatari possono cliccare per aprire la pagina di disiscrizione di Sendinblue e non ricevere più le tue email. Le campagne devono contenere obbligatoriamente un link di disiscrizione in quanto è essenziale per i tuoi contatti e per il corretto funzionamento delle campagne.
  ➡️ Per maggiori informazioni vedi il nostro articolo dedicato sui link di disiscrizione.
  
• Aggiornamento delle preferenze
  
• Sendinblue fornisce un modulo di aggiornamento del profilo che ti aiuta a raccogliere informazioni aggiornate sui tuoi iscritti, come ad esempio recapiti, preferenze, e perfino a quali liste vogliono essere iscritti. Ti consigliamo di includere un link a questo modulo nel piè di pagina di tutte le tue email per rendere più facile per gli iscritti comunicarti le loro preferenze. 
  ➡️ Per maggiori informazioni vedi il nostro articolo dedicato sui link di aggiornamento del profilo.
  
  💡 Buono a sapersi

  Questa opzione verrà aggiunta automaticamente quando selezioni un modulo in Campagne > Impostazioni avanzate > Uso di un modulo personalizzato di aggiornamento del profilo come spiegato qui.
  Se questa opzione è disattivata, devi attivarla in Campagne > Impostazioni avanzate. Se stai utilizzando un modello, devi aggiungere manualmente il link al modulo Aggiorna le tue preferenze.
  
• Link all'email (mailto)
  Aggiungi un link a un indirizzo email.
• Clicca per telefonare a questo numero
  Aggiungi un link a un numero di telefono.
• Ancora al relativo link
  Crea un'ancora da qualche parte nella tua campagna e quindi utilizza l'opzione del relativo link per collegarti a quell'ancora. 
• Link associato (all'ancora)
  Dopo aver creato l'ancora nella tua campagna, utilizza questa opzione per creare il link all'ancora.
  Ad esempio, per tornare a una parte specifica della newsletter nella parte superiore della pagina.

Per rimuovere o aggiornare un link, posiziona il cursore su di esso, clicca sull’icona Link e vedrai comparire i pulsanti Rimuovi e Aggiorna.

Guarda il video per saperne di più sull'aggiunta di un link, di un colore o un'immagine di sfondo e su come modificare le impostazioni del blocco di testo:

Impostazioni del pannello di sinistra

Stesso blocco, formattazione diversa

Fare clic sul blocco di testo per visualizzare il pannello di sinistra con impostazioni aggiuntive simili a quelle disponibili nella scheda Design. 
Per ulteriori informazioni su come utilizzare queste impostazioni, vedi Impostazione dello stile di progettazione per l'intera email.

Con questo nuovo editor, è possibile scegliere una formattazione diversa all'interno dello stesso blocco di testo. Ad esempio, puoi avere un titolo seguito da un paragrafo e da punti elenco. Puoi anche avere colori diversi all'interno dello stesso blocco. 

Bordi

Puoi anche aggiungere bordi al blocco di testo e alle immagini utilizzando l'impostazione Bordi nel pannello di sinistra. Puoi impostare dimensioni e colori diversi per ciascun bordo o attivare il pulsante Applica su tutti i lati per applicare una dimensione e un colore univoci per tutti i bordi. 

Immagine

Puoi aggiungere un'immagine dalla scheda Contenuto utilizzando il blocco Immagine. Potrai aggiungere l'immagine di tua scelta cliccando su Sostituisci o incollando il link alla tua immagine nel campo Inserisci immagine da URL. Puoi ridimensionare o modificare l'immagine direttamente nell'editor. 

Per saperne di più, scopri il nostro articolo dedicato Use folders to organize images in your Content Library.

Ci sono impostazioni aggiuntive nel pannello di sinistra simili a quelle disponibili nella scheda Design. 
Per ulteriori informazioni su come utilizzare queste impostazioni, vedi Impostazione dello stile di progettazione per l'intera email.

Puoi anche aggiungere bordi al blocco Immagine utilizzando l'impostazione Bordi del pannello di sinistra. Puoi impostare dimensioni e colori diversi per ciascun bordo o attivare il pulsante Applica su tutti i lati per applicare una dimensione e un colore univoci per tutti i bordi.

Aggiunta di un'immagine

Guarda il video per ulteriori informazioni sull'aggiunta di più immagini una dopo l'altra e su come modificare le impostazioni del blocco immagine.

Ridimensionamento di un'immagine

Per ridimensionare un'immagine, clicca sull'immagine che desideri ridimensionare per selezionarla e posiziona il cursore nell'angolo inferiore destro dell'immagine. Una volta visualizzata la doppia freccia, tira l'angolo fino a ottenere le dimensioni desiderate. Le dimensioni dell'immagine sono visualizzate in blu nell'angolo in basso a destra dell'immagine e vengono aggiornate automaticamente durante il ridimensionamento dell'immagine.
Puoi anche utilizzare il campo Larghezza dal pannello di sinistra per ridimensionare l'immagine.

Modifica di un'immagine

Il nostro editor drag & drop comprende un editor fotografico che permette di ritagliare un'immagine, aggiungere filtri, testo o elementi di design. Per accedere all'editor fotografico, clicca sull'immagine e quindi sul pulsante Modifica in Impostazioni immagine.

Puoi anche modificare una foto dalla Libreria di contenuti. Basta selezionare l'immagine e cliccare su Modifica.

Pulsante

Aggiungi dei pulsanti per creare un invito all'azione nelle tue email:

1. Trascina il blocco Pulsante nella campagna.
2. Sostituisci il testo di invito all'azione con un testo che corrisponda al contenuto a cui desideri reindirizzare i destinatari. 
   Se vuoi, puoi personalizzare il testo con gli attributi dei contatti. 
3. Facoltativo: usa la barra degli strumenti di formattazione del testo e le impostazioni dei pulsanti nel pannello a sinistra per personalizzare il pulsante. 
4. Clicca sull'icona Link per aggiungere un collegamento al tuo pulsante per reindirizzare i destinatari alla pagina che hai scelto.

Guarda il video per saperne di più sulla modifica di impostazioni come larghezza, raggio del bordo, dimensione della linea o colore di sfondo per il blocco Pulsante.

Social

Il blocco Social ti consente di reindirizzare i tuoi destinatari alle tue pagine dei social media quando fanno clic sulle icone.

1. Dalla scheda Contenuto, trascina e rilascia il blocco Social nella tua campagna.
2. Lascia invariate le impostazioni predefinite delle icone oppure scegli Dimensioni, Stile, Tema e Interlinea per le tue icone dei social media.
3. Incolla il link alle tue pagine di social media nel rispettivo campo Impostazioni icone.
   È possibile cliccare su Aggiungi altro per aggiungere icone e link di social media, se necessario, oppure cliccare sull'icona del cestino per eliminare un'icona di social media e il relativo link dal blocco. 

Se hai già aggiunto dei link di social media in Campagne > Impostazioni > Google e social network, i link saranno automaticamente inseriti nei campi Impostazioni icone.

Guarda il video per saperne di più sulla modifica delle impostazioni del blocco Social.

HTML

Il blocco HTML ti consente di aggiungere il tuo codice. Il codice può essere digitato o copiato e incollato. Per vedere l'anteprima del tuo codice è sufficiente lasciare il blocco HTML invariato.

Alcuni client di posta elettronica non supportano tutti i contenuti HTLM poiché l'HTML per le email non è così sviluppato come l'HTML per il web. Per maggiori informazioni su come evitare problemi con il codice HTML nell'editor e nel blocco HTML, ti invitiamo a leggere il nostro articolo al riguardo Limitazioni nell'utilizzo dell'HTML per le campagne email.

Separatore

Il blocco separatore aggiunge una linea orizzontale per separare i blocchi.

Guarda il video per saperne di più sulla modifica di impostazioni come spessore, colore, forma, larghezza e colore di sfondo per il blocco separatore.

Intestazione e piè di pagina

Usa il blocco Intestazione per aggiungere il logo della tua azienda.

Il blocco Piè di pagina è essenziale perché fornisce ai tuoi destinatari maggiori informazioni sulla tua azienda e consente loro di annullare l'iscrizione o modificare le loro preferenze. Può essere costituito da:

Prodotto

Se utilizzi i plugin Shopify o Shopware con il nostro nuovo editor drag & drop, vedrai il blocco di contenuto Prodotto.

1. Trascina il blocco di contenuto Prodotto nella tua newsletter.
2. Seleziona un prodotto utilizzando la barra di ricerca.
3. Clicca su Inserisci.

Vedrai l'immagine, il nome, la descrizione e il prezzo del prodotto. L'URL del prodotto è automaticamente collegato all'immagine e al pulsante del prodotto a condizione che il tuo negozio sia pubblicato.
Per maggiori informazioni, consulta il nostro articolo dedicato sull'Inserimento di un blocco Prodotto nell'editor drag & drop (nuova versione).

⏩ E adesso?

• 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 contattarcihere.