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:
- 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
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:
|
|
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. |
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, o premere ⌘ oder Ctrl + K, 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 Brevo 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
-
Brevo 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 sapersiQuesta 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 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 dalla Libreria dei contenuti 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.
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
- Seleziona il blocco immagine e clicca su Sostituisci nelle impostazioni dell'immagine per aprire la libreria di contenuti.
-
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.
-
I miei file: Qui si trovano le immagini che carichi tu. Clicca su Nuovo caricamento per caricare una o più immagini dal tuo sistema.
- Seleziona l'immagine e clicca su Inserisci nella barra in alto.
L'immagine verrà inserita nel blocco Immagine.
- Seleziona il blocco Immagine.
- Nelle impostazioni dell'immagine a sinistra, aggiungi l'URL dell'immagine nel campo Inserisci immagine da URL.
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.
- Progettare la tua immagine e salvarla nella libreria dei contenuti grazie alla funzione Crea immagine. Per saperne di più, consulta il nostro articolo dedicato Progettazione di una newsletter di qualità professionale con la funzione Crea immagine.
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.
Per reindirizzare i tuoi destinatari alla pagina di tua scelta:
-
Seleziona l'immagine e fai clic su
Aggiungi link o premi ⌘ o CTRL + K.
- Seleziona il tipo di link che desideri inserire e inserisci il tuo URL nel campo Destinazione del link.
- Facoltativo: aggiungi un titolo di link che apparirà come tooltip al passaggio del mouse.
- Fai clic su Inserisci.
Per reindirizzare i tuoi destinatari a un file che desideri scarichino:
- Caricare il tuo file su un provider di terze parti come WeTransfer o Dropbox, e assicurati che il tuo file sia accessibile pubblicamente.
-
Seleziona l'immagine e fai clic su
Aggiungi link.
- Nel campo Tipo di link, seleziona Link assoluto (URL).
- Inserisci l'URL del tuo file nel campo Destinazione del link.
- Facoltativo: aggiungi un titolo di link che apparirà come tooltip al passaggio del mouse.
- Fai clic su Inserisci.
Pulsante
Aggiungi dei pulsanti per creare un invito all'azione nelle tue email:
- Trascina il blocco Pulsante nella campagna.
- 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. - Facoltativo: usa la barra degli strumenti di formattazione del testo e le impostazioni dei pulsanti nel pannello a sinistra per personalizzare il pulsante.
- Aggiungi un link per reindirizzare i tuoi destinatari.
Per reindirizzare i tuoi destinatari alla pagina di tua scelta:
-
Seleziona il pulsante e fai clic su
Aggiungi link.
- Seleziona il tipo di link che desideri inserire e inserisci il tuo URL nel campo Destinazione del link.
- Facoltativo: aggiungi un titolo di link che apparirà come tooltip al passaggio del mouse.
- Fai clic su Inserisci.
Per reindirizzare i tuoi destinatari a un file che desideri scarichino:
- Caricare il tuo file su un provider di terze parti come WeTransfer o Dropbox, e assicurati che il tuo file sia accessibile pubblicamente.
-
Seleziona l'immagine e fai clic su
Aggiungi link.
- Nel campo Tipo di link, seleziona Link assoluto (URL).
- Inserisci l'URL del tuo file nel campo Destinazione del link.
- Facoltativo: aggiungi un titolo di link che apparirà come tooltip al passaggio del mouse.
- Fai clic su Inserisci.
-
Seleziona il pulsante e fai clic su
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.
Social
- Dalla scheda Contenuto, trascina e rilascia il blocco Social nella tua campagna.
- Lascia invariate le impostazioni predefinite delle icone oppure scegli Dimensioni, Stile, Tema e Interlinea per le tue icone dei social media.
-
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.
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:
Questa riga è composta dal nome della tua azienda e dai recapiti.
Per ulteriori informazioni, vedi la sezione sul blocco di contenuto Social.
Questa riga informa i tuoi destinatari che questa email era destinata a loro. Spiega anche perché hanno ricevuto questa email.
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.
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.
Prodotto
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.
Video
Utilizza il nostro blocco di contenuto Video per inserire facilmente un link a un video nelle tue campagne email:
Per ulteriori informazioni, consulta il nostro articolo dedicato Inserire dei video nella mia campagna email.
⏩ 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 contattarci qui.