Accueil » Blog » Tutoriels WordPress » Ajouter un numéro de téléphone cliquable dans WordPress

Ajouter un numéro de téléphone cliquable dans WordPress

Pour ajouter un numéro cliquable sur votre site, vous devez attribuer le lien « tel:+33610203040 » comme URL de destination. Dans cet article nous allons voir comment appliquer cela dans WordPress. Nous verrons aussi comment faire lorsque c’est un numéro de téléphone WatsApp ou Skype. Commençons si vous le voulez bien.

Créer un numéro de téléphone cliquable

On peut vouloir ajouter son numéro de téléphone à son site Internet de plusieurs manières. Sous la forme de texte ou sous la forme d’un bouton à cliquer. Ce qui est expliqué ici fonctionne, quel que soit l’éditeur que vous choisirez.

Un numéro sous la forme d’un texte

Indiquez le texte à cliquer par le visiteur pour qu’il puisse vous téléphoner. Par exemple : « Appelez-nous au 0601020304« .

Ensuite, sélectionnez le texte à cliquer avec la souris et cliquez sur la chaîne :

Indiquez le numéro de téléphone sous la forme « tel:+33610203040 » comme URL pour rendre un numéro de téléphone cliquable dans WordPress et cliquez sur la flèche « Envoyer » pour valider :

Lorsqu’on clique sur un numéro, le navigateur affiche une popup sur ordinateur ou redirige directement vers l’appel du numéro sur mobile. Aussi, ne mettez pas un texte qui ne prévient pas le visiteur auparavant.

À noter : au lieu de « Contactez-nous » qui pourrait correspondre à un simple formulaire, préférez plutôt un texte complet comme « Contactez-nous au 0610203040« .

Ajouter un numéro de téléphone cliquable sous la forme d’un bouton

Voyons comment créer un bouton maintenant. Pour ça, écrivez « /bouton » sur la page pour sélectionner le bloc « bouton » :

Sélectionnez le bouton et cliquez sur la chaîne afin d’indiquer le numéro de téléphone. Pour valider, cliquez dans la page :

Ajouter un numéro de téléphone cliquable à un bouton

Important : La chaîne passe en noir lorsqu’un lien est validé. Pensez à vérifier que ce soit bien le cas et à essayer votre bouton avant la mise en production du site.


En HTML

Une autre solution consiste à utiliser le code HTML. Pour ça, écrivez « /html » sur la page pour sélectionner le bloc « HTML personnalisé » :

Ajouter un bloc HTML personnalisé wordpress

Insérez ensuite le numéro de téléphone en utilisant ce code pour créer un lien :

<a href="tel:+33610203040">Contactez-nous au 0610203040</a>

Ce qui donne ceci :

Ajouter un numéro de téléphone cliquable dans WordPress avec une balise a

Ajouter un numéro de téléphone cliquable pour WatsApp

Vous pouvez aussi avoir un numéro de téléphone pour WatsApp. Dans ce cas, la syntaxe est un peu différente, mais le principe reste le même. Seule l’URL change.

À la place d’utiliser l’URL « tel:+33610203040 » vous devez indiquer le lien « https://wa.me/33610203040 ». Par exemple en HTML :

<a href="https://wa.me/33610203040">Contactez-nous sur WattsApp au 0610203040</a>

Pour téléphoner avec Skype

Le format callto: peut fonctionner sur certains navigateurs et anciennes versions de Skype, mais il est recommandé d’utiliser skype: pour assurer une compatibilité optimale.

  • callto:0610203040 est l’ancienne syntaxe, parfois bloquée par les navigateurs modernes.
  • skype:live.votrepseudo?call est la syntaxe recommandée par Skype pour les versions de navigateurs récentes.

Si vous voulez un lien compatible avec la plupart des appareils utilisez :

<a href="skype:live.votrepseudo?call">Appeler sur Skype</a>

Si votre numéro Skype est un téléphone enregistré sur votre compte, vous pouvez tester skype:+33610203040?call (en remplaçant par votre numéro au format international).

Conclusion

Voilà comment vous pouvez ajouter un numéro de téléphone cliquable sur WordPress. Cette fonctionnalité fonctionne avec les appareils numériques de type smartphone. Vous pouvez suivre les conversions des appels en vous servant de Google Analytics. Pensez à vérifier que le numéro ne comporte pas d’erreur, il pourrait être énervant pour une personne de recevoir des appels qu’il n’a pas désirés ou que le numéro soit inexistant. C’est tout bête, mais si important.

Laisser un commentaire