Firma Modelli HTML

Template HTML modificabili per firme per client di posta

Un template per firma HTML è un blocco di codice che si apre, si modifica e si incolla nelle impostazioni della firma di un'applicazione di posta. Campi di testo, riferimenti alle immagini e link sono tutti definiti nel codice, garantendo che ogni parte del blocco rimanga separata e sostituibile.

Come sono costruiti i blocchi di codice pronti all'uso

Quasi tutte le firme pronte sono impaginate con una tabella. Righe e celle mantengono nome, logo e recapiti in posizioni fisse, e questa griglia regge il passaggio da un'applicazione di posta all'altra molto meglio degli elementi fluttuanti (floated). La formattazione viene inserita inline, scritta direttamente sugli elementi stessi, poiché il blocco viene incollato nel messaggio di qualcun altro.

Apri il file prima di sceglierlo definitivamente e verifica alcuni dettagli:

• Se ogni campo di testo risiede in una cella dedicata
• Se le origini delle immagini utilizzano indirizzi web completi anziché nomi di file locali
• Se le larghezze sono dichiarate sulle immagini e sulla tabella
• Se i recapiti sono impostati come link mailto e tel

I loghi e le foto profilo necessitano di un indirizzo permanente, poiché un file trascinato dal desktop risulterà visibile a te ma non a chiunque altro. È opportuno compilare il testo alternativo, dato che molte app di posta bloccano le immagini finché il destinatario non ne autorizza la visualizzazione.

Perché ogni client di posta merita un invio di prova

Il supporto per il codice markup varia da un'app di posta all'altra, e il solo codice non può dirti fino a che punto. Outlook esegue il rendering dei messaggi con un proprio motore, Gmail è più rigido su ciò che mantiene, e un'app per smartphone potrebbe ricalcolare le larghezze. L'unica verifica affidabile è un vero messaggio di prova.

Invia la firma a due o tre indirizzi su servizi differenti e aprine uno su uno smartphone. Controlla che la tabella mantenga le sue colonne, che il logo venga caricato alle dimensioni previste e che i testi lunghi dei link non vadano a capo in modo disordinato. In Nicepage, le Responsive Modes mostrano una vista ridotta prima che il codice lasci l'editor.

Sostituire i campi prima di installare il risultato

La modifica segue un ordine lineare. Sostituisci il nome e la qualifica provvisori, imposta i tag immagine sul tuo logo e poi aggiorna i link. I testi e le origini delle immagini si possono modificare senza problemi, mentre celle, larghezze dichiarate e annidamenti vanno preferibilmente lasciati intatti, a meno che tu non intenda eseguire nuovi test.

L'installazione consiste nell'incollare il codice completato nelle impostazioni della firma. Alcuni servizi accettano direttamente il markup, mentre altri accettano una versione renderizzata copiata dalla finestra del browser, motivo per cui lo stesso template può comportarsi diversamente su due account distinti. Confronta i modelli in base a quanto poco codice devi modificare, a come link e immagini resistono a un inoltro e alla facilità di installazione del blocco.