Generatore di firma e-mail

Una firma e-mail è molto più di semplici dati di contatto in fondo a un messaggio. Contiene il tuo nome, il tuo ruolo, la tua azienda, i tuoi recapiti e eventualmente un link CTA o profili social. Una firma coerente e professionale rafforza l'immagine del brand in ogni e-mail inviata.

In media, un impiegato d'ufficio invia 30-40 e-mail al giorno. Ognuna di queste e-mail è un'occasione per presentare il tuo brand, inserire un link CTA e dare al destinatario un accesso diretto ai tuoi profili social. Con questo strumento, crea una firma all'altezza di queste esigenze.

Nella scheda Dati trovi tutti i campi compilabili. Solo due sono obbligatori: nome e cognome e indirizzo e-mail. I campi opzionali appariranno nella firma solo se compilati.

Campi nella scheda Dati

• Riga sopra il nome - testo aggiuntivo sopra il nome, ad es. nome dell'azienda, motto o slogan.
• Avatar / logo (URL immagine) - URL di una foto profilo o del logo aziendale. L'immagine deve essere quadrata (min. 120x120 px) e accessibile pubblicamente. Dopo aver inserito l'URL appariranno le opzioni: Forma avatar (rotondo, arrotondato o quadrato) e Dimensione avatar (piccolo 40 px, medio 56 px, grande 72 px).
• Nome e cognome - campo obbligatorio.
• Tag accanto al nome - breve testo accanto al nome, ad es. pronomi o ruolo abbreviato.
• Ruolo - posizione in azienda, ad es. Responsabile vendite, Specialista marketing.
• Nome azienda - nome dell'organizzazione.
• Riga aggiuntiva - breve descrizione di cosa fai o offri.
• E-mail - campo obbligatorio. Inserisci l'indirizzo e-mail aziendale.
• Telefono - numero di contatto. Formato libero, ad es. +39 02 1234567.
• Sito web - URL completo del sito, che inizia con https://.
• Indirizzo - indirizzo fisico dell'azienda (via, citta, CAP).
• Dati formali - P.IVA, codice fiscale, numero di licenza o altri dati richiesti dal settore.

Il pulsante CTA (call-to-action) e un elemento cliccabile che indirizza il destinatario a una pagina scelta, ad es. un calendario appuntamenti, un modulo di contatto o un'offerta. Il generatore permette di aggiungere due pulsanti CTA.

Pulsante principale

1. Apri la scheda Pulsanti nell'editor.
2. Nella sezione Pulsante principale inserisci il testo visibile al destinatario, ad es. Prenota una consulenza gratuita.
3. Nel campo Link CTA incolla l'URL completo della pagina. L'indirizzo deve iniziare con https://.

Pulsante secondario

Puoi aggiungere un secondo pulsante CTA in stile outline (sfondo trasparente con bordo). Compila i campi nella sezione Pulsante secondario come per il pulsante principale.

Arrotondamento pulsanti

In fondo alla scheda Pulsanti trovi l'opzione Arrotondamento pulsanti. Tre varianti: Nessuno (angoli retti), Leggero (leggermente arrotondato) o Pieno (pulsante ovale).

Nella scheda Social media puoi aggiungere link ai tuoi profili. Il generatore supporta dodici piattaforme: LinkedIn, Instagram, Facebook, TikTok, YouTube, X (ex Twitter), GitHub, Dribbble, Behance, WhatsApp, Telegram e Pinterest.

Come fare

1. Apri la scheda Social media nell'editor.
2. Accanto a ogni piattaforma trovi un campo per l'URL. Incolla il link completo al tuo profilo, ad es. https://www.linkedin.com/in/tuoprofilo.
3. Compila solo i campi che ti interessano. I campi vuoti non appariranno nella firma.

Icone social media

In fondo alla scheda Social media trovi l'opzione Mostra icone accanto ai nomi. Attivandola, i link appariranno come icone SVG colorate anziche come semplici nomi.

• Dimensione icone - a scelta: Piccole (16 px), Medie (20 px) o Grandi (24 px).
• Colore icone - Colori piattaforme (colori predefiniti), Colore accento (colore uniforme) o Colore testo.

Nella scheda Aspetto puoi personalizzare colori, font e altri elementi visivi della firma.

Temi di colore

In cima alla scheda trovi cinque temi pronti: Scuro, Blu, Viola, Verde e Grigio. Cliccando su un tema si impostano automaticamente il colore accento e il colore testo.

Colori

• Colore accento - usato nella barra laterale/superiore, pulsante CTA e link.
• Colore testo - colore di tutti i testi nella firma.
• Colore sfondo - colore di sfondo dell'intera firma.

Font e dimensione

• Font - a scelta: Arial, Verdana, Tahoma, Trebuchet MS e Georgia. Tutti sicuri per le e-mail.
• Dimensione testo - tre opzioni: Piccolo (12 px), Standard (14 px) e Maggiore (16 px).

Impostazioni aggiuntive

• Bordo firma - puoi aggiungere un bordo scegliendo qualsiasi combinazione di lati (sinistra, destra, sopra, sotto). Il bordo assume il colore accento.

Nella scheda Stile testo puoi personalizzare individualmente il colore e la dimensione del font per ogni elemento testuale della firma.

Elementi disponibili

Sono visibili solo gli elementi attualmente presenti nella firma (con dati compilati). Per ogni elemento puoi impostare:

• Nome e cognome - per impostazione predefinita nel colore accento.
• Ruolo - posizione in azienda.
• Azienda - nome dell'organizzazione.
• Dati di contatto - e-mail, telefono, sito web (etichette).
• Social media - link ai profili.
• Disclaimer legale - testo legale in fondo alla firma.

Come cambiare il colore?

Accanto a ogni elemento trovi una riga di opzioni colore. Clicca su un quadrato colorato per selezionarlo. Puoi anche aggiungere un colore personalizzato cliccando il quadrato con il +. I colori personalizzati (fino a 8) sono condivisi tra tutti gli elementi.

Come cambiare la dimensione?

Nella seconda riga trovi il controllo dimensione con pulsanti - e +. Il valore indica lo scostamento rispetto alla dimensione base del font. Intervallo: da -4 a +4 pixel.

Nella scheda Spaziature puoi controllare con precisione le distanze tra i singoli elementi della firma.

Margine interno della firma

In cima alla scheda trovi l'opzione del margine interno, ovvero la distanza tra il contenuto della firma e i suoi bordi. Tre valori a scelta: 8 px (piccolo), 16 px (medio) e 24 px (grande).

Spaziature tra gli elementi

Sotto il margine trovi i controlli per i singoli elementi della firma. Ogni controllo ha pulsanti + e - per aumentare o diminuire la spaziatura.

• Dopo nome e cognome
• Dopo ruolo / azienda
• Dopo riga aggiuntiva
• Dopo dati di contatto
• Dopo social media
• Dopo pulsante CTA
• Prima del disclaimer

Nella scheda Disclaimer / GDPR puoi aggiungere un testo legale che apparira in fondo alla firma in dimensioni ridotte.

Quando conviene aggiungere un disclaimer?

• Corrispondenza aziendale - informazione sulla riservatezza del messaggio.
• Requisiti di settore - alcuni settori (legale, medico, finanziario) richiedono informazioni specifiche in ogni messaggio.
• GDPR - informativa sul trattamento dei dati personali.

Linea separatrice

Sotto il campo di testo trovi l'opzione Mostra linea separatrice tra dati e disclaimer. Dopo l'attivazione appaiono opzioni aggiuntive:

• Stile linea - continua (solid), tratteggiata (dashed) o punteggiata (dotted).
• Spessore linea - 1 px, 2 px o 3 px.
• Colore linea - grigio predefinito (#e5e7eb) o qualsiasi colore dalla palette.

Il generatore salva automaticamente tutte le impostazioni nella memoria del browser (localStorage). Dopo l'aggiornamento della pagina o la riapertura dello strumento, dati, layout, colori e tutte le altre opzioni verranno ripristinati.

Come funziona il salvataggio automatico?

Ogni modifica (testo, colore, layout, spaziature) viene salvata istantaneamente nella memoria del browser, in modo automatico e in background.

Come ripristinare le impostazioni?

Sotto l'anteprima della firma trovi il pulsante Ripristina aspetto. Dopo il clic apparira una finestra di conferma. Il ripristino riporta tutti i dati e le impostazioni ai valori predefiniti. L'operazione non puo essere annullata.

Esportazione e importazione della configurazione

Sotto l'anteprima trovi anche i pulsanti Esporta impostazioni e Importa impostazioni. L'esportazione salva tutti i dati, colori, layout, spaziature e stili di testo in un file JSON. L'importazione permette di caricare una configurazione salvata in precedenza.