Comment créer une signature HTML pour un e-mail

S’inscrire pour répondre à vos e-mails est déjà une excellente alternative pour professionnaliser vos contacts professionnels ou académiques. Mais sans aucun doute une signature standard faite à partir d’un HTML, peut être utilisée pour plusieurs comptes et toujours rendre vos messages plus stylisés.

Voir aussi : Comment faire un Gmail sur mobile ?

En supposant que l’ami ne connaisse pas le HTML et que je ne l’aime pas beaucoup non plus, expliquons d’abord ce qu’est le HTML et ce qu’il fait. HT = HyperTexte, M = Balisage, L = Langue. O Langage Signalétique Hyper Text est un langage de balisage utilisé pour produire des pages Web. HTML permet la création de documents qui peuvent être lus sur pratiquement n’importe quel type d’ordinateur et transmis sur Internet.

Le plus cool est que pour produire un document HTML, vous n’avez pas besoin de plus qu’un simple document texte comme WordPad, Notepad et Notepad++ que nous allons utiliser aujourd’hui.

Les codes utilisés dans la construction d’un HTML sont appelés Tags et indiquent ce que chaque élément doit faire sur la page à construire. Grâce aux codes HTML, nous pouvons formater non seulement du texte, mais aussi des images, des liens et des tableaux.

Un autre élément dont nous avons besoin pour voir le résultat du code HTML est un navigateur, un navigateur. Pour clôturer notre cours d’histoire, HTML a été créé par Tim Barners dans les années 90 et a récemment été mis à jour pour répondre à la demande, comme HTML5.

Ici, à Oficina, les chroniqueurs de programmation parlent beaucoup de HTML et nous avons beaucoup de contenu à ce sujet, au cas où vous souhaiteriez apprendre.

Lis  10 navegadores mais usados no mundo

Remarque : Au cours des six dernières années, certains des liens que nous avons publiés dans ce didacticiel ont été rompus et je les ai donc remplacés. Ainsi, certaines images seront mises à jour et d’autres non, mais les étapes sont les mêmes pour créer la signature et la configurer dans Gmail.

Comment créer une signature avec HTML ?

Eh bien, maintenant que nous connaissons quelques trucs de programmation, passons au didacticiel sur la façon de créer une signature vraiment cool à utiliser lors de l’envoi d’e-mails. Vous devez d’abord avoir Notepad++ que j’ai mentionné ci-dessus (c’est ce sur quoi nous allons travailler aujourd’hui). Vous pouvez le télécharger gratuitement ici sur le site officiel. C’est bien qu’il soit un logiciel gratuit.

Ouvrez le programme dans un onglet propre, copiez le code ci-dessous et collez-le dans le Bloc-notes :

<hr />
<table>
    <tr> 
        <td style="font-family:arial; font-size:11px; text-align:center" valign="top">
            <a href="https://www.oficinadanet.com.br/post/LINKAQUI" target="_blank">
                <img src="IMAGEM DO SEU SITE" border="0" />
            </a>
        </td>
        <td style="font-family:arial; font-size:12px; padding-left:10px">
            <strong>Seu nome</strong><br />
            <strong>Fone:</strong> (XX) XXXX XXXX<br />
            <strong>Site:</strong> <a href="https://www.oficinadanet.com.br/post/LINKAQUI" target="_blank">SITEAQUI</a><br />
            <strong>Twitter/Instagram:</strong>REDES SOCIAIS<br />
            <strong>SKYPE:</strong> SEU SKYPE
        </td> 
    </tr>
</table>
<hr />

Ce code une fois enregistré en HTML et ouvert dans un navigateur ressemblera à ceci :

Exemple de signature
Exemple de signature

Eh bien, ce modèle peut être modifié par vous dans Notepad++. Complétez le code avec les données que vous souhaitez inclure. Là sur “https://www.oficinadanet.com.br/post/LINKAQUI”, “IMAGEM DO YOUR SITE” – cette image doit déjà être hébergée sur votre site, après tout, le HTML cherchera le lien que vous avez collé dans une adresse Internet. À titre d’exemple, je vais insérer une image de moi-même et la poster sur l’un des nombreux hébergeurs d’images sur Internet. Qui est à ce lien : https://i.imgur.com/DsHSJKV.jpg

Les autres données sont plus faciles à comprendre comment les remplir, n’est-ce pas ?

Ici, dans l’exemple, vous remarquez que j’ai inclus des profils Twitter, Instagram et Telegram, mais vous pouvez inclure Facebook, LinkedIn et tout autre réseau social ainsi que d’autres téléphones. Pour cela, il suffit de copier une des lignes et de la placer en dessous, de modifier les données et le tour est joué ! Je suggère de copier la ligne “site” afin que vous puissiez également coller le lien direct depuis les réseaux sociaux.

Une fois l’enregistrement des données terminé, il suffit de les enregistrer dans un emplacement organisé et facilement accessible, mais également invisible pour personne. Je dis cela essentiellement pour que vous ne perdiez pas le fichier et qu’il n’encombre pas votre bureau.

Comment créer une signature HTML pour un e-mail

Je l’ai enregistré sous le nom : “signature-email-2021.html“.

Comment créer une signature HTML pour un e-mail

Comprendre les balises

– La fermeture de chaque balise est représentée par le slash suivi de la balise (cela fonctionne pour toutes les balises de notre code).



  • C’est une ligne horizontale (dans le code que nous mettons taille = “1” pour que la ligne fasse 1 pixel d’épaisseur) ;

  • – Nous avons déterminé qu’à partir de là, nous aurons une table, par conséquent, tout ce qui se trouve à l’intérieur de cette balise sera également à l’intérieur de la table ;

  • – TableRow est une ligne qui délimitera le tableau (notez que dans cette balise nous ne déterminons aucune épaisseur, donc la ligne sera invisible) ;
  • – Cette balise formera une colonne pour le tableau ; à l’intérieur, nous déterminons la police du texte, l’image que nous allons insérer et le lien vers le site Web (si quelqu’un clique sur l’image);
    Dans l’autre “

    “, nous aurons les données de l’autre colonne, telles que votre nom, téléphone, site Web, réseaux sociaux et tout ce dont vous avez besoin ;

Prêt. Nous devons maintenant voir comment utiliser cette signature sur le compte de messagerie. Je vais vous montrer de deux manières, l’une via Gmail et l’autre via ThunderBird – qui est un logiciel gratuit pour gérer les comptes de messagerie.

Ajouter une signature dans Gmail

Dans ce tutoriel Rafaela Pozzebon, vous apprenez à insérer une signature dans votre Gmail, mais de manière simple, avec des ressources textuelles et rien de trop élaboré. Vous devriez également le vérifier pour savoir comment le faire.

La procédure d’enregistrement d’une signature HTML dans Gmail est assez étrange. Vous devez d’abord ouvrir le fichier que nous avons créé dans n’importe quel navigateur. Dans mon cas, j’ai utilisé Google Chrome. À l’aide de la souris, sélectionnez tout le contenu de l’abonnement et accédez à Gmail.

Recherchez l’équipement et sélectionnez l’option Paramètres. Dans l’onglet Général des paramètres, faites défiler vers le bas jusqu’à ce que vous trouviez l’option d’abonnement :

Comment créer une signature HTML pour un e-mail

Sélectionnez l’option pour afficher une signature et ~ incroyable ~ collez la signature que nous avons copiée dans le navigateur.

Copiez la signature de votre navigateur et collez-la dans Gmail
Copiez la signature de votre navigateur et collez-la dans Gmail

Prêt. Avant d’enregistrer, vous pouvez apporter des modifications aux données, etc. Maintenant, enregistrez et vérifiez si cela a fonctionné.

Ajouter un abonnement à ThunderBird

Je trouve particulièrement qu’il est beaucoup plus facile d’ajouter une signature HTML via ThunderBird. Si vous ne connaissez pas très bien ce logiciel, je vous suggère de le découvrir. dans cet article sur ce qu’est ThunderBird.

Sur la page principale de l’un des comptes de messagerie, il y a une option « Configurer ce compte ».

Comment créer une signature HTML pour un e-mail

Dans la fenêtre des paramètres, vous verrez le cadre où vous pouvez créer une signature. La différence est que maintenant nous n’allons pas coller la signature directement dans le cadre. Chargeons le fichier HTML directement dans ThunderBird. Cochez l’option « Joindre une signature à un fichier (texte, HTML ou image) : ». Cliquez sur « Fichier » et trouvez où vous avez enregistré notre abonnement.

Comment créer une signature HTML pour un e-mail

Maintenant, cliquez simplement sur « OK » et vérifiez à quoi cela ressemble !

Comment créer une signature HTML pour un e-mail

Avec peu de connaissances en HTML, il est déjà possible de créer une bonne signature avec les astuces que vous avez lues ci-dessus, n’est-ce pas ? Maintenant, mettez-le en pratique et utilisez-le ‘sans modération’.

Voir aussi : Comment créer un gmail

Contents

Pour protéger votre fils, votre mari ou votre espion, vous pouvez télécharger cette application

X
blank