Rendre son numéro de téléphone cliquable pour les mobiles

Blog de l'équipe Wordpress

  De plus en plus, les sites consultés par nos visiteurs se font sur smartphone. Il est donc nécessaire de se pencher sur ces nouveaux modes de navigation et de les adapter en fonction. Une petite astuce bien pratique que nous utilisons sous WordPress permet de composer le numéro de téléphone qui s’affiche à l’écran (html) directement en cliquant dessus.

Procédure par protocole tel :

Deux façons de procéder se présentent à nous. Soit par une modification directe dans le code, soit en insérant un lien par l’outil de rédaction propre à WordPress.

  • Modification dans le code : en insérant directement la ligne suivante

<a class= »listButton » href= »tel:+330123456789″>0123456789</a>

  • Sous WordPress: avec l’outil de traitement de texte

Dans un premier temps, on va taper le numéro de téléphone souhaité, puis le sélectionner. On va ensuite cliquer sur le bouton de création de lien intégré à WordPress puis dans le champ « Adresse web » taper à nouveau le même numéro mais sous cette forme tel:+33xxxxxxxxx Ce qui nous donne par exemple pour le numéro suivant : 0123456789 -> tel :+33123456789 Il ne vous reste plus qu’à enregistrer le tout et le tour est joué ! Quand vos visiteurs navigueront avec leur mobile sur votre site, ils pourront donc appeler le numéro de téléphone affiché directement en cliquant dessus. Essayez avec votre smartphone: 0123456789 

Cédric
co-fondateur de l'agence
Voir les articles de Cédric