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

Blog de l'équipe Wordpress

Ces dernières années, les navigations sur mobile ont fortement augmenté, entraînant un besoin accru d’adaptation des sites web. Afin de permettre aux internautes de naviguer sereinement, les sites ont dû être adaptés de manière responsive. Le contenu s’adapte ainsi à la taille de l’écran, pour que l’ensemble du contenu de la page soit visible et facilement cliquable.

Parmi les changements, 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. Cela améliore grandement l’expérience utilisateur.

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 

Une question ou besoin d’aide sur votre site WordPress ? N’hésitez pas à nous contacter pour une assistance personnalisée.

Contactez-nous

Cédric
Designer, technologue, créatif
Voir les articles de Cédric