Comment créer un lien Clic-pour-appeler dans WordPress 

Votre numéro de téléphone est enfoui en bas de votre page de contact, et les visiteurs mobiles ne font pas défiler aussi loin. Un lien Clic-pour-appeler dans WordPress le met à portée de tap, là où vos visiteurs se trouvent déjà.

Dans ce guide, je vais vous présenter trois méthodes pour ajouter un lien Clic-pour-appeler dans WordPress : en utilisant un plugin, un simple extrait HTML, ou votre menu de navigation. Vous n'aurez besoin d'aucune compétence technique pour suivre, et si vous créez avec SeedProd, je vous montrerai également comment ajouter un bouton d'appel directement sur vos pages de destination.

Méthodes pour ajouter un lien Clic-pour-appeler :

Pourquoi rendre les numéros de téléphone cliquables dans WordPress ?

La plupart des entreprises communiquent désormais avec leurs clients en ligne via le chat en direct, les tickets de support, les e-mails et les formulaires de contact. Mais lorsqu'ils ont des questions spécifiques ou ont besoin d'aide, les gens préfèrent souvent parler à un être humain. Cette connexion humaine leur donne le sentiment d'être écoutés à un niveau personnel et peut accroître la satisfaction client.

Du point de vue de l'utilisateur, pouvoir appuyer rapidement pour appeler leur fait gagner beaucoup de temps. Au lieu d'échanger des e-mails, ils peuvent parler à quelqu'un presque instantanément.

Comment fonctionne le Clic-pour-appeler ?

Le clic-pour-appeler, parfois appelé clic-pour-parler, désigne le moment où un utilisateur clique sur un bouton ou un texte pour se connecter avec quelqu'un d'autre en temps réel. Ainsi, lorsque vous entrez votre numéro pour établir un appel, un service intermédiaire utilise le protocole tel pour composer le numéro de l'entreprise que vous essayez de joindre afin de démarrer une conversation.

Vous n'avez pas non plus besoin de télécharger de logiciel pour utiliser la technologie Clic-pour-appeler. Vous utilisez simplement l'appareil que vous avez à portée de main.

Comment hyperlier un numéro de téléphone ?

Pour les entreprises qui débutent, il est utile d'examiner quelques services de téléphonie d'entreprise. De cette façon, vous pouvez accéder à une multitude de fonctionnalités, notamment :

• Renvoi d'appel
• Partage de numéro
• Répondez aux appels de n'importe où
• Suivre les statistiques d'utilisation des appels
• Services VoIP

Commençons !

Comment ajouter un bouton Clic-pour-appeler dans WordPress (Méthode avec plugin)

Cette option utilise un plugin de numéro de téléphone WordPress pour ajouter des liens d'appel cliquables à votre site. Le plugin WP Call Button est facile à utiliser et vous permet d'ajouter des boutons d'appel aux zones suivantes de WordPress :

• Articles et pages utilisant l'éditeur classique et l'éditeur de blocs dans WordPress.
• Barres latérales et zones prêtes pour les widgets avec le widget intégré.
• N'importe où ailleurs sur votre site avec des boutons flottants qui défilent avec l'utilisateur.

Dans cette optique, examinons les étapes à suivre pour la mise en place.

Étape 1 : Installer le plugin WP Call Button

La première chose à faire est de télécharger le plugin WP Call Button et de le téléverser sur votre site Web WordPress.

Si vous ne savez pas comment faire, consultez ce guide étape par étape pour l'installation des plugins WordPress.

Étape 2 : Configurer les boutons d'appel fixes ou flottants

Une fois le plugin installé et activé, accédez à Paramètres » WP Call Button pour commencer à configurer les paramètres du plugin.

Il existe 2 façons d'afficher vos boutons de numéro de téléphone avec ce plugin, notamment les Boutons d'appel flottants et les Boutons d'appel fixes. Les boutons flottants défilent lorsque les utilisateurs font défiler votre site, tandis que les boutons fixes restent au même endroit.

La page des paramètres par défaut comprend les paramètres courants suivants pour la création d'un Bouton d'appel flottant :

• Texte du bouton d'appel – Ce qui s'affichera comme numéro de téléphone hyperlien.
• Position du bouton – Comment le bouton d'appel flottant apparaît sur votre site.
• Couleur du bouton d'appel – Choisissez une couleur pour votre bouton d'appel.
• Visibilité – Choisissez de masquer le bouton sur certaines pages.

Il est également possible de n'afficher votre bouton d'appel que sur les appareils mobiles, ce qui est utile pour les sites souhaitant optimiser l'expérience de leurs utilisateurs mobiles.

Pour utiliser ces paramètres, entrez votre numéro de téléphone dans le champ de texte indiqué en haut de la page.

Le champ smartphone vous permet de choisir votre pays dans une liste déroulante et ajoutera automatiquement votre code pays dans le bon format.

Ensuite, définissez l'emplacement, la couleur et les paramètres de visibilité du bouton.

Par défaut, un bouton de clic pour appeler est ajouté à toutes les pages de votre site Web. Mais comme nous l'avons mentionné ci-dessus, vous pouvez sélectionner des pages spécifiques pour qu'il s'affiche ou pour que le bouton s'affiche uniquement sur les pages mobiles.

Lorsque vous êtes satisfait de vos paramètres, définissez le statut du bouton « Appeler maintenant » sur Actif et cliquez sur Enregistrer les modifications. Vous verrez alors votre bouton « Appeler maintenant » en direct sur votre site Web.

Étape 3 : Personnaliser le texte, la couleur et la visibilité du bouton

Si vous souhaitez inclure des boutons statiques de clic pour appeler dans WordPress, choisissez l'option Bouton d'appel statique dans la page des paramètres. Ici, vous pouvez à nouveau définir le texte et la couleur du bouton, ainsi que choisir de masquer l'icône du téléphone à partir du bouton.

Là où ces paramètres diffèrent, cependant, c'est dans la manière dont vous publiez le bouton sur votre site. Les utilisateurs de l'éditeur classique de WordPress peuvent copier un shortcode généré et le coller dans un article, une page ou un widget.

Alors qu'avec l'éditeur moderne de WordPress, vous pouvez utiliser le bloc WordPress intégré.

Étape 4 : Ajouter le bouton Clic pour appeler à une page ou un article

Examinons comment publier votre bouton de clic pour appeler à l'aide d'un bloc WordPress.

Tout d'abord, ouvrez l'article ou la page où vous souhaitez ajouter le numéro de téléphone ou choisissez Pages » Ajouter dans la zone d'administration de WordPress.

Cliquez ensuite sur l'icône plus pour ajouter un nouveau bloc WordPress à votre page.

Ensuite, sélectionnez WP Call Button pour l'ajouter à la page.

Lorsque vous cliquez dessus, vous verrez des options sur votre droite pour changer la couleur du bouton, la taille de la police, la position, et plus encore.

Cliquez sur Publier lorsque vous êtes satisfait de la mise en page. Ensuite, lorsque vous naviguez vers cette page, elle ressemblera à l'exemple ci-dessous.

Étape 5 : Placer votre bouton d'appel dans un widget de barre latérale

La dernière étape s'adresse aux propriétaires de sites qui souhaitent ajouter un numéro de téléphone cliquable aux zones prêtes pour les widgets dans WordPress.

Pour ce faire, allez dans Apparence » Widgets. Choisissez ensuite une zone de barre latérale, cliquez sur l'icône plus (+) pour rechercher le widget WP Call Button, et cliquez pour l'ajouter à votre barre latérale.

Modifiez ensuite le titre, la description, la couleur du bouton, etc.

Enregistrez vos paramètres et cliquez sur Terminé. Et lorsque vous naviguez vers votre site, il ressemblera à l'image ci-dessous :

Comme vous pouvez le voir, l'utilisation de ce plugin WordPress est l'un des moyens les plus simples de permettre aux visiteurs du site de vous appeler à partir des navigateurs Web et mobiles. Non seulement il est 100% gratuit, mais il s'intègre également de manière transparente avec Google Analytics.

Vous pouvez ensuite le connecter avec MonsterInsights pour suivre le nombre de personnes qui cliquent pour vous appeler, ainsi que les pages qui génèrent le plus de prospects. De plus, tout cela peut être fait sans quitter votre tableau de bord WordPress.

Mais que faire si vous voulez utiliser cette technologie sans avoir à utiliser des plugins WordPress ? L'option suivante explique comment.

Comment ajouter un lien téléphonique dans WordPress en utilisant HTML

Ajouter manuellement des numéros de téléphone et des liens cliquables à votre site Web WordPress peut être aussi simple que de copier et coller un simple extrait de code.

Cette option utilise un extrait de code HTML qui ouvre des liens téléphoniques sur les applications mobiles, les appareils mobiles, les PC et les Mac. Sur un Mac, le lien s'ouvrira dans Facetime, tandis que sous Windows 10, il s'ouvrira sur Skype.

Tout d'abord, ouvrez l'article ou la page où vous souhaitez ajouter votre numéro de téléphone. Pour cet exemple, nous utiliserons un article existant que nous allons modifier.

Si vous utilisez le nouvel éditeur WordPress, ajoutez un nouveau bloc HTML.

Copiez ensuite l'extrait de code suivant et collez-le dans le bloc HTML.

<!-- Works on Android and iPhone. Desktop users may see a calling app open, or nothing if no app is connected. -->

<a href="tel:+15555551212">+1 (555) 555-1212</a>
<a href="tel:+15555551212">Call Me</a>

Incluez toujours le + et votre code pays avant le numéro, par exemple tel:+15555551212. Le préfixe + garantit que le lien fonctionne correctement sur tous les appareils et à l'international.

Si votre entreprise utilise des extensions téléphoniques, vous pouvez les inclure en utilisant le format de code de pause : tel:+15555551212p123. La lettre p indique au numéroteur de faire une courte pause avant de composer l'extension, ce qui laisse le temps aux systèmes automatisés de se connecter.

<a href="tel:+15555551212p123">Call Us (Ext. 123)</a>

Cliquez ensuite sur Publier et accédez à l'article publié pour voir les résultats.

Ajouter des microdonnées LocalBusiness à votre lien téléphonique

Si votre site dessert une zone locale, vous pouvez encapsuler votre lien tel: dans des microdonnées Schema.org LocalBusiness. Google utilise ce balisage pour afficher votre numéro de téléphone directement dans les résultats de recherche locale.

<div itemscope itemtype="https://schema.org/LocalBusiness">
  <span itemprop="name">Your Business Name</span>
  <a href="tel:+15555551212" itemprop="telephone">+1 (555) 555-1212</a>
</div>

Ajoutez l'attribut itemprop="telephone" à votre lien tel: et encapsulez-le dans un conteneur LocalBusiness. Utilisez le même format +code pays que pour votre lien tel: standard.

Votre lien tel: hérite des styles de lien par défaut de votre thème. Pour personnaliser l'apparence, utilisez le sélecteur CSS a[href^="tel:"] pour cibler uniquement les liens téléphoniques.

a[href^="tel:"] {
  color: #0073aa;
  text-decoration: none;
  font-weight: bold;
}

Ajoutez ceci dans le CSS additionnel de votre thème (Apparence » Personnaliser » CSS additionnel) ou utilisez un plugin de snippets de code. Ajustez la couleur et le style pour qu'ils correspondent au design de votre site.

Comment ajouter un lien Clic-pour-appeler dans l'en-tête ou le menu

Il est également assez facile d'ajouter votre lien téléphonique dans l'en-tête WordPress ou le menu de navigation.

Pour ce faire, allez dans Apparence » Menus et cliquez sur Liens personnalisés dans la colonne de droite.

Ensuite, dans le champ URL, ajoutez votre numéro de téléphone dans le format suivant :

tel:+15555551212

Et dans le champ Texte du lien, tapez l'étiquette que vous souhaitez donner à votre lien d'appel. Cliquez ensuite sur le bouton Ajouter au menu et Enregistrer le menu pour le rendre visible sur votre site web.

Voici un exemple de ce à quoi ressemblera le lien d'appel dans votre en-tête :

Comment ajouter un bouton Clic-pour-appeler sur une page de destination SeedProd

Si vous utilisez SeedProd pour créer des pages de destination, vous pouvez ajouter un bouton d'appel direct dans l'éditeur visuel glisser-déposer. Je l'utilise sur des pages de contact et de devis dédiées, où un appel téléphonique est l'action principale que je souhaite que les visiteurs effectuent.

Un bouton d'appel sur une page de destination fonctionne différemment du bouton fixe sur l'ensemble du site que crée le plugin WP Call Button. Lorsqu'une personne arrive sur une page déjà préparée pour l'action, un bouton d'appel bien visible élimine la dernière étape entre l'intention et une conversation réelle.

Ouvrez votre page de destination dans SeedProd et cliquez sur l'icône plus (+) pour ajouter un nouveau bloc. Recherchez le bloc Bouton, puis faites-le glisser dans votre mise en page où vous souhaitez que le bouton d'appel apparaisse.

Cliquez sur le bouton pour ouvrir ses paramètres, puis définissez le lien du bouton sur votre numéro de téléphone au format tel:, par exemple : tel:+15555551212. Remplacez le numéro par le vôtre, y compris le + et le code pays, puis enregistrez la page et publiez.

FAQ sur la création d'un bouton Clic-pour-appeler WordPress

Comment rendre un numéro de téléphone cliquable dans WordPress ?

La manière la plus simple est d'ajouter un bloc HTML à votre article ou page et d'utiliser un lien tel : <a href=”tel:+15555551212″>Appelez-nous</a>. Remplacez le numéro par le vôtre, y compris le préfixe de code pays +. Si vous souhaitez un bouton stylisé au lieu d'un simple lien, installez le plugin WP Call Button ou utilisez le bloc Bouton dans SeedProd.

Qu'est-ce qu'un lien "cliquer pour appeler" ?

Un lien "cliquer pour appeler" est un hyperlien qui compose automatiquement un numéro de téléphone lorsqu'un visiteur appuie dessus ou clique dessus. Il utilise le protocole tel:, qui indique à l'appareil d'ouvrir le numéroteur téléphonique avec le numéro pré-rempli. Sur mobile, cela se produit instantanément. Sur ordinateur, il ouvre l'application d'appel définie par défaut, telle que Skype ou FaceTime.

Les liens "cliquer pour appeler" fonctionnent-ils sur ordinateur ?

Oui, mais le résultat dépend de la configuration de l'appareil. Sur mobile, le lien ouvre immédiatement le numéroteur. Sur ordinateur, il ouvre une application d'appel comme Skype ou FaceTime, ou ne fait rien si aucune application n'est configurée. WP Call Button vous permet d'afficher le bouton uniquement sur mobile si vous le préférez.

Comment ajouter un numéro de téléphone cliquable à un menu WordPress ?

Allez dans Apparence » Menus et cliquez sur Liens personnalisés. Dans le champ URL, entrez votre numéro au format tel:, par exemple tel:+15555551212. Ajoutez une étiquette dans le champ Texte du lien, puis cliquez sur Ajouter au menu et enregistrez. Le lien téléphonique apparaîtra dans votre navigation et ouvrira le numéroteur lorsqu'il sera cliqué sur les appareils mobiles.

Puis-je suivre les clics sur mon bouton d'appel dans WordPress ?

Oui. Le plugin WP Call Button s'intègre à Google Analytics et MonsterInsights, vous pouvez donc suivre le nombre de personnes qui cliquent sur votre bouton d'appel et quelles pages génèrent le plus d'appels. Dans MonsterInsights, les clics sur le bouton d'appel apparaissent comme des événements dans votre tableau de bord sans aucune configuration supplémentaire au-delà de l'activation de l'intégration.

Ajouter un lien "cliquer pour appeler" dans WordPress est l'un des moyens les plus simples de rendre votre site plus adapté aux mobiles et centré sur le client. Que vous utilisiez un plugin, une ligne de HTML ou un simple lien de menu, la configuration ne prend que quelques minutes.

Si vous souhaitez aller encore plus loin, des outils comme WP Call Button et SeedProd facilitent la mise en place de vos boutons d'appel exactement là où ils sont le plus importants. Pas de code, pas de confusion.

Vous cherchez d'autres moyens de vous connecter avec vos visiteurs ? Consultez ces prochaines étapes ci-dessous.

• Comment créer un formulaire de contact dans WordPress
• Comment créer des liens d'ancrage nommés dans WordPress
• Comment commencer à construire une liste d'e-mails pour développer votre entreprise

Merci de votre lecture ! Nous serions ravis d'entendre vos réflexions, alors n'hésitez pas à rejoindre la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.