Modifica dei contenuti e del design delle e-mail di marketing

È possibile utilizzare l'editor di email "drag and drop" per creare email di marketing aggiungendo moduli predefiniti. Se si preferisce utilizzare modelli codificati, si consiglia di utilizzare l'editor classico.

Questo articolo illustra come modificare il contenuto e il design di un'e-mail di marketing. Scopri di più sulla creazione e l'invio di e-mail di marketing. 

Modifica delle email nell’editor "drag and drop"

Nell’editor "drag and drop" puoi creare un’e-mail di marketing aggiungendo e riorganizzando moduli predefiniti. 

Gestire i moduli

1. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Marketing > E-mail. Se Altro non compare nel tuo account, vai direttamente a Marketing > E-mail.
2. Fai clic sulnome diun'e-mail in bozza. 
3. Per aggiungere un nuovo modulo all'e-mail, clicca e trascina il modulo dall'editor della barra laterale nella posizione desiderata all'interno dell'e-mail. 
4. Per riorganizzare i moduli all’interno dell’e-mail:
   • Passail mouse su un modulo, quindi clicca e trascinalo in una posizione diversa.
   • Puoi trascinare i moduli a destra o a sinistra di quelli esistenti per creare una nuova colonna in quella sezione dell'e-mail. 
5. Per aggiungere spazio tra i moduli:
   • Fare clic sul modulo "Spacer"nell'editor della barra laterale e trascinarlo nella posizione desiderata all'interno dell'e-mail.
   • Nell’editor della barra laterale, imposta l’altezza, il colore e il margine interno dello spacer. Per impostazione predefinita, lo spacer avrà un’altezza di 30px, sarà trasparente e non avrà margini interni aggiuntivi.

5. Per modificare il contenuto di un modulo, clicca sul modulo nel layout dell’e-mail. Alcuni moduli, come quellidi testo, possono essere modificati direttamente all’interno del layout, mentre altri vengono personalizzati interamente nell’editor della barra laterale. 
6. Per clonare un modulo, passa il mouse sul modulo, quindi fai clicsull’icona di duplicazione .
7. Per eliminare un modulo, passa il mouse sul modulo, quindi fai clic sull'iconadi eliminazione.
8. Per nascondere un modulo durante la visualizzazione su determinati tipi di dispositivi:
   • Nella parte superiore, seleziona iltipo di dispositivo per il quale desideri nascondere il modulo.
   • Nell’anteprima dell’e-mail, passa il mouse sull’elemento, quindi fai clic sull’ icona hide ”. Scopri di più su come nascondere i moduli. 

Modifica il design dell'e-mail

È possibile modificare il design complessivo dell'e-mail, nonché le opzioni di stile dei singoli moduli. 

1. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Marketing > E-mail. Se Altro non compare nel tuo account, vai direttamente a Marketing > E-mail.
2. Fai clic sulnome diun'e-mail in bozza. 
3. Nell'editor dell'e-mail, clicca sull'icona del modellonella barra laterale sinistra.
4. Seleziona unformato perla tua email: 
   • Predefinito: il formato più personalizzabile. Con il formato predefinito, puoi impostare colonne e margini personalizzati. 
   • In riquadro: un formato semplificato, in cui tutto il contenuto rientra in un'unica area delimitata da un bordo.
   • Semplice: un layout semplificato senza colonne né margini. Le email in testo semplice sono consigliate principalmente per la comunicazione uno a uno. 

5. Nella sezione Modello , imposta le linee guida generali di stile per l'e-mail:
   • Colore del corpo: imposta il colore di sfondo del corpo dell’e-mail. Inserisci uncodice esadecimale oppure fai clic sul selettore di colori e seleziona un colore. 
   • Larghezza del bordo: se si utilizza il formato "Boxed", impostare la larghezza del bordo in pixel.
   • Colore: se si utilizza un formato "Boxed ", impostare il colore del bordo. Inserire un codice esadecimale oppure fare clic sul selettore di colori e selezionare un colore.
   • Tipo di sfondo: imposta uno sfondo a tinta unita o con un motivo.
   • Colore/motivo di sfondo: scegli un colore o un motivo di sfondo. Quando imposti un motivo di sfondo, puoi anche specificare un colore di sfondo da visualizzare nel caso in cui un client di posta elettronica non supporti la visualizzazione delle immagini di sfondo. 
6. Nellasezione Stili di testo, imposta le linee guida di stile per il testo dell’e-mail. Puoi impostare font specifici, nonché dimensioni e colori dei caratteri, per il testo dei paragrafi, degli h1 e degli h2. Puoi anche impostare un colore e uno stile per tutti i link. 
7. Nellasezione Pulsanti, imposta le linee guida di stile per i pulsanti dell’e-mail. Puoi impostare il raggio e il colore del pulsante. Per il testo del pulsante, puoi impostare un font, nonché il colore, la dimensione e lo stile del font. 
8. Nellasezione "Separatori", imposta le linee guida di stile per i separatori dell'e-mail. Puoi impostare l'altezza e il colore del separatore, nonché il suo stile (continuo, tratteggiato o punteggiato). 
9. Nella sezione "Spaziatura", imposta le linee guida di stile per il riempimento dell'e-mail.
   • Per applicare lo stesso riempimento a tutti i lati, seleziona la casella di controllo "Applica a tutti i lati ".
   • Per applicare un'interlinea personalizzata nella parte superiore e inferiore dell’e-mail, inserisci unvalore in pixel inciascun campo.
   • Per rimuovere la spaziatura su tutti i dispositivi mobili, seleziona la casella di controllo Rimuovi spaziatura sui dispositivi mobili. 

Utilizza le sezioni salvate nell'editor di email "trascina e rilascia"

Con le sezioni salvate, è possibile salvare una sezione di un'e-mail di marketing per riutilizzarla in altre e-mail di marketing. Le sezioni salvate sono disponibili solo per le e-mail create nell'editor "drag and drop". 

Modifica una sezione

1. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Marketing > E-mail. Se Altro non compare nel tuo account, vai direttamente a Marketing > E-mail.
2. Fare clic sulnome diun'e-mail in bozza. 
3. Nell'anteprima dell'e-mail, clicca su una sezione.
4. Nell'editor della barra laterale,nella sezione Visibilità, imposta la visibilità della sezione sui diversi dispositivi: 
   • Per impostare la visibilità della sezione, clicca su Mostra o Nascondi. 

• • Per impostare separatamente la visibilità su dispositivi mobili e desktop, disattival'interruttore "Tutti i dispositivi". Quindi clicca su"Mostra" o"Nascondi" nellesezioni"Desktop" e"Dispositivi mobili". 

5. Nellasezione "Colonne", clicca su una disposizione delle colonne. Questo controlla il numero e la dimensione delle colonne della sezione. 
6. Nellasezione "Allineamento colonne", seleziona "In alto", "Al centro" o "In basso". Questa opzione controlla l'allineamento verticale dei moduli nella sezione. 
7. Nellasezione "Impilamento", seleziona ilcomportamento di impilamento dellecolonne. Questo controlla come appariranno i moduli sui dispositivi mobili. 
8. Nellasezione "Sfondo", è possibile impostare uno sfondo per l’e-mail. Disattival’interruttore "Tutti i dispositivi" per impostare separatamente lo sfondo per dispositivi mobili e desktop. 
9. Nellasezione "Spaziatura", puoi aggiungere un margine superiore e inferiore alla sezione. Disattiva l'interruttore "Tutti i dispositivi" per impostare separatamente i margini per dispositivi mobili e desktop. 

Salvare una sezione

1. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Marketing > E-mail. Se Altro non compare nel tuo account, vai direttamente a Marketing > E-mail.
2. Fai clic sulnome diun’e-mail in bozza. 
3. Nell’anteprima dell’e-mail, passa con il mouse su una sezione e fai clic sull’icona di salvataggio saveEditableView.

4. Nella finestra di dialogo, inserisci unnome per la sezione, quindi clicca suSalva. 

Utilizza una sezione salvata

1. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Marketing > E-mail. Se Altro non compare nel tuo account, vai direttamente a Marketing > E-mail.
2. Fai clic sulnome diun'e-mail in bozza. 
3. Nell'editor dell'e-mail, clicca sulla scheda "Sezioni" nell'editor della barra laterale. 
4. Fai clic su una sezione salvata e trascinala nella posizione desiderata all’interno dell’e-mail. 

Gestisci le sezioni salvate

1. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Marketing > E-mail. Se Altro non compare nel tuo account, vai direttamente a Marketing > E-mail.
2. Fai clic sulnome diun'e-mail in bozza. 
3. Nell'editor dell'e-mail, clicca sulla scheda "Sezioni" nell'editor della barra laterale. 
4. InSezioni salvate, clicca suGestisci.

1. Nel pannello di destra, puoi filtrare le sezioni salvate utilizzando i menua tendina"Visualizza" e"Ordina".
2. Fai clic sul menua tendina "Azioni" accanto a una sezione salvata e seleziona una delle seguenti opzioni: 
   • Aggiungi ai preferiti: aggiungi questa sezione alle tue sezioni preferite.
   • Nascondi: rimuoviquesta sezione dall'editor della barra laterale. Potrai comunque accedervi durante la gestione delle sezioni se filtri per le sezioni nascoste. 
   • Mostra: se hai nascosto questa sezione, ripristinala nell'editor della barra laterale. 
   • Elimina: elimina definitivamente questa sezione. Nella finestra di dialogo, clicca su "Elimina sezione " per confermare. Questa azione non può essere annullata. Le email esistenti che utilizzano la sezione non ne risentiranno. 

Modifica delle email nell'editor classico

Nell'editor classico, puoi creare email utilizzando i modelli creati nel gestore di design. 

Modifica il design dell’e-mail

Per apportare modifiche al design di un'e-mail utilizzando un modello creato nel Design Manager, è possibile modificare il modello direttamente nel Design Manager

1. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Marketing > E-mail. Se Altro non compare nel tuo account, vai direttamente a Marketing > E-mail.
2. Fare clic sulnome diun'e-mail in bozza. 
3. Nell'editor delle email, clicca sull'icona di progettazione del modellonella barra laterale sinistra.
4. Per modificare il modello dell'e-mail nel Gestore di progettazione:
   • Nell'editor della barra laterale, clicca sul menu a tendina Azionie seleziona Modifica questo modello. 
   • Nella finestra di dialogo, selezionaModifica questo modello permodificare il modello utilizzato per le risorse elencate oppureClona e modifica nuovo modello permodificare una copia del modello corrente utilizzata esclusivamente per questa email. 
5. Nel gestore del design, modifica il modello, quindi fai clic suPubblica modifiche inalto a destra. 

Modifica dello stile

È possibile impostare lo stile predefinito per le email create nell'editor classico dalle impostazioni delle email di marketing. 

1. Nel tuo account HubSpot, fai clic sulle icona delle impostazioni nella barra di navigazione principale.
2. Nel menu della barra laterale sinistra, vai suMarketing > Email. 
3. Fai clic sullascheda "Branding (Editor classico)". 
4. Nellasezione "Dimensioni", inserisciin pixel la larghezza predefinita delle email di marketing eil margine interno del corpo del testo. 
5. Nellasezione "Font", personalizza il carattere principale e secondario delle tue email: 
   • Fai clic sul menua discesa "Carattere principale" e seleziona uncarattere. 
   • Fai clic sul menua discesa Dimensione carattere principalee seleziona unadimensione inpixel.
   • Nelcampo "Colore del carattere principale", imposta il colore del carattere: 
     • Per utilizzare un codice esadecimale, inseriscilo nel campo.
     • Per scegliere manualmente un colore, clicca sul selettore di colore. Nella finestra a comparsa, clicca e trascina il cursore per selezionare un colore di base, quindi clicca sul colore finale sopra il cursore.
     • Per utilizzare un valore RGB, fare clic sul selettore di colore, quindi inserire i valori neicampi R, G e B. 

5. • Ripeti l'operazione per il carattere secondario. 
6. Nellasezione Colore, imposta i colori per gli accenti primari e secondari, il corpo e lo sfondo.
7. Fai clic sul menu a discesa "Opzioni colore bordo " e selezionaun'opzione: 
   • Imposta automaticamente il colore del bordo: il colore del bordo dell’e-mail verrà impostato in base al modello utilizzato. 
   • Imposta manualmente il colore del bordo dell’e-mail: imposta un colore del bordo da applicare a tutte le e-mail utilizzando l’editor classico. Nelcampo Colore del bordo, inserisci un codice esadecimale oppureclicca sulselettore di colore eseleziona uncolore oinserisci unvalore RGB. 
   • Non aggiungere un bordo attorno al corpo dell’e-mail: le e-mail che utilizzano l’editor classico non avranno un bordo. 

Convertire le email per utilizzare i modelli "trascina e rilascia"

Se la tua email utilizza un modello creato nell’editor di layout o un modello predefinito codificato, anziché un modello personalizzato codificato, puoi convertire l’email per utilizzare invece l’editor "trascina e rilascia". 

1. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Marketing > E-mail. Se Altro non compare nel tuo account, vai direttamente a Marketing > E-mail.
2. Fare clic sulnome diun'e-mail in bozza. 
3. Nella finestra di dialogo, clicca suAnteprima dell'e-mail convertita pervisualizzare in anteprima l'aspetto dell'e-mail convertita. 
4. Fai clic su "Converti" per trascinare e rilasciare.