Nota bene: la traduzione in italiano di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.

Le e-mail di marketing con codice personalizzato hanno un aspetto diverso in Outlook

Ultimo aggiornamento: 9 ottobre 2025

Disponibile con uno qualsiasi dei seguenti abbonamenti, tranne dove indicato:

Marketing Hub Professional, Enterprise

Se avete creato un'e-mail di marketing con codice personalizzato, potreste notare delle discrepanze nel modo in cui l'e-mail viene visualizzata in Outlook, come ad esempio problemi di posizionamento o di spaziatura.

Risolvere i problemi di spaziatura

Esistono due metodi per regolare la spaziatura delle immagini in Outlook: l'uso di hspace o vspace e l'uso di tabelle.

Utilizzare hspace e vspace

L'attributo HTML vspace definisce lo spazio verticale e aggiunge una spaziatura uguale alla parte superiore e inferiore dell'immagine. L'attributo hspace definisce lo spazio orizzontale e aggiunge una spaziatura uguale a destra e a sinistra dell'immagine.

Nel tuo account HubSpot, vai a Marketing > E-mail.
Fare clic sul nome dell'e-mail redatta utilizzando un modello personalizzato.
Nell'editor delle e-mail, fare clic sul modulo che si desidera modificare.
Nella barra degli strumenti del testo ricco, fare clic sul menu a discesa Avanzate e selezionare Codice sorgente.
Nella finestra di dialogo, aggiungere hspace="10" vspace="10" alla fine del codice immagine. Sostituire 10 con la quantità di spaziatura desiderata.

Screenshot of the source code editor in the email editor. The hspace="10" vspace="10" code is highlighted.

Utilizzare le tabelle

È possibile utilizzare una tabella a 3 colonne per contenere in modo uniforme l'immagine, la spaziatura e il testo.

Nel tuo account HubSpot, vai a Marketing > E-mail.
Fare clic sul nome dell'e-mail redatta utilizzando un modello personalizzato.
Nell'editor di e-mail, fare clic sul modulo che si desidera modificare.
Nella barra degli strumenti del testo ricco, fare clic sul menu a discesa Inserisci e selezionare Tabella, quindi creare una tabella 3x1.

Screenshot of the email editor. The Insert dropdown menu & Table option are highlighted. A 3x1 table is being created.

Nella barra degli strumenti dell'editor di testo ricco, fare clic sulmenu a discesa Avanzate e selezionare Codice sorgente.
Nella finestra di dialogo, aggiungere una larghezza per la cella vuota, ad esempio <td width="10">, per impostare lo spazio tra l'immagine e il testo.
Impostare una famiglia di caratteri, una dimensione e un colore, nonché l'altezza della riga, poiché Outlook aggiungerà il proprio stile se non specificato.

Risoluzione dei problemi relativi alle linee orizzontali inattese

A causa di un problema noto in alcune versioni di Outlook, potrebbe apparire una linea orizzontale tra le sezioni del messaggio di posta elettronica. In questo caso, provate a eseguire le seguenti operazioni:

Impostate il colore di sfondo dell'e-mail come il colore del corpo.
Aggiornare le dimensioni dei caratteri e l'altezza delle righe del contenuto in modo che siano pari.
Aggiungete i seguenti stili CSS alla sezione head del vostro modello di email:

ms-text-size-adjust: none; mso-line-height-rule: exactly;

L'articolo è stato utile?

Questo modulo viene utilizzato solo per il feedback della documentazione. Scopri come ottenere assistenza con HubSpot.