Comment rendre un numéro de téléphone cliquable sur votre site

Vous aimeriez que les visiteurs de votre site puissent vous appeler en un seul clic ? Bonne nouvelle : rendre un numéro de téléphone cliquable sur WordPress est simple… et très efficace.

Un lien d’appel réduit la friction. C’est une petite amélioration qui peut avoir un grand impact : vos visiteurs n’ont plus besoin de copier ou de taper votre numéro manuellement, ce qui leur évite aussi les erreurs de saisie. Et sur mobile, c’est encore plus pratique : un simple appui sur le numéro suffit pour lancer l’appel.

Sur votre page Contact, l’impact est immédiat. Un numéro devient une action claire : on clique, on appelle. Placé près de vos horaires, de votre adresse ou d’un formulaire, et accompagné d’un bouton « Appeler maintenant », il facilite le passage à l’action et renforce la confiance (on sait quand et comment vous joindre). C’est tout aussi utile ailleurs : en-tête pour une visibilité maximale, menu pour un accès rapide, ou pied de page pour une présence constante sur tout le site.

Par défaut, si vous écrivez simplement votre numéro sur une page web, il n’est pas cliquable.

Heureusement, il existe plusieurs solutions rapides pour y remédier. Dans cet article, vous allez voir des méthodes simples pour ajouter un numéro de téléphone cliquable dans WordPress — directement dans vos pages et articles, dans un menu, ou encore via un bouton ou une extension — avec des exemples concrets pour choisir la solution la plus adaptée à votre site.

Utiliser tel: pour créer un numéro cliquable

La méthode la plus simple et la plus universelle consiste à utiliser la balise tel:. Ce protocole est une norme du web qui permet de transformer un numéro de téléphone en lien cliquable. Vous pouvez donc l’employer pratiquement partout : dans une page HTML, dans la signature d’un e-mail ou sur n’importe quel site.

Dans WordPress, il suffit de l’insérer comme un lien classique, que ce soit dans une page, un article, un menu ou un widget :

1. Dans l’éditeur WordPress (page, article, menu, widget…), saisissez votre numéro en texte brut.
2. Sélectionnez-le puis cliquez sur l’icône de lien.
3. Dans le champ du lien, entrez : tel:0612345678 (sans espaces ni tirets).
4. Validez.
5. Mettez à jour ou publiez la page.

Dès lors, un utilisateur pourra cliquer ou appuyer sur ce numéro pour lancer directement l’appel, surtout depuis son smartphone.

Exemple avec indicatif international :

tel:+33612345678

Rendre un numéro de téléphone cliquable dans l’éditeur WordPress

Avec WordPress, transformer un numéro de téléphone en lien cliquable est très simple. Le principe est le même que pour ajouter un lien vers une autre page ou un site externe, à la différence qu’ici on utilise le protocole tel:.

Prenons un exemple. Imaginez que vous souhaitiez rendre le numéro suivant cliquable :

01 23 45 67 89

Ajoutez-le dans un bloc de paragraphe comme du texte ordinaire. Sélectionnez ensuite le numéro et insérez un lien en utilisant ce format :

tel:0123456789

Notez qu’il ne faut pas mettre d’espaces ni de tirets. Validez puis publiez la page : le numéro est désormais cliquable. Depuis un smartphone, un simple appui suffira à lancer l’appel.

Si vous ciblez une audience internationale, vous pouvez inclure l’indicatif du pays, par exemple :

tel:+33123456789

Vous n’êtes pas obligé d’afficher le numéro tel quel. Une autre option consiste à utiliser le bloc Bouton dans l’éditeur WordPress et à le relier à tel:0123456789. Dans ce cas, vos visiteurs verront un bouton clair, par exemple « Appeler maintenant », au lieu d’un simple numéro. C’est plus visible et souvent plus esthétique, surtout sur mobile. En revanche, le numéro n’apparaît pas directement à l’écran tant que l’utilisateur n’appuie pas sur le bouton.

Ajouter un numéro cliquable dans le pied de page ou la colonne latérale

Avec l’éditeur de site, vous pouvez insérer un numéro cliquable directement dans un modèle ou un élément de modèle, ce qui vous permet de l’afficher automatiquement sur toutes vos pages.

Par exemple, pour ajouter votre numéro dans le pied de page :

1. Rendez-vous dans Apparence → Éditeur.
2. Dans Compositions, ouvrez l’élément de modèle Pied de page.

3. Ajoutez un bloc de paragraphe (ou un bloc Bouton) et insérez votre numéro avec un lien au format tel:0123456789.
4. Enregistrez vos modifications.

Votre numéro de téléphone sera alors visible et cliquable sur toutes les pages qui utilisent ce pied de page. Vous pouvez procéder de la même manière avec d’autres éléments de modèle (par exemple une colonne latérale si votre thème la propose).

Ces instructions concernent les thèmes basés sur des blocs. Si vous utilisez un thème classique, vous pouvez obtenir un résultat similaire en ajoutant votre numéro dans un widget.

Ajouter un numéro cliquable dans un menu WordPress

De la même manière, vous pouvez insérer un numéro de téléphone cliquable directement dans votre menu de navigation. Pour cela, ouvrez l’éditeur de site (Apparence → Éditeur) et accédez à l’élément de modèle qui contient votre menu. Ajoutez ensuite un élément de navigation personnalisé en y saisissant votre numéro au format tel:0123456789.

Vous pouvez choisir d’afficher le numéro tel quel ou bien d’utiliser un appel à l’action plus clair, comme « Appeler maintenant ». Une fois vos modifications enregistrées, le lien sera présent dans la navigation et visible sur toutes les pages de votre site.

👉 Comme pour le pied de page, cette méthode fonctionne avec les thèmes basés sur des blocs. Si vous utilisez un thème classique, vous pouvez ajouter le lien via Apparence → Menus dans l’administration WordPress.

Utiliser du HTML personnalisé

Enfin, si vous devez insérer un numéro cliquable directement dans le code de votre site ou dans un modèle de thème, vous pouvez utiliser la balise HTML suivante :

<a href="tel:0123456789">01 23 45 67 89</a>

Et si vous voulez afficher un numéro avec l’indicatif international :

<a href="tel:+33123456789">+33 1 23 45 67 89</a>

Rendre un numéro de téléphone cliquable avec une extension WordPress

Si vous souhaitez plus de flexibilité, vous pouvez aussi rendre votre numéro de téléphone cliquable à l’aide d’une extension WordPress. Cette méthode permet d’aller plus loin qu’un simple lien tel: et d’ajouter des fonctions pratiques, notamment sur mobile.

Par exemple, certaines extensions permettent de :

• Afficher un bouton « Appeler maintenant » : au lieu d’un simple numéro, vous pouvez placer un bouton bien visible qui s’affiche sur les appareils mobiles. En un appui, l’utilisateur lance directement l’appel.
• Intégrer des applications de messagerie : certains outils permettent d’ajouter des boutons pour appeler ou écrire sur WhatsApp, Signal ou d’autres applications similaires.
• Afficher le bouton selon des règles précises : vous pouvez choisir de n’afficher le bouton que sur mobile, uniquement pendant vos heures d’ouverture, ou encore afficher un numéro différent selon le pays de l’utilisateur.
• Suivre les clics : les extensions les plus completes permettent d’ajouter un suivi analytique afin de savoir combien de personnes cliquent sur votre bouton “Appeler maintenant”. Cela peut vous aider à mesurer l’efficacité de votre site.

Parmi les extensions WordPress les plus populaires pour ajouter un bouton d’appel, on trouve notamment :

• Call Now Button
• WP Call Button
• Quick Call Button
• Buttonizer

Prenons l’exemple de l’extension Call Now Button, l’une des plus connues et entièrement gratuite. Il vous permet d’ajouter en quelques clics un bouton d’appel flottant sur votre site, particulièrement utile pour les visiteurs sur mobile. L’installation et la configuration sont très simples, et la logique reste la même pour les autres extensions similaires.

Remarque : pour installer une extnsion sur WordPress.com, vous devez disposer d’un plan payant Si vous utilisez le plan gratuit, vous pouvez tout de même rendre votre numéro cliquable en suivant les méthodes précédentes — elles fonctionnent sur tous les plans WordPress.com.

Créer un bouton « Appeler maintenant » sur WordPress

L’extension Call Now Button (« Bouton Appeler maintenant ») est l’un des outils les plus populaires pour ajouter un bouton d’appel sur un site WordPress. Plutôt que de simplement rendre un numéro cliquable, il affiche un véritable bouton « Appeler maintenant » sur lequel les visiteurs peuvent appuyer pour lancer un appel.

L’extension Call Now Button est actuellement disponible uniquement en anglais. Cela dit, vous pouvez tout à fait modifier le texte du bouton pour qu’il s’affiche en français (ou dans une autre langue) et l’utiliser avec des numéros internationaux.

Ce bouton est particulièrement utile sur mobile, où il permet aux utilisateurs de vous contacter en un seul geste.

L’extension existe en version gratuite — largement suffisante pour la plupart des sites — ainsi qu’en version premium, qui ajoute des options comme l’affichage du bouton uniquement pendant vos heures d’ouverture ou la possibilité d’utiliser un numéro différent selon le pays du visiteur.

Voici comment l’utiliser…

1. Installer l’extension

Commencez par installer la version gratuite de l’extension Call Now Button depuis le répertoire des extensions WordPress.

Si vous n’avez jamais installé d’extension auparavant, vous pouvez consulter notre guide complet sur l’utilisation des extensions WordPress.

2. Configurer le bouton

Une fois l’extension activée, un nouveau menu Call Now Button apparaît dans votre tableau de bord WordPress.

Dans l’onglet Basics (Paramètres de base) :

• Activez le bouton en basculant le commutateur Button Status (État du bouton).
• Saisissez votre numéro de téléphone sans espaces ni tirets, par exemple : 0123456789.
• Si vous acceptez les appels depuis l’étranger, ajoutez l’indicatif international : +33123456789.
• Si vous le souhaitez, ajoutez un texte à côté de l’icône du téléphone, comme Appeler maintenant.
• Cliquez sur Save Changes (Enregistrer les modifications).

Le bouton sera désormais actif. Par défaut, il s’affiche uniquement pour les visiteurs sur mobile — c’est donc normal si vous ne le voyez pas depuis un ordinateur. Vous pouvez toutefois modifier ce comportement dans les réglages.

3. Personnaliser le style du bouton

Dans l’onglet Presentation (Apparence), vous pouvez ajuster plusieurs éléments :

• la couleur du bouton
• la position à l’écran (coin gauche (left corner), coin droit (right corner), ou barre complète en bas de page (full bottom)
• la visibilité sur ordinateur
• ou encore les pages sur lesquelles le bouton s’affiche

Ces options vous permettent d’intégrer le bouton harmonieusement à votre design et de contrôler où et quand il apparaît.

4. Options avancées

L’extension propose également un onglet Réglages avancés. Vous y trouverez notamment la possibilité d’activer le Click tracking (suivi des clics dans Google Analytics), ce qui vous permet de mesurer combien de visiteurs cliquent sur le bouton “Appeler maintenant”. Vous pouvez aussi ajuster la taille du bouton ou affiner son comportement selon vos besoins.

Bonnes pratiques pour les numéros de téléphone cliquables

Maintenant que vous savez comment ajouter un numéro ou un bouton d’appel sur votre site WordPress, voici quelques conseils pour en tirer le meilleur parti.

Adaptez votre design aux mobiles

La plupart des visiteurs qui appuieront sur un numéro cliquable naviguent depuis un smartphone. Assurez-vous donc que votre site soit parfaitement lisible et que les numéros soient faciles à toucher sans zoomer.

Utilisez une police d’au moins 16 à 18 px, laissez suffisamment d’espace autour du lien et évitez de placer d’autres éléments cliquables trop près.

Vous pouvez également envisager de placer votre numéro de téléphone dans un conteneur pour lui donner plus d’espace. Google a un excellent guide sur la mise en œuvre de cela et d’autres stratégies plus avancées.

Placez le numéro aux bons endroits

Vos visiteurs doivent pouvoir trouver votre numéro facilement. Les emplacements les plus efficaces sont généralement :

• l’en-tête du site (visible dès l’arrivée)
• la page de contact
• et le pied de page

Si vous ajoutez un numéro dans une colonne latérale, gardez en tête que sur mobile, cette zone s’affiche souvent en bas de page.

Mettez le numéro en valeur

En plus d’utiliser la taille de police et la hauteur de ligne pour rendre vos numéros de téléphone plus visibles, vous pouvez également expérimenter d’autres changements de style et de formatage pour augmenter la visibilité de vos numéros de téléphone :

• utiliser une couleur ou une taille de police différente
• transformer le numéro en bouton

Conclusion

Si vous souhaitez encourager les visiteurs de votre site à vous appeler, rendre votre numéro de téléphone cliquable est une solution simple et efficace. Cela réduit les obstacles et évite les erreurs de saisie : en un seul clic, vos visiteurs peuvent lancer l’appel.

La méthode la plus rapide consiste à ajouter un lien au format tel:[numéro de téléphone], que vous pouvez utiliser dans presque toutes les zones de votre site WordPress — blocs, menus, widgets ou même l’éditeur classique.

Pour aller plus loin, plusieurs extensions WordPress permettent d’aller au-delà du simple lien cliquable. En plus du classique bouton Appeler maintenant, certaines extenions offrent des options avancées comme :

• l’intégration avec des applications de messagerie (WhatsApp, Signal, Telegram)
• l’affichage du bouton uniquement sur mobile ou pendant vos heures d’ouverture
• l’utilisation d’un numéro différent selon le pays du visiteur
• ou encore le suivi des clics et des appels via Google Analytics

💡 La méthode tel: fonctionne sur tous les plans WordPress.com, tandis que l’installation d’extensions nécessite un plan payant.

Et voilà ! Votre site est maintenant prêt à recevoir des appels en un clic — un excellent moyen d’améliorer l’expérience de vos visiteurs et de faciliter la prise de contact avec votre entreprise.