Generatore di firme email — Firme HTML per Gmail e Outlook
Crea una firma email HTML professionale che si vede bene in Gmail, Outlook e Apple Mail, poi copiala con un clic.
Visualizza il codice HTML (3050 caratteri)
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;font-family:Arial, Arial, Helvetica, sans-serif;font-size:13px;line-height:19px;color:#4b5563;"><tr><td valign="top" style="padding:0 16px 0 0;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;"><tr><td width="64" height="64" align="center" valign="middle" style="width:64px;height:64px;background:#244b3f;color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:24px;font-weight:bold;text-align:center;border-radius:32px;">AM</td></tr></table></td><td width="1" style="width:1px;background:#244b3f;font-size:1px;line-height:1px;"> </td><td valign="top" style="padding:0 0 0 16px;font-family:Arial, Arial, Helvetica, sans-serif;font-size:13px;line-height:19px;color:#4b5563;"><div style="font-family:Arial, Arial, Helvetica, sans-serif;font-size:16px;line-height:20px;font-weight:bold;color:#111827;">Alex Morgan</div><div style="font-family:Arial, Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;color:#244b3f;padding-top:2px;">Responsabile marketing <span style="color:#d1d5db;">|</span> Northwind Studio</div><div style="padding-top:8px;"><span style="color:#244b3f;font-weight:bold;">P</span> <a href="tel:+14165550142" style="color:#4b5563;text-decoration:none;">+1 (416) 555-0142</a><br><span style="color:#244b3f;font-weight:bold;">E</span> <a href="mailto:alex@northwind.example" style="color:#4b5563;text-decoration:none;">alex@northwind.example</a><br><span style="color:#244b3f;font-weight:bold;">W</span> <a href="https://www.northwind.example" style="color:#4b5563;text-decoration:none;">www.northwind.example</a><br><span style="color:#4b5563;">120 King St W, Toronto, ON</span></div><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="left" style="border-collapse:collapse;margin-top:8px;"><tr><td style="padding:0 4px 0 0;"><a href="https://linkedin.com/in/alexmorgan" title="LinkedIn" style="display:inline-block;background:#244b3f;color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;line-height:22px;width:24px;height:22px;text-align:center;text-decoration:none;border-radius:3px;">in</a></td><td style="padding:0 4px 0 0;"><a href="https://x.com/alexmorgan" title="X" style="display:inline-block;background:#244b3f;color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;line-height:22px;width:24px;height:22px;text-align:center;text-decoration:none;border-radius:3px;">X</a></td></tr></table><table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;margin-top:10px;"><tr><td style="background:#244b3f;padding:6px 12px;border-radius:3px;"><a href="https://northwind.example/book" style="color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;text-decoration:none;">Prenota una chiamata di 20 minuti</a></td></tr></table></td></tr></table>
Come installarla
- Fai clic su "Copia firma" qui sopra.
- In Gmail apri Impostazioni (icona a forma di ingranaggio) → Visualizza tutte le impostazioni → Generali.
- Scorri fino a Firma, fai clic su "Crea nuova", assegnale un nome e incollala (Ctrl/Cmd+V) nella casella.
- In "Impostazioni predefinite per la firma" selezionala per le nuove email e per le risposte, poi fai clic su "Salva modifiche" in fondo alla pagina.
- Gmail limita le firme a 10.000 caratteri e mostra solo le immagini caricate da un URL https:// pubblico.
Firme per tutto il team (CSV)
Carica un CSV con una riga di intestazione: name, title, email, phone, mobile, linkedin, x, github, photo (URL). Ogni riga diventa una firma a sé, con il modello e i colori scelti sopra. Azienda, sito web, indirizzo, logo, pulsante e disclaimer vengono presi dal modulo, a meno che il CSV non abbia una colonna apposita. Fino a 500 persone.
I tuoi dati restano nel browser: la firma viene creata in questa pagina e nulla viene caricato o salvato. Le immagini vengono caricate dagli URL che inserisci. Sfoglia tutti gli strumenti gratuiti.
Hai trovato un problema o qualcosa che potrebbe andare meglio? Leggiamo ogni messaggio e sistemiamo le cose in fretta.
Questo generatore di firme email crea una firma a partire da nome, ruolo, recapiti, foto o logo, link ai social e colore del brand, la mostra dal vivo in sei modelli e ti dà un HTML che sopravvive ai client di posta che si usano davvero. Fai clic su "Copia firma", incollala nella casella della firma di Gmail o di Outlook e mantiene il suo layout.
I client di posta non sono browser web. Il classico Outlook per Windows visualizza l'HTML con Microsoft Word, Gmail elimina i blocchi di stile e le classi CSS, e la maggior parte dei client blocca le immagini che non si trovano su un indirizzo https:// pubblico. Per questo il risultato usa solo tabelle annidate e stili inline, font web-safe e dimensioni esplicite delle immagini. Quello che non può fare è ospitare le tue immagini: una foto o un logo devono essere già online, e la pagina ti spiega perché se provi con un file locale. Per un intero team, carica un CSV con nomi, ruoli e numeri di telefono del personale e scarica una firma HTML per persona, tutte con lo stesso modello e colore del brand.
Come si usa
- Inserisci i tuoi dati. I campi vuoti vengono esclusi completamente dalla firma.
- Incolla l'URL https:// di una foto o di un logo ospitati online, oppure lascia vuoti entrambi per usare un riquadro con le iniziali.
- Scegli un modello e un colore del brand, e aggiungi link ai social, un pulsante o un avviso legale se ti servono.
- Fai clic su "Copia firma" e incollala nelle impostazioni della firma del tuo client di posta. I passaggi di installazione per ogni client sono sotto l'anteprima.
- Inviati un'email di prova e controllala sia sul telefono sia sul computer.
Domande frequenti
Come aggiungo una firma HTML a Gmail?
Fai clic su "Copia firma" in questa pagina, poi in Gmail apri Impostazioni, Visualizza tutte le impostazioni, Generali, scorri fino a Firma, fai clic su Crea nuova e incolla nella casella. Selezionala in Impostazioni predefinite per la firma e fai clic su Salva modifiche in fondo alla pagina. Non incollare il codice sorgente HTML: l'editor di Gmail accetta solo la firma già visualizzata, che è proprio ciò che il pulsante di copia mette negli appunti.
Perché le immagini della mia firma non si vedono?
Di solito perché l'immagine non si trova su un URL https:// pubblico. Gmail rimuove dalle firme le immagini in base64 (data:), Outlook blocca molte immagini esterne finché il destinatario non le consente, e le immagini su http:// o protette da login non funzionano da nessuna parte. Ospita l'immagine sul tuo sito o su una CDN, usa il link https:// e tienila leggera (sotto i 100 KB circa).
Perché la mia firma appare diversa in Outlook?
Il classico Outlook per Windows usa Word per visualizzare le email, che ignora molte proprietà CSS, compresi gli angoli arrotondati, quindi una foto rotonda appare quadrata e la spaziatura può spostarsi leggermente. Questo generatore evita il CSS di layout che Word scarta usando le tabelle, ed è per questo che la struttura regge. Il nuovo Outlook e Outlook sul web visualizzano le email in modo più simile a un browser.
Che dimensioni dovrebbero avere la foto o il logo di una firma email?
Mostrali a circa 80–120 px di larghezza e carica un'immagine grande il doppio (ad esempio 176×176 px per una foto da 88 px), così resta nitida sugli schermi ad alta densità. Tieni il file sotto i 100 KB. Usa il PNG per i loghi a tinte piatte e il JPG per le foto.
Quanto può essere lunga una firma email?
Gmail limita le firme a 10.000 caratteri di HTML, e questo generatore resta ben al di sotto. In pratica, limitala a quattro o cinque righe: nome, ruolo e azienda, uno o due modi per contattarti e al massimo una call to action. Le firme lunghe vengono tagliate nelle risposte e sui telefoni spingono il messaggio fuori dalla parte visibile dello schermo.
Che cosa funziona davvero nelle firme email
• Tabelle per il layout, non div con flexbox o grid. Outlook per Windows ignora il layout CSS moderno.
• Stili inline su ogni elemento. Gmail elimina dalle firme i blocchi <style> e i nomi delle classi.
• Font web-safe (Arial, Helvetica, Verdana, Georgia). Un web font personalizzato in Outlook ripiega su Times New Roman.
• Immagini ospitate online con attributi width e height. Senza dimensioni esplicite, Outlook può mostrare un logo alla sua dimensione originale.
• Testo per numeri di telefono, email e link, non immagini. Restano cliccabili, leggibili con le immagini disattivate e accessibili agli screen reader.
Le icone dei social sono una trappola comune: ogni icona è un'altra immagine da ospitare e viene bloccata di default in molte caselle di posta. I modelli qui usano invece piccoli badge di testo colorati, che si vedono ovunque.
Scegliere un modello
Classico e Moderno vanno bene per la maggior parte degli usi professionali: una foto o un logo accanto ai tuoi dati. Compatto è pensato per chi risponde spesso e non vuole un grande blocco sotto ogni messaggio. Centrato funziona per i ruoli creativi in cui la firma fa parte del brand. Banner dà più peso al colore del brand. Solo testo non ha immagini né blocchi colorati, il che lo rende la scelta più sicura per client in testo semplice, mailing list e help desk.
Qualunque modello tu scelga, usa lo stesso in tutto il team. Firme coerenti sembrano una scelta voluta; un misto di stili fa pensare che nessuno si occupi del brand.
Avvisi legali e link di tracciamento
Alcune giurisdizioni richiedono i dati aziendali nelle email commerciali. Nel Regno Unito una società a responsabilità limitata deve indicare ragione sociale, numero di registrazione e indirizzo della sede legale; in Germania le regole dell'Impressum riguardano dati simili. Un avviso di riservatezza da solo ha poco valore legale, quindi se lo usi tienilo breve.
Se aggiungi un pulsante di call to action o un link a una landing page, taggalo con parametri UTM (il nostro generatore di UTM crea il link) così i clic compaiono come "firma email" nelle tue statistiche invece che come traffico diretto.
Strumenti gratuiti correlati
- Verifica parole spam — Incolla oggetto e corpo di un'email per trovare frasi che attivano i filtri antispam, testo urlato, problemi di link e immagini e la mancanza del link di disiscrizione.
- Test dell'oggetto email — Valuta l'oggetto di un'email per lunghezza, parole spam, maiuscole e punteggiatura, e guarda in anteprima come viene troncato su iPhone e in Gmail.
- Generatore di codici QR — Crea un codice QR per un URL, un testo, un'email, un telefono, un SMS, una rete Wi-Fi o un biglietto da visita, con i tuoi colori, e scaricalo in PNG o SVG. I codici non scadono mai.
- Generatore di link UTM — Crea link di tracciamento UTM puliti e coerenti per sapere esattamente quali campagne ti portano clienti.