Le Moyen Le Plus Simple De Créer des Liens De Messagerie (Gmail, Yahoo, Aol, Yandex)

ApplicationsLe Moyen Le Plus Simple De Créer des Liens De Messagerie (Gmail,...

Resepbyta.com – L’envoi de messages électroniques devient plus facile si vous fournissez une URL qui a été transformée en lien spécial. Gmail est l’un des programmes de Google qui peut être « trompé » pour devenir un lien direct menant à l’e-mail ciblé.

Dans cet article simple, nous allons vous montrer comment créer un email sous forme de lien. Pourquoi transformer un email en lien ? car juste en cliquant sur le lien, une nouvelle page s’ouvrira contenant toutes les informations pour utiliser le courrier électronique.

Si vous utilisez un ordinateur ou une tablette PC, cliquer sur un lien de courrier électronique à partir d’un site Web ou d’un programme d’application de gestion de documents tel que Microsoft Word, Excel, Google Docs ou Google Sheets ouvrira immédiatement une page telle que Microsoft Outlook, Thunderbird ou Windows Courrier.

La question est, à part Gmail, les e-mails comme Yahoo Mail, Yandex, Outlook Mail, AOL Mail, vers iCloud Mail peuvent-ils utiliser cette méthode ?

La réponse : oui.

Voici comment créer un lien e-mail qui peut être utilisé pour tous les types d’e-mails.

Utilisation de ‘Mailto :’

how to make email link

Le moyen le plus simple de créer des liens de courrier électronique consiste à utiliser le schéma d’URI Mailto. Si vous écrivez sur un blog, par exemple en utilisant Wordpress ou Blogspot, vous n’avez pas besoin de comprendre le HTML.

Cliquez simplement sur le bouton de menu que vous utilisez normalement pour créer des hyperliens et remplissez-le au format suivant : mailto:address@email.com.

Utiliser HTML

La méthode suivante est un peu plus difficile car elle utilise le langage de programmation HTML. Pour un développeur de site Web, cette méthode est certainement très simple. Mais pour ceux qui débutent dans les langages de programmation, vous pouvez aussi l’essayer car le code au format HTML est très simple.

Bien que différente de la méthode ci-dessus, la méthode de création d’un lien e-mail en HTML a le même résultat final, à savoir que l’adresse e-mail sera directement dirigée vers la destination.

Voici un exemple de création d’un lien e-mail à l’aide de HTML dans plusieurs modèles.

Ce code html ne générera que des adresses de liens.

&#060a href="mailto:address@email.com">address@email.com&#060/a&#062

En ajoutant le paramètre ‘sujet’, ce code html générera un lien avec le titre de l’e-mail.

&#060a href="mailto:address@email.com?subject=This%20for%20title%20email%20default"&#062address@email.com&#060/a&#062

Si vous voulez écrire un message par défaut, ajoutez le paramètre ‘body’ comme dans l’exemple au format html numéro trois ci-dessus.

&#060a href="mailto:address@email.com?subject=This%20title%20email%20default&body=This%20message%20will%20auto%20appear%20by%20default%21"&#062address@email.com&#060/a&#062

Remarque : en HTML, le format %20 dans le texte ci-dessus sera un espace.

Lien e-mail spécifiquement pour les utilisateurs de Gmail

Pour les autres utilisateurs de Gmail, il existe une URL spéciale qui dirigera l’e-mail à ouvrir directement dans le formulaire Gmail de l’expéditeur.

Voici le code URL qui commence par le protocole http:// ou https://

https://mail.google.com/mail/u/0/?view=cm&tf=1&fs=1&to=alamat@email.com

Eh bien, pour ceux qui veulent expérimenter un peu, vous pouvez créer un lien e-mail en ajoutant une icône Gmail devant les mots « Envoyer un e-mail avec Gmail ». Créez ensuite du CSS pour ranger les icônes SVG de Gmail.

Voici le format des liens de messagerie Gmail comme indiqué ci-dessous:

<a href="https://mail.google.com/mail/u/0/?view=cm&amp;tf=1&amp;fs=1&amp;to=alamat@email.com" target="_blank" rel="nofollow noopener" title="Send email with Gmail"> <svg width="24" height="24" viewBox="0 0 48 48" class="gmail-icon"><g><path fill="#E0E0E0" d="M 5.5 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11 C 46 9.066406 44.433594 7.5 42.5 7.5 L 5.5 7.5 C 3.566406 7.5 2 9.066406 2 11 L 2 37 C 2 38.933594 3.566406 40.5 5.5 40.5 Z "></path><path fill="#D9D9D9" d="M 26 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11 C 46 9.066406 44.433594 7.5 42.5 7.5 L 5.5 7.5 C 3.566406 7.5 2 9.066406 2 11 Z "></path><path fill="#EEEEEE" d="M 6.746094 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11.5 Z "></path><path fill="#E0E0E0" d="M 25.746094 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11.5 L 18.769531 31.617188 Z "></path><path fill="#CA3737" d="M 42.5 9.5 L 5.5 9.5 C 3.566406 9.5 2 9.066406 2 11 L 2 37 C 2 38.933594 3.566406 40.5 5.5 40.5 L 7 40.5 L 7 12 L 41 12 L 41 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11 C 46 9.066406 44.433594 9.5 42.5 9.5 Z "></path><path fill="#F5F5F5" d="M 42.5 7.5 L 5.5 7.5 C 3.566406 7.5 2 9.035156 2 11 C 2 12.207031 3.519531 13.257813 3.519531 13.257813 L 24 27.757813 L 44.480469 13.257813 C 44.480469 13.257813 46 12.207031 46 11 C 46 9.035156 44.433594 7.5 42.5 7.5 Z "></path><path fill="#E84F4B" d="M 43.246094 7.582031 L 24 21 L 4.753906 7.582031 C 3.179688 7.917969 2 9.296875 2 11 C 2 12.207031 3.519531 13.257813 3.519531 13.257813 L 24 27.757813 L 44.480469 13.257813 C 44.480469 13.257813 46 12.207031 46 11 C 46 9.296875 44.820313 7.917969 43.246094 7.582031 Z "></path></g></svg> <span>Send email with Gmail</span> </a>
&#060a href="https://mail.google.com/mail/u/0/?view=cm&tf=1&fs=1&to=alamat@email.com" target="_blank" rel="nofollow noopener" title="Send email with Gmail"&#062 &#060svg width="24" height="24" viewBox="0 0 48 48" class="gmail-icon"&#062&#060g&#062&#060path fill="#E0E0E0" d="M 5.5 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11 C 46 9.066406 44.433594 7.5 42.5 7.5 L 5.5 7.5 C 3.566406 7.5 2 9.066406 2 11 L 2 37 C 2 38.933594 3.566406 40.5 5.5 40.5 Z "&#062&#060/path&#062&#060path fill="#D9D9D9" d="M 26 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11 C 46 9.066406 44.433594 7.5 42.5 7.5 L 5.5 7.5 C 3.566406 7.5 2 9.066406 2 11 Z "&#062&#060/path&#062&#060path fill="#EEEEEE" d="M 6.746094 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11.5 Z "&#062&#060/path&#062&#060path fill="#E0E0E0" d="M 25.746094 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11.5 L 18.769531 31.617188 Z "&#062&#060/path&#062&#060path fill="#CA3737" d="M 42.5 9.5 L 5.5 9.5 C 3.566406 9.5 2 9.066406 2 11 L 2 37 C 2 38.933594 3.566406 40.5 5.5 40.5 L 7 40.5 L 7 12 L 41 12 L 41 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11 C 46 9.066406 44.433594 9.5 42.5 9.5 Z "&#062&#060/path&#062&#060path fill="#F5F5F5" d="M 42.5 7.5 L 5.5 7.5 C 3.566406 7.5 2 9.035156 2 11 C 2 12.207031 3.519531 13.257813 3.519531 13.257813 L 24 27.757813 L 44.480469 13.257813 C 44.480469 13.257813 46 12.207031 46 11 C 46 9.035156 44.433594 7.5 42.5 7.5 Z "&#062&#060/path&#062&#060path fill="#E84F4B" d="M 43.246094 7.582031 L 24 21 L 4.753906 7.582031 C 3.179688 7.917969 2 9.296875 2 11 C 2 12.207031 3.519531 13.257813 3.519531 13.257813 L 24 27.757813 L 44.480469 13.257813 C 44.480469 13.257813 46 12.207031 46 11 C 46 9.296875 44.820313 7.917969 43.246094 7.582031 Z "&#062&#060/path&#062&#060/g&#062&#060/svg&#062 &#060span&#062Send email with Gmail&#060/span&#062 &#060/a&#062

Format pour CSS :

.gmail-icon{vertical-align:middle}

Ne pas oublier! Remplacez toutes les adresses écrites address@email.com par votre adresse e-mail.

Tutoriel vidéo : comment créer un lien d’e-mail

J’espère que ce tutoriel simple pourra vous fournir une solution. Si le code semble compliqué, essayez-le d’abord. Si c’est faux et que vous n’avez pas obtenu le résultat souhaité, supprimez-le simplement, vérifiez à nouveau pour ne rien manquer et répétez la méthode de création du lien e-mail ci-dessus. Bonne chance!