Generatore firma e-mail

Anteprima

Come aggiungerla a Gmail?

Clicca su «Copia la firma», poi in Gmail vai in Impostazioni → Generali → Firma. Clicca nella zona della firma e incolla (Ctrl+V / Cmd+V). Gmail manterrà la formattazione.

Come aggiungerla a Outlook?

Clicca su «Copia la firma», poi in Outlook vai in Impostazioni → Posta → Componi e rispondi. Clicca nell'editor della firma e incolla. Per l'applicazione desktop: File → Opzioni → Posta → Firme → incolla nell'editor.

Perché l'email HTML è un posto cosi strano in cui progettare

Se hai mai realizzato una firma nel mondo CSS-e-flexbox di un sito web e poi l'hai vista disintegrarsi all'interno di un'email, hai incontrato il problema centrale: non esiste un singolo "motore di rendering email". Ogni client di posta importante usa codice diverso per visualizzare HTML, e le regole su cosa funziona sono indietro di decenni rispetto al web moderno. Gmail elimina la maggior parte del CSS che vive fuori dall'attributo style dell'elemento, Apple Mail usa WebKit (quindi è abbastanza moderno), e Outlook per Windows ha eseguito il rendering delle email HTML usando il motore HTML di Microsoft Word fin dal 2007, il che significa che flexbox, grid, selettori moderni, web font e la maggior parte delle animazioni CSS semplicemente non funzionano. Il tabellone di compatibilità su caniemail.com traccia tutto questo ed è una lettura che fa riflettere.

La conseguenza pratica: le firme email HTML sono progettate contro il minimo comune denominatore. Il codice che questo generatore emette usa stili inline e un layout basato su tabelle, l'unica combinazione che sopravvive al passaggio attraverso Outlook desktop, Outlook 365 web, Gmail, Apple Mail, Yahoo, iCloud e i vari client mobili senza disintegrarsi.

Cosa va in una firma moderna

Non esiste una singola firma "corretta", ma gli elementi che guadagnano costantemente il loro posto:

• Nome, leggermente più grande e in grassetto rispetto al resto. La prima cosa che un destinatario dovrebbe vedere.
• Titolo e azienda, riga secondaria, colore più chiaro. Combinare su una riga se entrambi sono brevi.
• Telefono, racchiuso in un link tel: cosi un tocco su mobile compone il numero.
• Email, racchiusa in un link mailto:, principalmente per completezza; i destinatari conoscono già il tuo indirizzo.
• Sito web, cliccabile, spesso nel colore di accento del brand.
• Logo o foto, tipicamente da 60 a 100 px quadrati o uno striscione 150×40. Non andare oltre; le immagini grandi gonfiano ogni email in uscita.
• Icone social, da 24 a 32 px, due o tre al massimo. LinkedIn, X, GitHub, talvolta Instagram, scegli quelle che il tuo pubblico usa.

Opzionale, sempre più comune dal 2020: pronomi (he/him, she/her, they/them, lui, lei) sulla stessa riga del titolo.

Cosa lasciare fuori

• Citazioni motivazionali. I destinatari le trovano costantemente poco professionali nei sondaggi di ricerca; poche persone vogliono una firma aziendale seguita da Gandhi.
• Aggiunte automatiche in stile "Inviato dal mio iPhone". I destinatari capiscono che l'email mobile esiste; la riga non aggiunge nulla.
• Font multipli. Attieniti a uno. Mischiare font in email HTML è chiedere a Outlook di sostituire quello sbagliato.
• Loghi pesanti oltre 50 KB. Ogni email che invii porta il peso; firme grandi gonfiano rapidamente i thread di conversazione.
• GIF animate in posizioni critiche. Outlook dal 2007 al 2019 rende le GIF animate solo come primo fotogramma, progetta di conseguenza.
• Immagini di sfondo. Outlook desktop ha un supporto notoriamente difettoso per le immagini di sfondo. Usa riempimenti a colore pieno invece.
• Elenchi di competenze o servizi. Una firma non è un cartellone. Linka a una pagina profilo se il pubblico ha bisogno di sapere di più.

Perché tabelle e stili inline?

Due realtà di compatibilità rendono questa l'unica scelta sicura:

1. Outlook desktop esegue il rendering HTML usando Microsoft Word. Il motore HTML di Word non capisce display: flex, display: grid, il posizionamento moderno, la maggior parte delle pseudo-classi o i web font oltre un paio di font di sistema. Tabelle con larghezze esplicite e padding inline sono ciò che Word può impaginare in modo affidabile.
2. Gmail elimina aggressivamente il CSS che vive in un blocco <style> o foglio di stile esterno, anche citato in una risposta email, quelle regole svaniscono. CSS in attributi style="..." su singoli elementi sopravvive.

La combinazione, layout a tabella per la struttura, stili inline per le regole visive, produce una firma che sembra la stessa in Outlook, Gmail, Apple Mail e le varie varianti web di Outlook. L'output di questo strumento segue quel pattern.

Come incollarla dove va

• Gmail (web): Clicca sull'ingranaggio, Mostra tutte le impostazioni, Generale, scorri fino a Firma, Crea nuova, clicca nell'editor e incolla. Gmail preserva gli stili inline. Imposta come predefinita per nuove mail / risposte e salva i cambiamenti.
• Outlook 365 / Outlook sul Web: Impostazioni (icona ingranaggio), Posta, Componi e rispondi, Firma email, clicca nell'editor e incolla. Salva.
• Outlook desktop (Windows): File, Opzioni, Posta, Firme, Nuovo, dagli un nome, incolla nell'editor, salva. Assegna a un account predefinito se ne hai diversi.
• Outlook per Mac: Outlook, Preferenze, Firme, clicca su +, incolla.
• Apple Mail: Mail, Impostazioni, Firme, trascina la firma renderizzata (o incolla con Modifica, Incolla). Se la formattazione si perde, deseleziona "Usa sempre il font predefinito dei miei messaggi" e incolla di nuovo.
• iOS Mail / Outlook iOS: I client mobili sono più ostici, incolla in una bozza su desktop, copia dalla bozza renderizzata, poi incolla nelle impostazioni firma iOS. L'incollaggio HTML diretto su mobile raramente preserva la formattazione.

Scelte di hosting per le immagini

Due modi per includere un'immagine in una firma, ciascuno con compromessi:

• URL dell'immagine ospitata, il <img src> punta a un URL HTTPS accessibile pubblicamente. Il client di posta del destinatario recupera l'immagine quando apre il messaggio, spesso dopo aver chiesto il permesso tramite il prompt "mostra immagini". Economico, ma ogni destinatario attiva una richiesta al server, e i pixel di tracciamento che viaggiano su immagini di firma sono uno dei modi originali in cui funzionano le analisi del tasso di apertura.
• Immagine Base64 incorporata, l'immagine è incorporata direttamente nell'HTML come URI data:image/...;base64,.... Sopravvive all'inoltro in modo pulito, nessun recupero esterno, ma gonfia ogni email della dimensione codificata dell'immagine e viene eliminata o segnalata da Outlook desktop dal 2007 al 2019.

L'opzione affidabile per una firma aziendale: un'immagine HTTPS ospitata di dimensioni modeste (sotto i 30 KB), con l'attributo alt compilato cosi degrada a testo leggibile quando le immagini sono bloccate.

Conformità e requisiti legali

Diverse giurisdizioni richiedono legalmente informazioni specifiche nelle firme email aziendali:

• Regno Unito, il Companies Act 2006 richiede alle società a responsabilità limitata di includere il nome dell'azienda registrata, l'indirizzo della sede legale, il numero di registrazione e il luogo di registrazione sulla corrispondenza commerciale incluse le email. I lavoratori autonomi sono esenti.
• Germania, il Telemediengesetz (TMG) ha requisiti Impressum simili: nome e forma completa dell'azienda, indirizzo registrato, informazioni di contatto, tribunale del registro e numero di registrazione, ID IVA dove applicabile.
• UE più in generale, il GDPR non richiede specificamente informazioni di contatto nelle firme, ma un modo chiaro per raggiungere un titolare del trattamento dati fa parte della conformità più ampia e una firma è un posto naturale per esso.
• Settori regolamentati, servizi finanziari, studi legali, sanità e altri spesso richiedono disclaimer specifici (avvisi di riservatezza, divulgazioni legali in stile FCA, avvertenze relative a HIPAA). Verifica i requisiti del tuo settore.

Errori comuni

1. Progettare in uno strumento per siti web ed esportare verso email. Il CSS moderno non sopravvive in Outlook desktop. Costruisci per i vincoli email fin dall'inizio.
2. Immagini decorative pesanti. Ogni email che invii (e ogni risposta che qualcuno fa) porta il peso. Punta a un peso totale delle immagini di firma <30 KB.
3. Saltare il testo alt sulle immagini. Quando le immagini sono bloccate (impostazione predefinita di Outlook desktop per mittenti esterni), un alt vuoto fa collassare il layout. Imposta sempre testo alt descrittivo.
4. Mettere tutte le info di contatto nell'immagine. Se un destinatario blocca le immagini, non vede nulla. Le informazioni critiche (nome, titolo, telefono) devono essere in testo HTML.
5. URL lunghi mostrati per intero. Avvolgili in un link breve o usa testo di ancoraggio ("LinkedIn") invece di https://www.linkedin.com/in/tuonome-12345.
6. Citazioni, slogan e righe motivazionali. I destinatari riportano ampiamente di trovarle poco professionali.
7. Firme diverse tra dispositivi. Imposta la stessa firma su ogni dispositivo da cui invii posta, i destinatari notano l'incoerenza sui thread dove rispondi da desktop e mobile.

Domande frequenti

Perché la mia firma sembra diversa in Outlook rispetto a Gmail?

Motori di rendering diversi. Outlook desktop usa il motore HTML di Microsoft Word ed esegue il rendering di molte proprietà CSS in modo diverso da Apple Mail basato su WebKit o dai motori che usano Gmail web e Outlook 365 web. La firma che questo strumento produce è costruita per sembrare accettabile in tutti loro, mai identica, ma sempre riconoscibilmente la stessa firma.

Posso includere una GIF animata?

Si, ma Outlook desktop dal 2007 al 2019 esegue il rendering delle GIF animate solo come primo fotogramma. Progetta il primo fotogramma per stare in piedi da solo, se la tua animazione dipende da una sequenza per trasmettere significato, perderai metà del tuo pubblico. Gmail, Apple Mail e Outlook 365 web riproducono le GIF normalmente.

I miei dati vengono caricati da qualche parte?

No. La firma è costruita interamente nel tuo browser. Il tuo nome, titolo, informazioni di contatto e URL social vanno dal modulo all'anteprima agli appunti, mai a un server, mai a un endpoint analitico, mai a una lista di marketing. Molti siti di costruzione firme monetizzano raccogliendo esattamente questi dati di contatto; questo non lo fa.

Dovrei includere una foto di me stesso?

Opzionale. Le foto fanno sembrare le firme più personali e calorose, ma aggiungono peso dell'immagine e attivano il prompt "mostra immagini" in molti ambienti aziendali. Una piccola foto in primo piano (da 60 a 80 px) tende ad andare bene; una foto in formato striscione no. Se il tuo ruolo è in gran parte B2C, vendite, customer success, recruiting, una foto aiuta; in contesti fortemente B2B, nome + titolo è sufficiente.

Qual è il disclaimer legale che alcune aziende usano?

Comune nei settori regolamentati (finanza, diritto, sanità): "Questa email e gli eventuali allegati sono riservati e destinati esclusivamente al destinatario. Se hai ricevuto questa email per errore, ti preghiamo di avvisare il mittente ed eliminarla." Se sia legalmente applicabile è dibattuto dagli avvocati, ma è pratica standard in molti settori. Le aziende del Regno Unito devono legalmente includere il loro nome registrato, sede legale registrata, numero di registrazione e luogo di registrazione sulla corrispondenza commerciale secondo il Companies Act 2006.

Posso avere firme diverse per risposte diverse?

La maggior parte dei client principali (Gmail, Outlook, Apple Mail) ti permette di creare più firme e scegliere quale viene usata come predefinita per nuovi messaggi e quale (spesso una versione più breve) per risposte e inoltri. Costruisci entrambe con questo strumento e assegna ciascuna allo slot corrispondente nelle impostazioni del client.

Strumenti correlati