Firma Modelli HTML

Modelli HTML modificabili per la firma nei client di posta elettronica

Un modello HTML per la firma è un blocco di codice HTML che si apre, si modifica e si incolla nelle impostazioni della firma di un'applicazione di posta elettronica. Campi di testo, riferimenti a immagini e link sono tutti specificati nel codice, in modo che ogni parte del blocco rimanga separata e sostituibile.

Come vengono creati i blocchi di codice HTML predefiniti

Quasi tutte le firme predefinite sono strutturate su una tabella. Righe e celle contengono il nome, il logo e i dati di contatto in posizioni fisse, e questa griglia si conserva meglio tra le diverse applicazioni di posta elettronica rispetto agli elementi flottanti. La formattazione viene applicata direttamente agli elementi, poiché il blocco viene incollato nel messaggio di qualcun altro.

Apri il file prima di confermarlo e verifica alcuni aspetti:

• Ogni campo di testo si trova in una cella separata.
• Le fonti delle immagini utilizzano indirizzi completi anziché nomi di file locali.
• La larghezza è dichiarata sia per le immagini che per la tabella.
• I contatti sono scritti come link mailto e tel.

I loghi e le foto profilo necessitano di un indirizzo permanente, poiché un file trascinato dal desktop viene visualizzato correttamente solo per te e non per tutti gli altri. È importante inserire il testo alternativo (alt text) perché molte app di posta elettronica non consentono la visualizzazione delle immagini finché il client non ne autorizza la visualizzazione.

Perché ogni client di posta elettronica merita un invio di prova

Il supporto per il markup varia da un'app di posta elettronica all'altra e il solo codice non è sufficiente a fornire un'indicazione precisa. Outlook elabora i messaggi con un proprio motore, Gmail è più rigoroso su ciò che conserva e un'app per smartphone potrebbe ricalcolare la larghezza. L'unico controllo affidabile è un messaggio reale.

Invia la firma a due o tre indirizzi su servizi diversi e aprine uno su un telefono. Verifica che la tabella mantenga le sue colonne, che il logo venga caricato con le dimensioni previste e che il testo dei link lunghi non vada a capo in modo illeggibile. In Nicepage, le Modalità Responsive mostrano una visualizzazione ridotta prima che il markup esca dall'editor.

Sostituzione dei campi prima dell'installazione del risultato

La modifica segue un ordine semplice. Sostituisci il nome segnaposto e la qualifica professionale, imposta i tag immagine sul tuo logo e aggiorna i link. Puoi modificare autonomamente le sorgenti di testo e immagini, mentre è meglio lasciare invariate le celle, le larghezze dichiarate e l'annidamento, a meno che tu non preveda di eseguire ulteriori test.

L'installazione consiste nell'incollare il codice finale nelle impostazioni della firma. Alcuni servizi accettano il markup direttamente, mentre altri accettano una versione renderizzata copiata da una finestra del browser; ecco perché un template può comportarsi in modo diverso su due account diversi. Confronta i template in base alla quantità di codice da modificare, alla tenuta dei link e delle immagini dopo un reindirizzamento e alla pulizia dell'installazione del blocco.