Comment créer un numéro de téléphone cliquable dans WordPress

De nos jours, vous auriez du mal à trouver une personne qui ne possède pas de smartphone. De plus en plus de personnes utilisent ces appareils pratiques pour naviguer sur le Web, en plus des fonctions téléphoniques «classiques». Et c’est exactement pourquoi vous voudrez peut-être créer un numéro de téléphone cliquable dans WordPress.

Un bouton click-to-call représente un lien ou un bouton CTA sur votre page qui, lorsqu’il est cliqué, fait apparaître le numéro de téléphone de votre entreprise et permet à vos visiteurs d’entrer en contact direct avec vous.

Tout comme l’ajout d’un favicon à votre site Web WordPress est bon pour la visibilité de votre marque, l’ajout d’un numéro de téléphone Click-to-Call peut être un grand coup de pouce pour votre entreprise. Dans cet article, nous allons montrer vous comment afficher un numéro de téléphone cliquable dans WordPress en utilisant trois méthodes différentes.

Continuez à lire pendant que nous couvrons les points suivants :

Pourquoi devriez-vous ajouter un numéro de téléphone cliquable à votre site WordPress

Comme nous l’avons déjà mentionné, avec de nombreuses personnes utilisant leur smartphone pour accéder à des sites Web de nos jours, un numéro de téléphone cliquable peut être un outil extrêmement pratique. Quel que soit votre type d’entreprise, si vous préférez avoir une ligne de communication directe avec vos clients potentiels, un numéro de téléphone cliquable peut les aider à vous joindre plus rapidement et plus efficacement. Tout ce qu’ils ont à faire est de cliquer sur le bouton avec le numéro que vous avez mis sur votre page Web, et le numéroteur sera instantanément affiché sur leur smartphone. Étant donné que la tâche elle-même est pratiquement sans tracas, elle peut inciter les gens à vous contacter, ce qui signifie à son tour un énorme potentiel pour augmenter vos ventes et faire croître votre entreprise.

Cela étant dit, entrons dans les détails de la façon dont vous pouvez ajouter un numéro de téléphone cliquable dans WordPress. Nous allons vous montrer trois façons différentes de le faire – à l’aide d’un plugin, en l’ajoutant à un menu de navigation WordPress et en le faisant manuellement.

Ajouter un numéro de téléphone cliquable à l’aide d’un plugin

L’utilisation d’un plugin est probablement le moyen le plus simple d’ajouter un numéro de téléphone cliquable à votre site WordPress. Si vous utilisez un Plugin de bouton d’appel WP, vous pourrez ajouter ce bouton n’importe où sur votre page ou publication, ou en tant que widget dans votre barre latérale.

Commençons par nous occuper d’abord de l’installation et de certains paramètres, puis nous vous montrerons comment utiliser ce plugin pour ajouter des boutons d’appel pour Gutenberg et pour l’éditeur classique.

Tout d’abord, vous devez installer et activer le plugin WP Call Button en allant sur Plugins > Ajouter un nouveau et trouver le plugin WP Call Button dans la barre de recherche.

Ensuite, allez à Paramètres > Bouton d’appel WP.

Une fois là-bas, vous pouvez choisir si vous souhaitez ajouter un Bouton d’appel persistant (qui « colle » lorsque les utilisateurs font défiler votre site Web) ou un Bouton d’appel statique (que vous pouvez ajouter à vos pages et articles). La première option est la meilleure pour obtenir plus de conversions, mais, bien sûr, vous pouvez décider quelle option vous convient le mieux en fonction de vos préférences.

Dans le Bouton d’appel persistant onglet, vous devez changer le Statut du bouton Appeler maintenant sur Actif premier. Cela permettra à votre bouton Appeler maintenant d’être affiché sur votre site WordPress. Cependant, nous devons noter que si vous n’activez pas ce paramètre ici, le bouton d’appel n’apparaîtra pas sur votre site même si vous avez décidé de créer un bouton d’appel statique à la place. En d’autres termes, c’est ici que vous devez activer les deux types de boutons d’appel.

Ensuite, dans le Numéro de téléphone champ, vous pouvez ajouter le numéro de téléphone de votre entreprise que vos visiteurs pourront appeler lorsqu’ils cliqueront sur le bouton. Vous devez également sélectionner l’indicatif régional en fonction du pays dans lequel se trouve votre entreprise. Tout comme le paramètre précédent, c’est ici que vous entrez le numéro de téléphone pour le type Sticky et pour le type de bouton d’appel statique. Cela signifie que le numéro sera automatiquement extrait de ce paramètre, que vous décidiez d’insérer le bouton d’appel sur chaque page de votre site Web ou uniquement sur des pages/articles spécifiques.

Comme le nom le suggère, les Texte du bouton d’appel champ vous permet d’insérer n’importe quel texte que vous souhaitez afficher sur votre site. Gardez juste à l’esprit que ce champ ne fonctionnera correctement que si vous définissez le Position du bouton d’appel à Pleine largeur, qui est l’option que vous pouvez trouver juste sous le Bouton d’appel Champ de texte.

Dans cet onglet, vous pouvez également définir la couleur de votre bouton, ainsi que déterminer la visibilité du bouton d’appel. Choisissez parmi Afficher partout (qui est le paramètre par défaut), Afficher uniquement sur certains articles/pages et masquer partout ailleurs, et Masquer sur certains articles/pages mais afficher partout ailleurs.

Juste une note rapide – si vous envisagez d’ajouter un bouton d’appel statique à une page ou à une publication spécifique, nous vous recommandons de choisir le Afficher uniquement sur certains articles/pages option afin d’éviter d’avoir deux types de boutons Click-to-Call sur une page ou une publication.

Enfin, vous pouvez également choisir si vous souhaitez que le bouton soit affiché uniquement sur les appareils mobiles ou non. Nous allons désactiver ce paramètre. N’oubliez pas de cliquer sur Sauvegarder les modifications quand vous avez terminé.

Et voici à quoi ressemblera votre bouton sur votre site Web :

Ajout du bouton d’appel statique à votre page / publication dans Gutenberg

Si vous utilisez l’éditeur Gutenberg et souhaitez ajouter un bouton d’appel statique à votre page ou à votre publication, accédez à Articles > Tous les articles (ou Pages > Toutes les pages) et modifiez la publication/la page à laquelle vous souhaitez ajouter le bouton. Ou, allez à Articles/Pages > Ajouter un nouveau si vous souhaitez ajouter un bouton à une toute nouvelle page/poste.

Ensuite, vous pouvez simplement cliquez sur l’icône « + » dans la page/la publication en question et recherchez et ajoutez le bloc WP Call Button dans l’éditeur.

Le bloc Bouton d’appel WP vous permet de modifier la couleur du bouton d’appel, la couleur du texte et la taille de la police de la page/de la publication en question. De plus, vous pouvez choisir d’afficher ou de masquer l’icône du téléphone et d’activer l’alignement central du bouton d’appel. Si vous le souhaitez, vous pouvez même ajouter une classe CSS supplémentaire (ou des classes) dans le Avancée champ.

Comme nous l’avons mentionné précédemment, votre numéro de téléphone sera automatiquement extrait du Bouton d’appel persistant onglet paramètres.

Une fois que vous avez ajouté votre bouton d’appel statique, vous pouvez cliquer sur Publier/Mettre à jour pour enregistrer vos modifications, puis allez vérifier votre page/article pour voir à quoi ressemblera votre bouton.

Ajout du bouton d’appel statique sur votre page/article dans l’éditeur classique

Si vous souhaitez ajouter un bouton d’appel statique à l’aide de l’éditeur classique, vous devez accéder aux options qui peuvent être trouvées dans Paramètres > Bouton d’appel WP > Bouton d’appel statique premier.

Ici, vous avez la possibilité de saisir le texte de votre bouton d’appel statique, de modifier la couleur du bouton et d’activer ou de désactiver l’option de Cachez l’icône du téléphone de votre bouton d’appel.

En dessous de ces options, vous trouvez l’option pour copier le shortcode que vous pouvez ensuite insérer sur n’importe quelle page ou publication.

Une fois que vous avez terminé de copier le shortcode, accédez à la page ou à la publication que vous souhaitez modifier (ou créez-en une nouvelle), passez en mode d’édition de texte et collez le shortcode dans l’éditeur.

N’oubliez pas de frapper Mettre à jour/Publier lorsque vous avez terminé, et c’est tout – vous pouvez aller prévisualiser votre bouton sur la page/la publication elle-même.

Ajout du bouton d’appel statique à votre barre latérale à l’aide du widget de bouton d’appel WP

Le plugin WP Call Button également vous permet d’ajouter un bouton d’appel à la zone de la barre latérale à l’aide du widget WP Call Button.

Pour cela, il suffit d’aller sur Apparence/Widgets et ajoutez le widget WP Call Button dans la zone des widgets de la barre latérale. Vous pouvez soit le faire glisser avec votre souris dans la zone de la barre latérale, soit cliquer sur le widget lui-même, puis sélectionner Ajouter un widget.

Lorsque vous sélectionnez le « Afficher les paramètres avancés« , vous verrez que le widget lui-même contient également toutes les options nécessaires, telles que le texte du bouton d’appel, la couleur, la couleur du texte et l’option pour afficher/masquer l’icône du téléphone.

Ajouter un numéro de téléphone cliquable au menu de navigation WordPress

Un autre emplacement où vous pouvez ajouter un numéro de téléphone cliquable dans WordPress est le menu de navigation de votre site Web.

Accédez à Apparence > Menus et cliquez sur l’onglet Liens personnalisés. Le champ Lien est l’endroit où vous devez ajouter votre numéro de téléphone et le texte du lien, comme nous l’avons fait dans l’image ci-dessous :

Cliquer sur Ajouter au menu une fois que vous avez terminé, et c’est tout – le lien de votre bouton d’appel apparaîtra dans votre menu de navigation.

Ajout d’un numéro de téléphone cliquable à l’aide d’un code personnalisé

Enfin, vous pouvez ajouter manuellement un numéro de téléphone cliquable sur votre site Web WordPress, à l’aide d’un court morceau de code. Vous pouvez également ajouter facilement une image d’icône de téléphone en utilisant HTML.

Pour commencer, rendez-vous sur Média > Ajouter un nouveau et téléchargez votre image.

Ensuite, cliquez sur votre image et copiez l’URL du fichier que vous pouvez trouver sur le côté droit de l’écran.

Maintenant vous pouvez ajoutez le lien du numéro de téléphone et enveloppez l’image de l’icône du téléphone à l’intérieur. Voici le code si vous souhaitez ajouter le lien Click-to-Call et l’icône à votre page ou publication :

<a href="https://qodeinteractive.com/magazine/make-clickable-phone-number-in-wordpress/tel:your phone number">Your Message</a>
<img src="Your Image URL" /></a>

Pour ce faire dans l’éditeur Gutenberg, cliquez simplement sur l’icône « + » dans l’éditeur et recherchez le bloc HTML personnalisé. Ensuite, ajoutez le code dans le bloc comme nous l’avons fait (bien sûr, avec votre propre numéro de téléphone, message et URL de l’image).

Et voici le look final une fois que vous avez cliqué sur Mettre à jour/Publier :

Si vous utilisez l’éditeur classique, vous ajouterez le même morceau de code dans le champ de votre éditeur – assurez-vous simplement qu’il est activé Texte mode.

Enfin, pour ajouter le lien téléphonique avec l’icône dans votre barre latérale, rendez-vous sur Apparence > Widgets, faites glisser le widget HTML personnalisé dans la zone de votre widget de barre latérale et ajoutez le code suivant :

<a href="https://qodeinteractive.com/magazine/make-clickable-phone-number-in-wordpress/tel:Your Phone Number"><img src="Your Image URL" alt="Your Message" /></a>

Voici comment nous avons procédé :

Et voici le résultat final :

Nous devons noter que ces liens ouvriront l’application téléphonique pour les utilisateurs mobiles, tandis que sur le bureau, ils lanceront soit Skype (pour les utilisateurs de Windows) ou FaceTime (pour les utilisateurs de Mac iOS).

Dernières pensées

Et cela conclut toutes les différentes façons dont vous pouvez ajouter un numéro de téléphone cliquable dans WordPress. Que vous optiez pour la méthode manuelle ou que vous décidiez d’utiliser un plugin, vous pouvez facilement ajouter un bouton Click-to-Call n’importe où sur votre site Web – une page, une publication ou votre zone de barre latérale. L’intégration d’un lien Click-to-Call à votre menu de navigation peut également le rendre facile à trouver, contribuant ainsi à augmenter vos conversions.

Si vous optez pour un plugin, vous pouvez même rendre votre bouton collant, ce qui le rend très visible et offre le potentiel pour plus d’appels téléphoniques de clients potentiels. Quelle que soit la méthode que vous décidez d’utiliser, vous ne prendrez certainement pas la mauvaise décision. Nous vous souhaitons bonne chance dans la croissance de votre entreprise!