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 tratta la modifica del contenuto e del design di un'email di marketing. Scopri di più sulla creazione e l'invio di email di marketing. 

Modifica le email nell'editor drag and drop

Nell'editor drag and drop è possibile creare un'email di marketing aggiungendo e riorganizzando moduli predefiniti. 

Gestisci i moduli

1. Nel tuo account HubSpot, vai a Marketing > E-mail.
2. Fai clic sulnome diuna email in bozza. 
3. Per aggiungere un nuovo modulo all'e-mail, fai clic e trascina il modulo dall'editor della barra laterale nella posizione desiderata nell'e-mail. 
4. Per riorganizzare i moduli all'interno dell'e-mail:
   • Passa con il mouse su un modulo, quindi clicca e trascina il moduloin una posizione diversa.
   • Puoi trascinare i moduli a destra o a sinistra dei moduli esistenti per creare una nuova colonna in quella sezione dell'email. 

5. Per modificare il contenuto di un modulo, clicca sul modulo nel layout dell'email. Alcuni moduli, come i modulidi testo, possono essere modificati direttamente all'interno del layout, mentre altri sono personalizzati interamente nell'editor della barra laterale. 
6. Per clonare un modulo, passa con il mouse sul modulo, quindi fai clicsull'icona DuplicaClona .
7. Per eliminare un modulo, passa con il mouse sul modulo, quindi clicca sull'iconaElimina.
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 con il mouse sull'elemento, quindi fai clic sull'icona Nascondi. Ulteriori informazioni sulla nascondimento dei moduli. 

Modifica il design dell'email

Puoi modificare il design generale della tua email, nonché le opzioni di stile dei singoli moduli. 

1. Nel tuo account HubSpot, vai a Marketing > E-mail.
2. Fai clic sulnome diuna bozza di email. 
3. Nell'editor di email, clicca sull'icona del design del modellonella barra laterale sinistra.
4. Seleziona unformato perla tua email: 
   • Predefinito: il formato più personalizzabile. Con il formato predefinito, puoi impostare colonne e spaziature personalizzate. 
   • Boxed: un formato semplificato, in cui tutto il contenuto rientra in un'unica area delimitata.
   • Semplice: un layout semplificato senza colonne o riempimento. Le email di testo semplice sono consigliate principalmente per la comunicazione uno a uno. 

5. Nella sezione Modello , imposta le linee guida generali per lo stile dell'e-mail:
   • Colore del corpo: imposta il colore di sfondo per il corpo dell'email. Inserisci uncodice esadecimale o fai clic sul selettore di colori e seleziona un colore. 
   • Larghezza bordo: se si utilizza un 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 o fare clic sul selettore di colori e selezionare un colore.
   • Tipo di sfondo: imposta uno sfondo come colore solido o come motivo.
   • Colore/motivo dello sfondo: scegli un colore o un motivo per lo sfondo. Quando imposti un motivo di sfondo, puoi anche impostare un colore di sfondo da visualizzare se un client di posta elettronica non visualizza le immagini di sfondo. 
6. Nellasezione Stili di testo, imposta le linee guida di stile per il testo dell'e-mail. Puoi impostare caratteri specifici, nonché dimensioni e colori dei caratteri, per il testo dei paragrafi, h1 e 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'email. 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 Divisori, imposta le linee guida di stile per i divisori dell'e-mail. Puoi impostare l'altezza e il colore del divisore, nonché il suo stile (solido, 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, selezionare la casella di controllo Applica a tutti i lati.
   • Per applicare un riempimento individuale nella parte superiore e inferiore dell'e-mail, inserire unvalore in pixel inciascun campo.
   • Per rimuovere il riempimento su tutti i dispositivi mobili, seleziona la casella di controllo Rimuovi riempimento sui dispositivi mobili. 

Utilizza le sezioni salvate nell'editor drag and drop

Con le sezioni salvate, puoi salvare una sezione di un'email di marketing per riutilizzarla in altre email di marketing. Le sezioni salvate sono disponibili solo per le email create nell'editor drag and drop. 

Modifica una sezione

1. Nel tuo account HubSpot, vai a Marketing > E-mail.
2. Fai clic sulnome diun'e-mail in bozza. 
3. Nell'anteprima dell'email, fai clic su una sezione.
4. Nell'editor della barra laterale,in Visibilità, imposta la visibilità della sezione su diversi dispositivi: 
   • Per impostare la visibilità della sezione, fai clic su Mostra o Nascondi. 

• • Per impostare separatamente la visibilità su dispositivi mobili e desktop, disattiva l'opzione Tutti i dispositivi. Quindi fai clic suMostra oNascondi nellesezioniDesktop eMobile. 

5. Nellasezione Colonne, clicca su una disposizione delle colonne. Questo controlla il numero e la dimensione delle colonne della sezione. 
6. Nellasezione Allineamento colonne, selezionaIn alto,Al centro oIn basso. Questo 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, puoi impostare uno sfondo per l'email.Disattival'opzioneTutti i dispositiviper impostare separatamente lo sfondo per dispositivi mobili e desktop. 
9. Nellasezione Spaziatura, puoi aggiungere un riempimento superiore e inferiore alla sezione. Disattival'opzione Tutti i dispositiviper impostare separatamente il riempimento per dispositivi mobili e desktop. 

Salvare una sezione

1. Nel tuo account HubSpot, vai 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 Salva di saveEditableView.

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

Utilizza una sezione salvata

1. Nel tuo account HubSpot, vai a Marketing > E-mail.
2. Fai clic sulnome diun'e-mail in bozza. 
3. Nell'editor dell'e-mail, clicca sulla scheda Sezioninell'editor della barra laterale. 
4. Fai clic su una sezione salvata e trascinala nella posizione desiderata nell'e-mail. 

Gestisci le sezioni salvate

1. Nel tuo account HubSpot, vai a Marketing > E-mail.
2. Clicca sulnome diuna bozza di email. 
3. Nell'editor dell'e-mail, clicca sulla scheda Sezioninell'editor della barra laterale. 
4. InSezioni salvate, fai clic suGestisci.

1. Nel pannello di destra, puoi filtrare le sezioni salvate con i menua discesaVisualizza eOrdina.
2. Clicca sul menua tendina Azioniaccanto 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 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 saranno interessate. 

Modifica le email nell'editor classico

Nell'editor classico è possibile creare email utilizzando i modelli creati nel gestore di progettazione. 

Modifica il design dell'email

Per apportare modifiche al design di un'e-mail utilizzando un modello creato nel gestore di design, puoi modificare il modello nel gestore di design

1. Nel tuo account HubSpot, vai a Marketing > E-mail.
2. Fai clic sulnome diun'e-mail in bozza. 
3. Nell'editor e-mail, clicca sull'icona del design del modellonella barra laterale sinistra.
4. Per modificare il modello dell'email 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 oClona e modifica nuovo modello permodificare una copia del modello corrente utilizzata solo per questa email. 
5. Nel gestore di design, modifica il modello, quindi fai clic suPubblica modifiche inalto a destra. 

Modifica lo stile

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

1. Nel tuo account HubSpot, fai clic sulle settings 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, inserisci la larghezza predefinita dell'email di marketing eil riempimento del corpo in pixel. 
5. Nellasezione Carattere, personalizza il carattere principale e secondario delle tue email: 
   • Fai clic sul menua discesa Carattere primarioe seleziona uncarattere. 
   • Fai clic sul menua discesa Dimensione carattere primarioe seleziona unadimensione inpixel.
   • Nelcampo Colore carattere primario, imposta il colore del carattere: 
     • Per utilizzare un codice esadecimale, inseriscilo nel campo.
     • Per selezionare manualmente un colore, fai clic sul selettore di colori. Nella finestra pop-up, fai clic e trascina il cursore per selezionare un colore di base, quindi fai clic sul colore finale sopra il cursore.
     • Per utilizzare un valore RGB, clicca sul selettore di colore, quindi inserisci 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 discesaOpzioni colore bordo e selezionaun'opzione: 
   • Imposta automaticamente il colore del bordo: il colore del bordo dell'email verrà impostato in base al modello. 
   • Imposta manualmente il colore del bordo dell'email: imposta un colore del bordo da applicare a tutte le email utilizzando l'editor classico. Nelcampo Colore bordo, inserisci un codice esadecimale oclicca sulselettore di colori eseleziona uncolore oinserisci unvalore RGB. 
   • Non aggiungere un bordo attorno al corpo dell'email: le email che utilizzano l'editor classico non avranno un bordo. 

Convertire le e-mail per utilizzare modelli drag and drop

Se l'email utilizza un modello creato nell'editor di layout o un modello codificato predefinito, anziché un modello codificato personalizzato, è possibile convertire l'email per utilizzare invece l'editor drag and drop. 

1. Nel tuo account HubSpot, vai a Marketing > E-mail.
2. Fai clic sulnome diuna bozza di email. 
3. Nella finestra di dialogo, clicca suAnteprima dell'email convertita pervisualizzare l'anteprima dell'email convertita. 
4. Fai clic suConverti per trascinare e rilasciare.