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

Blog de l'équipe Wordpress

Ces dernière années, les navigations sur mobile ont fortement augmenté. Afin de permettre aux internautes de naviguer sereinement sur les sites web, ils ont du être adaptés de manière responsive. Ainsi, le contenu s’adapte à la taille de l’écran, afin que l’ensemble du contenu de la page soit visible et 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.

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 ?

Contactez-nous

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