Impostazioni dell’aspetto dell’editor email Stripo

Published: 22 ottobre 2024 · Last updated: 21 luglio 2026 · By Marcus Biel

La scheda Aspetto consente di controllare lo stile globale della tua email, ad esempio caratteri, colori di sfondo, stili dei pulsanti e formattazione specifica per dispositivi mobili. In questo modo garantisce coerenza e adattabilità su diversi dispositivi e client email.

Di seguito trovi una spiegazione dettagliata di ogni sezione della scheda Aspetto.

---

1. Impostazioni generali

Personalizza l’aspetto complessivo e l’allineamento della tua email. Queste impostazioni vengono applicate globalmente a tutte le sezioni.

• Allineamento del messaggio: Allinea il contenuto dell’email a sinistra, al centro o a destra.
• Padding predefinito: Imposta una spaziatura uniforme intorno alle nuove strutture oppure regola il padding individualmente per ciascun lato (Superiore, Destro, Inferiore, Sinistro).
• Colore di sfondo generale: Imposta il colore di sfondo dell’email usando un codice esadecimale o il selettore del colore.
• Carattere: Scegli tra caratteri standard come Arial, Helvetica o caratteri decorativi come Roboto e Lato.
• Interlinea: Regola la spaziatura tra le righe con quattro opzioni predefinite.
• Spazio inferiore del paragrafo: Abilita o disabilita la spaziatura tra i paragrafi.
• Sottolinea i link: Sottolinea automaticamente tutti i link presenti nell’email (attiva/disattiva).
• Design responsive: Abilitalo per assicurarti che l’email si adatti a schermi di dimensioni diverse, soprattutto sui dispositivi mobili.
• Direzione del testo RTL: Attivala per lingue come l’arabo o l’ebraico.
• Immagine di sfondo: Aggiungi un’immagine di sfondo con la possibilità di collegarla a un link. Trascina e rilascia le immagini per caricarle.

---

2. Strisce

Le strisce rappresentano le principali sezioni strutturali della tua email (ad esempio Intestazione, Contenuto, Piè di pagina, Area informazioni). Ogni striscia può essere stilizzata indipendentemente.

Striscia dell’intestazione

• Dimensione del testo: Personalizza la dimensione del testo dell’intestazione (8–72).
• Colore di sfondo: Imposta un colore di sfondo uniforme oppure lascialo trasparente.
• Colore di sfondo del contenuto: Regola il colore di sfondo all’interno della sezione dell’intestazione.
• Colore del carattere: Definisci il colore del testo.
• Colore dei link: Imposta il colore dei link di navigazione o di altri link nell’intestazione.
• Immagine di sfondo: Aggiungi un’immagine di sfondo opzionale.

Striscia del contenuto

Il corpo principale della tua email, destinato a testo, immagini ed elementi interattivi.

• Dimensione del testo: Regola la dimensione del testo del contenuto (8–72).
• Colore di sfondo del contenuto: Definisci il colore di sfondo dell’area principale del contenuto.
• Colore del carattere: Imposta il colore predefinito del testo.
• Colore dei link: Personalizza il colore dei link.

Striscia del piè di pagina

Utilizzata generalmente per dati di contatto, informazioni legali o link social.

• Dimensione del testo: Imposta la dimensione del testo (8–72).
• Colore di sfondo: Scegli uno sfondo uniforme oppure lascialo trasparente.
• Colore di sfondo del contenuto: Definisci lo sfondo interno del piè di pagina.
• Colore del carattere: Imposta il colore del carattere.
• Colore dei link: Personalizza il colore dei link del piè di pagina.
• Immagine di sfondo: Aggiungi facoltativamente un’immagine con un link cliccabile.

Striscia dell’area informazioni

Utilizzata per disclaimer, note legali o informazioni aggiuntive.

• Dimensione del testo: Definisci la dimensione del carattere (8–72).
• Colore del carattere: Imposta il colore del carattere.
• Colore dei link: Regola il colore dei link in questa striscia.

---

3. Intestazioni

Definisci lo stile visivo delle intestazioni (H1, H2, H3) per creare gerarchia e struttura nella tua email.

• Carattere: Scegli un carattere per le intestazioni.
• Interlinea: Regola la spaziatura tra le righe per una migliore leggibilità.
• Dimensione dell’intestazione: Personalizza la dimensione delle intestazioni H1, H2 e H3 (8–72).
• Stile del testo: Applica gli stili Grassetto o Corsivo.
• Colore del carattere: Imposta un colore specifico per ogni tipo di intestazione.

---

4. Pulsanti

Progetta i pulsanti della tua email per migliorare il coinvolgimento.

• Supporto per Outlook: Abilitalo per garantire una corretta visualizzazione in Microsoft Outlook usando codice VML (potrebbe aumentare le dimensioni dell’email).
• Colore del pulsante: Imposta il colore predefinito dei pulsanti.
• Evidenzia i pulsanti al passaggio del mouse: Attiva o disattiva un effetto di colore al passaggio del mouse.
  • Colore al passaggio del mouse: Scegli il colore al passaggio del mouse.
• Colore del carattere: Definisci il colore del testo dei pulsanti.
• Stile del testo:
  • Carattere: Seleziona un carattere per il testo dei pulsanti.
  • Dimensione del carattere: Regola la dimensione del testo (8–72).
  • Stile: Applica gli stili Grassetto o Corsivo al testo.
• Raggio del bordo: Arrotonda gli angoli dei pulsanti (0–100).
• Bordi:
  • Tipo: Scegli bordi continui, tratteggiati o puntinati.
  • Colore: Definisci i colori dei bordi.
• Padding: Regola il padding interno dei pulsanti (Superiore, Destro, Inferiore, Sinistro).

---

5. Formattazione per dispositivi mobili

Assicurati che la tua email abbia un aspetto ottimale sui dispositivi mobili usando impostazioni specifiche.

• Dimensioni del testo di intestazione, contenuto, piè di pagina e area informazioni: Personalizza le dimensioni del testo di ogni sezione sui dispositivi mobili.
• Dimensione del carattere degli elementi del menu: Regola la dimensione del carattere degli elementi del menu di navigazione.
• Dimensioni delle intestazioni: Imposta le dimensioni di H1, H2 e H3 nella visualizzazione mobile.
• Allineamento delle intestazioni: Allinea le intestazioni a sinistra, al centro o a destra.
• Dimensione del testo dei pulsanti: Personalizza la dimensione del testo dei pulsanti sui dispositivi mobili.
• Pulsanti a larghezza intera: Abilita i pulsanti per estenderli sull’intera larghezza dello schermo.
• Padding superiore e inferiore: Regola il padding per un aspetto migliore sui dispositivi mobili.
• Margine del contenuto: Regola il margine intorno al contenuto sui dispositivi mobili (0–100).

---

Note finali

• Test: Esegui sempre test della tua email su diversi dispositivi e client email per garantire la coerenza.
• Accessibilità: Usa caratteri accessibili, una struttura corretta delle intestazioni e testo alternativo per le immagini, così da garantire l’inclusività.
• Ottimizzazione: Riduci al minimo le dimensioni dei file per velocizzare il caricamento e migliorare le prestazioni, soprattutto per gli utenti mobili.