Generatore di firma email
Venti modelli HTML puliti per Gmail e Outlook

Cosa fa un generatore di firma email

Un generatore di firma email costruisce il blocco di contatti che chiude ogni messaggio. Così, scrivi il tuo nome, il tuo ruolo e i tuoi link. La pagina disegna poi una firma curata e scrive il codice che c’è dietro.

Quel codice è semplice HTML. Siccome usa tabelle semplici e stili in linea, Gmail, Outlook e Apple Mail lo mostrano allo stesso modo.

Hai venti modelli, una foto, un logo, icone social, un banner e un pulsante facoltativo. Tutto si aggiorna mentre scrivi, quindi vedi ogni modifica subito.

Questa pagina lavora in locale nel tuo browser. Il tuo nome, il tuo numero e i tuoi link non la lasciano mai.

Crea una firma email HTML in pochi minuti

Inoltre, comincia con il tuo nome e il tuo ruolo. Poi aggiungi un telefono, un’email e un sito web. Tutti i campi sono facoltativi, quindi una riga lasciata vuota sparisce e basta.

L’anteprima è proprio accanto al modulo. Quando ti piace, fai clic su Copia per Gmail. Tutto il lavoro richiede circa due minuti.

Una scelta di venti modelli per la firma

Ogni modello mostra i tuoi dati, così puoi confrontarli fianco a fianco. Classico mette una foto a sinistra. Impilato tiene tutto in una colonna. Tra l’altro, banner aggiunge un’intestazione colorata e Scuro offre una scheda decisa. Pannello diviso, Notte e Sfumatura usano blocchi di colore per un aspetto rifinito.

Altri hanno una barra laterale, un layout centrato, una versione su una riga, una scheda, due colonne, un nastro e un pannello morbido. Fai clic su uno e l’anteprima cambia subito.

Aggiungi una foto e un logo

Gmail ha bisogno di un link pubblico per ogni immagine. Quindi carica la tua foto sul tuo sito o su un servizio di hosting di immagini e incolla l’indirizzo in Link della foto. Per un logo vale la stessa regola.

Vuoi vedere prima come verrà? Infatti, scegli un file in Anteprima di una foto. Compare solo nell’anteprima. Senza link, la firma usa un badge rotondo con le tue iniziali.

Perché Gmail ha bisogno di link alle immagini

Gmail non conserva le immagini che incorpori nel codice. Scarica ciascuna da un indirizzo web quando il messaggio viene aperto. Un link come https://example.com/me.jpg è quindi la via sicura.

Tieni ogni immagine leggera, sotto i 200 KB, e usa https. Così la firma si carica in fretta e non compare nessun avviso.

Icone social che funzionano nelle email

Molti generatori usano immagini di icone ospitate sui loro server. Possono rompersi e le app di posta spesso le bloccano. Così, questo disegna ogni icona come un piccolo badge colorato fatto di testo, come in per LinkedIn.

Così le icone non hanno bisogno né di hosting né di immagini. Scegli badge rotondi o quadrati, colori del marchio o il tuo colore di accento, oppure passa a semplici link di testo.

Scegli un colore di accento che i lettori riescano a leggere

Scegli un colore di accento e lo strumento lo usa per link, divisori e badge. Controlla anche il colore sul bianco. Il testo dovrebbe raggiungere un contrasto di almeno 4,5 a 1, una regola delle Web Content Accessibility Guidelines.

Un colore pallido non supera quel test e l’elenco dei Controlli rapidi te lo dice. Scegli una tinta più scura e i tuoi link saranno leggibili per tutti.

Caratteri e dimensioni di cui le app di posta si fidano

Inoltre, le app di posta disegnano solo i caratteri che il lettore ha già. Per questo il menu dei caratteri elenca sei opzioni sicure, come Arial, Verdana e Georgia. Ognuna ha un carattere di riserva.

Quindi tieni la dimensione tra 13 e 15 pixel. Il testo più piccolo è difficile da leggere sul telefono, e quello più grande rende la firma più rumorosa del tuo messaggio.

Aggiungi un banner sotto la firma

Un banner trasforma la tua firma in un piccolo annuncio. Scrivi una riga breve, come Chiamata strategica gratuita questa settimana, e lo strumento disegna un banner colorato dal tuo colore di accento. Aggiungi un link e l’intero banner diventa cliccabile.

Preferisci un’immagine? Incolla invece il link di un’immagine banner. Tra l’altro, dovrebbe essere larga circa 460 pixel e pesare meno di 100 KB, per caricarsi in fretta. Poi scegli Banner in alto se lo vuoi sopra il tuo nome.

Aggiungi un pulsante e una breve nota

Un pulsante dà ai lettori un passo successivo chiaro, come Prenota una chiamata. Scrivi il testo e un link e lo strumento crea un pulsante che funziona in qualsiasi app di posta. Scegli uno stile pieno, con bordo o a pillola.

La casella della nota serve invece per una breve riga legale o uno slogan. Tienila breve. Gli avvisi lunghi spingono i tuoi contatti fuori dalla vista.

Inserire la firma nelle impostazioni di Gmail

Per prima cosa, fai clic su Copia per Gmail. Poi apri Gmail, fai clic sull’ingranaggio e scegli Visualizza tutte le impostazioni. Quindi, in Generali, scorri fino a Firma e fai clic su Crea nuova. Dagli un nome, fai clic nella casella e incolla.

Infine, scegli quando compare la firma e fai clic su Salva modifiche in fondo. Google spiega ogni passaggio in Create a Gmail signature.

Copia per Gmail o Copia codice HTML

Infatti, copia per Gmail copia la firma finita e formattata. Incollala nella casella della firma di Gmail e avrà l’aspetto dell’anteprima. È quella da usare per Gmail.

Copia codice HTML, invece, copia il codice grezzo. Usalo negli strumenti che chiedono HTML, come molte app di posta ed editor web. Puoi anche scaricare il codice come file.

Outlook e Apple Mail

Outlook e Apple Mail hanno una casella della firma nelle impostazioni. Così, incolla lì la firma formattata, come in Gmail. Siccome il codice usa tabelle, mantiene la sua forma ovunque.

Il limite di lunghezza della firma di Gmail

Le firme di Gmail si fermano a circa 10 000 caratteri. Il campo Caratteri mostra il tuo totale e i controlli ti avvisano quando ti avvicini. Una firma breve raramente raggiunge il limite.

Se lo superi, togli la nota o un link social. Raramente ti mancheranno.

Cosa rende una firma professionale

Tienila breve. Un nome, un ruolo, un telefono, un sito web e pochi link bastano, per esempio. Inoltre, evita citazioni, lunghi testi legali e banner grandi.

Resta su un unico colore di accento. Tieni inoltre la larghezza sotto i 500 pixel. E aggiungi un testo alternativo a ogni immagine, così chi non vede le immagini riceve comunque il tuo nome.

Perché il codice usa tabelle

Le app di posta ignorano quasi tutto il CSS moderno. Non supportano i layout fatti con flex o grid. Le tabelle con stili in linea sono l’unico metodo che funziona ovunque, quindi tutti i modelli qui le usano.