Le firme HTML possono rendere la tua posta accattivante. Le firme non servono solo a rendere attraente la tua posta; può anche aiutarti a saperne di più sui tuoi clienti. È possibile creare una firma e-mail semplice ed elegante senza alcuna conoscenza di codice che possa impressionare i vostri clienti.
Ora analizziamo alcuni semplici passaggi che ti aiutano a creare firme e-mail per l'ID Gmail o qualsiasi altro client di posta elettronica.
Abilita le firme HTML in Gmail
Prima ci dirigiamo alle firme via e-mail. è essenziale abilitare le firme dalle tue impostazioni di Gmail. Per fare ciò, assicurati di aver effettuato l'accesso all'account Gmail. Ora, fai clic sull'icona delle impostazioni nell'angolo in alto a destra e seleziona le impostazioni. Scorri verso il basso per trovare la firma e controlla il pulsante di opzione per attivarla.
Qui è dove è possibile copiare e incollare il codice HTML per generare la firma e-mail. Ora che hai abilitato la firma su Gmail e vediamo come crearne uno.
Crea la firma HTML per le email
Le firme possono essere il tuo biglietto da visita digitale che aggiunge un'essenza di attrazione agli occhi dello spettatore. Esistono diversi metodi che è possibile seguire per creare firme HTML senza problemi. Se conosci la lingua di programmazione, puoi codificarne una per farla apparire come vuoi. Stiamo spiegando un codice di HTML Signature come dimostrazione per ottenere l'idea precisa di struttura, dimensioni standard dell'immagine e altri elementi che è necessario utilizzare per ottenere l'output desiderato. Un altro consiglio è di usare le tabelle per strutturare il contenuto di Signature.
Creazione della struttura di base della firma HTML
Questo tutorial è suddiviso in cinque parti che seguono la creazione della tabella e aggiungono il logo dell'azienda, i dettagli, i pulsanti di social media e il testo della dichiarazione di non responsabilità all'interno di esso. Il tavolo deve essere all'interno di un blocco div perché è considerato una buona pratica mantenere i tuoi contenuti all'interno dei tag. Si noti che il codice funziona anche se i tag e non sono presenti.
Inoltre, definiamo lo stile in linea in quanto non abbiamo alcuna opzione per aggiungere un foglio di stile esterno. Qui, la larghezza è di 480px, quindi non ci vuole molto spazio e i font sono impostati su Arial poiché tutto il browser lo supporta per impostazione predefinita.
Aggiungi il logo della società nella firma HTML
È possibile aggiungere l'immagine Headshot al posto del logo aziendale; dipende dalle tue esigenze. Poiché dobbiamo aggiungere un'immagine, devi ospitarla da qualche parte su Internet. Assicurati che la tua immagine sia disponibile pubblicamente. Stiamo usando imgur per lo scopo dimostrativo. Vai a imgur, fai clic su Nuovo post nell'angolo in alto a sinistra. Carica l'immagine facendo clic sul pulsante Sfoglia . Puoi anche utilizzare Google Drive, Dropbox o qualsiasi altra piattaforma che ritieni adatta.
Puoi modificare il link " href " per portare l'utente al sito web della tua azienda e il link " src" per aggiungere il link sorgente dell'immagine che hai ospitato sul web.
Aggiungi dettagli nella firma HTML
La prossima parte è aggiungere i dettagli come Nome, Numero di telefono, Indirizzo, Email alla firma. Puoi scegliere di aggiungere o rimuovere qualsiasi cosa semplicemente cancellando quella parte del codice, o puoi persino modificare la sequenza di dettagli riorganizzando il codice. Abbiamo preso tutti i dettagli in considerazione per lo scopo dimostrativo. Qui creiamo una tabella separata all'interno della tabella principale e inseriamo tutti i dettagli nella riga della tabella come segue:
Kaivan Doshi Creatore del contenuto telefono: +1 (929) 999-9999 mobile: +1 (929) 999-9999 email: Indirizzo Linea 1 indirizzo 2 Pulsanti di social media in firma HTML
Inoltre, puoi utilizzare le icone social personalizzate di tua scelta da IconFinder. Ci sono molte icone gratuite tra cui scegliere. Puoi anche acquistare una delle icone premium se ti piacciono. Cerca la figura e seleziona la dimensione di 32 * 32 per un aspetto corretto. È possibile modificare qualsiasi dimensione secondo la presentazione. Qui abbiamo definito una dimensione di 20 * 20 px per tutte le icone social. Qui tutto ciò che devi modificare è il link al profilo social, sostituire " # " con il tuo profilo in href.
Dichiarazione di non responsabilità nella firma HTML
I colossi commerciali professionisti aggiungono sempre il testo della dichiarazione di non responsabilità alla fine della firma. Per aggiungere lo stesso nel tuo segui il codice qui sotto.
AGGIUNGI limitazione di responsabilità Testo qui
Sentiti libero di usare il codice sopra e di apportare modifiche come richiesto. Dopo aver terminato di posizionare il codice in un posto, la firma HTML sarà simile a questa.
Sfortunatamente, non puoi utilizzare alcun elemento JavaScript per modellarlo in quanto Gmail blocca qualsiasi contenuto javascript all'interno di un'email. Si noti che le proprietà CSS più complesse che eseguono le animazioni potrebbero non funzionare.
Firma HTML in Gmail
La parte difficile è che Gmail non ti fornisce un editor HTML, ottieni un editor di testo ricco di WYSIWYG (ciò che vedi è ciò che ottieni). Per ovviare a questo problema, esegui il codice HTML in qualsiasi browser. Seleziona tutto e copiala incollalo nell'area Firma di Gmail. Scorri verso il basso e fai clic su Salva modifiche per rendere effettive le modifiche.
Strumenti online per creare la firma HTML
Per le persone che non hanno il tempo di programmare la propria firma, possono utilizzare strumenti online che possono generare la struttura per te. Alcuni degli strumenti facili da usare sono Mail Signatures, MySignature, Signature. Gli strumenti sopra menzionati offrono la personalizzazione in modo molto dettagliato e la firma può essere effettuata entro 5 minuti. Puoi aggiungere diversi pulsanti social, immagini, certificazioni e molte altre cose. Ci sono opzioni per aggiungere il testo della dichiarazione di non responsabilità e le citazioni alla fine della firma. Dopo aver creato una firma perfetta, tutto ciò che devi fare è copiarlo e incollarlo nello stesso editor di testo sotto la sezione Firma nelle impostazioni di Gmail. Assicurati di salvare le modifiche prima di uscire.
Per lo scopo di dimostrazione, abbiamo utilizzato il creatore di firma e-mail gratuito di Exclaimer. Qui puoi personalizzare la firma in base ai tuoi interessi. Permette anche di cambiare le combinazioni di colori. Nella sezione Layout, puoi scegliere uno stile modello che ti si addice meglio. In Dettagli, è necessario aggiungere informazioni personali come nome, nome dell'azienda e sito Web, indirizzo e-mail, numero di telefono, ecc.
Link al sito web: HTML Signature Creator.
È anche possibile aggiungere il testo personalizzato della dichiarazione di non responsabilità e consente inoltre di caricare il logo dell'azienda. Quando hai terminato di giocare con lo strumento Firma, vai sotto la sezione Installa e seleziona Evidenzia firma . Infine, copialo e incollalo nella sezione Firma nelle impostazioni di Gmail.
Molti servizi premium forniscono firme HTML con un design e analisi più sofisticati per tracciare i clienti. Ogni volta che una persona fa clic sul tuo pulsante social o sul link al sito web registra il clic e ti fornisce una relazione su quante persone erano interessate e ha verificato i tuoi servizi. Tali affermazioni possono giocare un ruolo cruciale nelle conversioni.
Crea la firma HTML per Gmail
L'email marketing prende il credito di circa il 35% sulle vendite di prodotti ogni anno. È la quintessenza per redigere correttamente la posta per ottenere conversioni migliori. Una parte di cui la maggior parte delle entità aziendali si lascia sfuggire è un design creativo ma semplice. Terminare la posta in modo impeccabile può essere un lavoro duro.
Le firme HTML consentono alle persone di saperne di più sul mittente e inoltre ti fanno sembrare più professionale. Codice a firma te stesso o utilizzare uno degli strumenti citati per crearne uno. Assicurati di scegliere un design semplice e professionale e mantenerlo breve, sottile.
