Comment ajouter des liens de courrier électronique à vos pages Web, Introduction

S'il est important de communiquer avec les lecteurs de votre site Web et de les faire communiquer avec vous, il peut être très utile d'apprendre à être créatif avec vos liens de messagerie.

Comment ajouter un lien de contact par e-mail sur une page Web
Créateurs de campagne / Unsplash

Que sont les liens de messagerie?

Saviez-vous que vous pouvez mettre des éléments dans votre lien de sorte que lorsque vos lecteurs cliquent dessus, il y aura déjà un message pour commencer? Vous pouvez mettre un sujet dans la ligne d'objet ou un message dans le corps de l'e-mail. Cela rend le tri de vos e-mails vraiment facile. Vous pouvez également envoyer l'e-mail à plusieurs adresses e-mail différentes si vous le souhaitez.

Disons que vous voulez savoir de quelle page quelqu'un vous envoie un e-mail, vous pouvez mettre un code ou message dans l'e-mail afin que, lorsqu'il s'agit de vous, vous sachiez de quelle page il provient simplement en le voir. Peut-être avez-vous une liste de questions que les gens peuvent vous poser ou différentes catégories de quelque chose sur votre site. Vous pouvez mettre des messages différents sur chacun afin que vous sachiez ce que veut votre lecteur avant même de lire l'e-mail.

instagram viewer

Ce que vous pouvez inclure dans un lien de courrier électronique

Voici quelques éléments que vous pouvez utiliser dans vos liens de messagerie.

mailto = Dit le Client de messagerie à qui envoyer l'e-mail.

sujet = Cela mettra un message dans la ligne d'objet de l'e-mail.

corps = Avec cette option, vous pouvez placer un message dans le corps de l'e-mail.

%20 = Laisse un espace entre les mots.

%0D%0A = Fait passer votre message à la ligne suivante. Ceci est similaire à la touche "Retour" ou "Entrée" de votre clavier.

cc = Copie carbone ou envoyer l'e-mail à une autre adresse e-mail autre que l'adresse mailto.

cci = Copie carbone invisible ou envoyer l'e-mail à une autre adresse e-mail autre que les adresses mailto et cc.

Comment utiliser les options de lien de messagerie

Voici comment vous pouvez utiliser ces choses pour vous aider. Tout d'abord, vous devez savoir comment rédiger un lien d'e-mail de base. Un lien d'e-mail de base commence de la même manière qu'un lien normal:

" data-component="link" data-source="inlineLink" data-type="internalLink" data-ordinal="1">

Il se termine aussi très bien comme un lien de base:

"> Texte pour le lien ici

Ce qui se passe au milieu, c'est ce qui est différent. Vous voudrez bien sûr commencer par ajouter votre adresse e-mail afin que vos lecteurs puissent vous envoyer l'e-mail. Cela ressemblera à quelque chose comme ceci:

mailto: [email protected]

Maintenant que vous en savez beaucoup, vous pouvez créer un lien de base par e-mail. Cela ressemblera à ceci pour vos lecteurs:

Texte pour lien ici

Il ouvrira votre client de messagerie afin que vous puissiez envoyer un e-mail si nous utilisions une véritable adresse e-mail. Comme je n'utilise pas une véritable adresse e-mail, vous ne pouvez pas vraiment envoyer un e-mail avec. Essayez de remplacer la fausse adresse e-mail par la vôtre, dans votre éditeur de texte (enregistrez d'abord le fichier avec une extension .htm ou .html), et voyez si vous pouvez vous envoyer un e-mail.

Ajouter à un lien de messagerie de base

Maintenant, prenons ce lien e-mail de base et ajoutons-y. Tout d'abord, nous avons le lien de base de l'e-mail qui ressemble à ceci:

objet de l'e-mail

Nous le ferions en ajoutant d'abord un point d'interrogation (?), puis en ajoutant le code du sujet et enfin en ajoutant ce que vous voulez que la ligne d'objet dise. N'oubliez pas d'ajouter le code espace entre les mots. Votre code peut fonctionner sur certains navigateurs, mais il peut ne pas fonctionner sur tous. Le code pour ajouter le lien du sujet ressemblerait à ceci:

?subject=Sujet%20Texte%20Ici

Voici à quoi cela ressemblera pour vos lecteurs:

[mail [email protected]? subject=Subject%20Text%20Here]Texte pour le lien ici[/mail]

Allez-y et essayez-le. Vous voyez comment le texte s'affiche maintenant dans la ligne d'objet?

Ajouter plus d'options

Maintenant, vous pouvez ajouter les autres choses. Ajoutez un message dans le corps de l'e-mail ou ajoutez d'autres adresses e-mail auxquelles envoyer votre e-mail. Lorsque vous ajoutez un deuxième attribut à votre lien de courrier électronique, vous le commencerez par une esperluette (&) et non par un point d'interrogation (?).

Le code pour ajouter du texte dans le corps de l'e-mail ressemblerait à ceci:

&body=Bonjour%20tout le monde!!%20Ce%20est%20votre%20body%20text.

Voici à quoi ressemble votre lien e-mail maintenant:

Voici à quoi cela ressemblera pour vos lecteurs:

[mail [email protected]? subject=Subject%20Text%20Here&body=Hello%20everyone!!%20This%20is%20your%20body%20text.]Texte pour le lien ici[/mail]

Allez-y et essayez-le. Vous voyez comment le texte s'affiche dans le corps de l'e-mail?

Ajouter des adresses e-mail aux lignes CC et BCC

Si tu veux ajouter des adresses e-mail à la ligne cc et bcc de l'e-mail, tout ce que vous avez à faire est d'ajouter le code pour ceux-ci aussi.

cc ressemblerait à ceci: &[email protected]

bcc ressemblerait à ceci: &[email protected]

Lorsque vous les ajoutez à votre lien e-mail, le code ressemblera à ceci:

Voici à quoi cela ressemblera pour vos lecteurs:

[mail [email protected]? subject=Subject%20Text%20Here&body=Hello%20everyone!!%20This%20is%20your%20body%20text.&[email protected]&[email protected]]Texte pour le lien ici[/mail]

Essaie et regarde comment ça marche!

Sauter des lignes dans le corps du texte

Une dernière chose. Vous pouvez faire en sorte que le corps du texte que vous avez ajouté saute des lignes si vous le souhaitez. Ajoutez simplement le code correspondant dans le corps du texte.

À la place de: Bonjour%20tout le monde!!%20Ce%20est%20votre%20body%20text.

Tu pourrais le faire comme ceci: Bonjour%20tout le monde!!%0D%0ACe%20is%20votre%20body%20text.

Votre code ressemblera maintenant à ceci:

Voici à quoi cela ressemblera pour vos lecteurs:

[mail [email protected]? subject=Subject%20Text%20Here&body=Bonjour%20everyone!!%0D%0ACit%20is%20your%20body%20text.&[email protected]&[email protected]]Texte pour le lien ici[/mail]

Cliquez dessus pour voir la différence. Au lieu de lire:

Bonjour à tous!! Ceci est votre corps de texte.

Il lit maintenant:

Bonjour à tous!!

Ceci est votre corps de texte.

C'est tout ce qu'on peut en dire. S'amuser!