Vai al contenuto principale

Editor drag & drop - Parte 3: Come usare i blocchi di contenuto (Testo e Link, Immagine, Pulsante, ecc.)

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 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 nel modo seguente:

Prima di iniziare

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:

  • Stili (paragrafo, intestazioni, link, pulsante)
  • Carattere
  • Dimensioni
  • Colore del testo
  • Formattazione del testo (grassetto, corsivo, sottolineato, barrato, apice, pedice)

DEE_formatting-toolbar-text_EN-US.gif

❗️ Importante
Se incolli contenuto da un'altra campagna o editor, la formattazione, le tabelle e le immagini non verranno riportati nell'editor drag & drop per evitare che il contenuto venga rovinato da formattazione nascosta. Ti consigliamo di duplicare o salvare il blocco di contenuto per riutilizzarlo nell'editor drag & drop.
Colori Personalizzazione Link
DDE_colors_EN.png

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.

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

DEE_text-block_EN-US.gif

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. 

DDE_borders_EN-US.gif

Immagine

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

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.

Aggiunta di un'immagine

Tramite la libreria di contenuti Tramite un URL
  1. Seleziona il blocco immagine e clicca su Sostituisci nelle impostazioni dell'immagine per aprire la libreria di contenuti.
  2. Individua l'immagine che desideri inserire in I miei file o Archivio immagini.
    • I miei file: Qui si trovano le immagini che carichi tu. Clicca su Nuovo caricamento per caricare una o più immagini dal tuo sistema.
    • Archivio immagini: Queste immagini provengono da Pexels e possono essere utilizzate gratuitamente.
  3. Seleziona l'immagine e clicca su Inserisci nella barra in alto.
    L'immagine verrà inserita nel blocco 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.

2022-02-11_16-24-57__1_.gif

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.

mceclip1.png

Puoi anche:

Aggiunta di un link a un'immagine

L'aggiunta di un link a un'immagine ti permette di reindirizzare i tuoi destinatari. Puoi reindirizzarli a una pagina o a un file.

Reindirizza a una pagina Reindirizza a un file

Per reindirizzare i tuoi destinatari alla pagina di tua scelta:

  1. Seleziona l'immagine e fai clic su icon-add-link.png Aggiungi link o premi ⌘ o CTRL + K.
    image-add-link.png
  2. Seleziona il tipo di link che desideri inserire e inserisci il tuo URL nel campo Destinazione del link.
  3. Facoltativo: aggiungi un titolo di link che apparirà come tooltip al passaggio del mouse.
  4. Fai clic su Inserisci.

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. Aggiungi un link per reindirizzare i tuoi destinatari.
    Reindirizza a una pagina Reindirizza a un file

    Per reindirizzare i tuoi destinatari alla pagina di tua scelta:

    1. Seleziona il pulsante e fai clic su icon-add-link.pngAggiungi link.
    2. Seleziona il tipo di link che desideri inserire e inserisci il tuo URL nel campo Destinazione del link.
    3. Facoltativo: aggiungi un titolo di link che apparirà come tooltip al passaggio del mouse.
    4. Fai clic su Inserisci.
    mceclip1.png

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.

Logo

Questo blocco di contenuto le consente di inserire il logo del suo brand in qualsiasi punto del design della sua email. Aggiunga il suo logo alla brand library per evitare di doverlo ricaricare ogni volta. 

logo-block_EN-US.jpg

Social

💡 Buono a sapersi
Se hai già aggiunto dei link di social media nella libreria del marchio i link saranno automaticamente inseriti nei campi Impostazioni icone. Per saperne di più, consulta il nostro articolo dedicato Progettazione automatica delle email con le risorse salvate nella tua Libreria del marchio.
  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. 

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 Utilizzo dell'HTML per le campagne email.

Separatore

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

divider_FR.png

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

Stile 

I blocchi di contenuto di stile sono blocchi di contenuto predefiniti che lei può riempire con altri blocchi di contenuto. Può scegliere tra tre blocchi di contenuto di stile diversi. Per saperne di più, consulti il nostro articolo dedicato Differenze tra blocchi di stile e di contenuto.

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:

Informazioni sull'azienda

Questa riga è composta dal nome della tua azienda e dai recapiti.

Icone dei social media
Puoi aggiungere link ai tuoi social media nel piè di pagina della tua campagna. 
Per ulteriori informazioni, vedi la sezione sul blocco di contenuto Social.
Link Visualizza nel browser
Questo link viene detto anche mirror link. Si tratta di un collegamento su cui i destinatari possono cliccare se hanno problemi a visualizzare la tua email nel loro client di posta e vorrebbero visualizzarla nella versione browser. La maggior parte dei modelli di email non necessita di questa opzione se i modelli sono responsivi, ma puoi sempre aggiungerla se necessario. Per maggiori informazioni, vedi il nostro articolo al riguardo Inserimento di un Visualizza nel browser (mirror) link nelle campagne.
Questa email è stata inviata a

Questa riga informa i tuoi destinatari che questa email era destinata a loro. Spiega anche perché hanno ricevuto questa email.

Link di disiscrizione

Questo link è obbligatorio in quanto, in ottemperanza al GDPR, permette ai tuoi destinatari di cancellarsi dalla tua newsletter. Per maggiori informazioni, vedi il nostro articolo al riguardo Inserimento di un link di disiscrizione nelle campagne.

Logo Brevo

Il logo Brevo appare per impostazione predefinita nel piè di pagina delle tue email.

  • Se hai un'offerta gratuita, il logo verrà sempre visualizzato nel tuo piè di pagina.
  • Sei hai un piano a pagamento, puoi rimuovere il logo manualmente da tutti i tuoi modelli: seleziona il logo e clicca sull’icona del cestino. Per evitare di rimuovere il logo ogni volta, puoi creare dei modelli senza logo, salvarli e riutilizzarli.
    DDE_delete-logo-new_EN-US.gif

Prodotto

❗️ Importante
Il blocco prodotto è disponibile solo nel editor drag & dropIl blocco prodotto èdisponibile soltanto se utilizzi i nostri plugin Shopify,PrestaShop [1.7 e successive],Shopware 5 o Shopware 6. Per maggiori informazioni, consulta il nostro articolo dedicato sull'Inserimento di un blocco Prodotto nell'editor drag & drop.

Trascina il blocco di contenuto Prodotto nella tua newsletter. 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.

Spaziatore 

Il blocco di contenuto spaziatore le consente di aggiungere un blocco di spazio all'interno del design della sua email. Può modificare la larghezza o l'altezza del blocco di contenuto spaziatore per creare uno spazio più o meno ampio. La larghezza massima è del 100% e l'altezza minima è di 30 px. Può anche cambiare il colore del blocco spaziatore per creare un blocco di colore.

DDE_spacer_EN-US.gif

Video

Utilizza il nostro blocco di contenuto Video per inserire facilmente un link a un video nelle tue campagne email:

DDE_insert-video-block_EN-US.gif

Per ulteriori informazioni, consulta il nostro articolo dedicato Inserire dei video nella mia campagna email.

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

💬 Questo articolo ti è stato utile?

Utenti che ritengono sia utile: 1 su 17