Generatore di Firma Email

Perché HTML basato su tabelle?

I client email interpretano l’HTML in modo incoerente. Outlook usa il motore di rendering di Word, che ignora gran parte del CSS moderno (niente flexbox, niente grid, box-shadow limitato). I layout a tabella con stili inline sono l’unico schema che tutti i client principali rendono in modo prevedibile. Il generatore scrive esattamente questo stile ristretto, quindi la firma appare identica in Gmail, Outlook desktop, Outlook web, Apple Mail e iOS Mail.

Cosa produce il generatore

Il risultato è una tabella semplice: il tuo nome in grassetto sulla prima riga, titolo o azienda sotto, e i tuoi recapiti su un’ultima riga separati da una barra verticale:

<table cellpadding="0" cellspacing="0" style="font-family: Arial, sans-serif; font-size: 14px; color: #111827;">
  <tr><td style="font-weight: 700; font-size: 16px;">Alex Rivera</td></tr>
  <tr><td>Lead Designer</td></tr>
  <tr><td style="padding-top: 8px;">alex@example.com | +34 600 000 000 | example.com</td></tr>
</table>

I campi lasciati vuoti vengono semplicemente saltati, quindi una firma con solo nome ed email resta compatta.

Cosa deve contenere una firma

Elementi essenziali:

• Nome completo.
• Titolo o ruolo.
• Nome dell’azienda.
• Contatto diretto (email o telefono).

Aggiunte utili:

• URL di LinkedIn o link al sito personale.
• Numero di telefono per ruoli a contatto con i clienti.

Da evitare:

• Lunghe citazioni motivazionali.
• GIF animate (molti client rimuovono le animazioni).
• Immagini grandi (rallentano il caricamento delle email e vengono segnalate come “pesanti”).
• Note di “riservatezza” oltre 2-3 righe, salvo obbligo di legge.
• Un muro di icone social per ogni rete a cui ti sei mai registrato.

Aggiungere una foto o un logo in seguito

Il generatore produce solo testo. Per aggiungere una foto o un logo, incolla l’HTML generato nell’editor firme del tuo client email e usa i suoi strumenti immagine, oppure modifica l’HTML aggiungendo un tag img che punti a un’immagine ospitata. L’immagine deve trovarsi su un URL accessibile pubblicamente:

• CDN aziendale: la scelta migliore per le firme professionali; il reparto IT può ospitarla sotto il dominio del brand.
• Host di immagini gratuiti (imgur, piano gratuito di Cloudinary): rapido e gratuito; rischio che il servizio non sia più disponibile.
• Incorporamento Base64: evita l’hosting ma appesantisce ogni email di 20-50 KB e alcune configurazioni di Outlook lo rimuovono.

Tieni le immagini piccole: sotto i 20 KB, quadrate, 120x120 o meno.

Stranezze specifiche di Outlook

• Larghezza: mantienila sotto i 600px; le firme più larghe vengono tagliate nel riquadro di anteprima.
• Font: resta su Arial, Helvetica, Georgia, Verdana, oppure usa una pila come font-family: "Segoe UI", Arial, sans-serif;.
• Colori: evita il #000 puro; #333 o #444 rendono meglio su Outlook in modalità scura.
• Non usare variabili CSS, flex, grid o SVG come elementi principali.

Note legali

Alcune giurisdizioni (Companies Act 2006 del Regno Unito, requisiti UE per determinate entità) richiedono nome, numero e indirizzo dell’azienda registrata nelle email professionali. Aggiungi tu stesso le informazioni richieste, nei campi titolo e azienda o modificando l’HTML dopo, e verifica con il tuo team legale se il tuo mercato le impone.