Comment créer un lien html pour appeler par téléphone en cliquant sur votre site

Créez un lien html appel telephonique

À de nombreuses reprises, vous souhaiterez créer un lien html pour passer un appel téléphonique lorsque vous cliquerez sur votre site Web. C’est une ressource simple et efficace qui rend votre numéro de téléphone cliquable de sorte que si quelqu’un clique sur le numéro de téléphone depuis son mobile, une fenêtre s’ouvrira sur son appareil avec l’appel.

 

Et si au lieu d’être sur un mobile vous êtes sur un ordinateur, le gestionnaire d’appel de cet ordinateur va s’ouvrir. Par exemple, Face Time s’ouvre pour moi.

De plus nous verrons aussi comment passer un appel Skype en cliquant sur un lien html.

 

 

Ci-dessous, je vous laisse les codes que nous avons utilisés, et si vous préférez, je vous dirai par écrit les étapes que vous devrez faire.

Mais je vous dis aussi que si vous préférez que le lien soit une icône avec le symbole du téléphone, vous pouvez utiliser le plugin Genesis Simple Social Icons et vous auriez ce bouton et le bouton mailto en plus de tous les réseaux sociaux.

Comment lancer un appel téléphonique à partir d’un lien sur votre site Web

Maintenant je vais vous expliquer en étapes simples comment créer ce type de liens avec du html, si pratique pour pouvoir appeler en cliquant sur le téléphone.

1.-Créez un lien html

Si vous êtes dans WordPress, tapez dans l’éditeur de texte de n’importe quel contenu quelque chose comme « Cliquez ici pour appeler », sélectionnez-le et appuyez sur le lien. Vous avez déjà créé le lien ! Cliquez maintenant sur l’onglet HTML (coin supérieur droit de l’éditeur de texte) pour voir le code. Vous devriez avoir quelque chose de similaire à ceci.

<a href="#">Le text que tu veux</a>

2.- Créez le href= »tel: » (lien html pour appeler)

Maintenant, simplement, là où se trouve l’URL du lien (un pad dans mon cas), ajoutez tel: et le numéro que vous souhaitez que l’utilisateur appelle. Ça devrait être comme ça :

<a href="tel:+33789572898">Le text que tu veux</a>

REMARQUE : N’oubliez pas d’inclure le préfixe de votre pays. Dans mon cas +34.

Essayez-le :  appelez maintenant

Intelligent! Nous avons déjà le lien pour appeler le travail. Maintenant, vous pouvez le transformer en bouton d’appel si vous connaissez le CSS. Mais maintenant cela fonctionne parfaitement.

3.- Extra : Créez un lien pour appeler par Skype sur votre site Web

Et si ce que vous voulez, c’est que l’appel se fasse directement via Skype, voici le code pour créer le lien correspondant.

<a href="skype:ici le non de call">Clic ici pour me parler par Skype</a>

Changez simplement où il est indiqué here_the_skype_username pour l’utilisateur que vous souhaitez recevoir l’appel. Attention, ne supprimez pas le ?call final ou cela ne fonctionnera pas.

Essayez-le :  Cliquez ici pour me parler sur Skype

Eh bien c’est ça. C’est la simplicité de ce HTML de base. J’espère que tout se passe bien pour vous et que vous commencez à interagir avec vos utilisateurs en utilisant le lien html pour appeler par téléphone.

Si vous avez trouvé cet article utile, je vous serais très reconnaissant de le partager sur les réseaux sociaux ! 🙂 Merci!

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

Retour haut de page
X