Comment ajouter un bouton d'appel WordPress sur votre site web

Ici, à HeroThemes, nous nous efforçons de créer des thèmes et des plugins de base de connaissances WordPress de qualité pour que les visiteurs de votre site n'aient pas à vous appeler pour obtenir de l'aide.

Cependant, les gens auront toujours besoin d'une assistance téléphonique, et il existe également de nombreuses raisons non liées à l'assistance pour lesquelles vous pourriez vouloir faciliter la tâche des visiteurs de votre site web qui souhaitent vous appeler.

Mais lorsque les internautes naviguent sur un appareil mobile, la dernière chose à faire est de les obliger à taper eux-mêmes votre numéro de téléphone, ou à essayer de cliquer sur un petit numéro de téléphone. Au lieu de cela, un bouton "cliquer pour appeler" constitue une bien meilleure option.

Dans cet article, nous allons vous montrer comment vous pouvez ajouter la fonctionnalité click to call de WordPress à votre site web en utilisant des plugins gratuits simples ou votre propre HTML. Quel que soit votre niveau de connaissances techniques, vous serez en mesure de suivre et de créer un bouton click to call de qualité.

Faut-il utiliser un plugin Click To Call ou du HTML ?

L'utilisation d'un plugin est le moyen le plus simple de créer quelque chose qui a de l'allure. Si vous voulez quelque chose qui fonctionne immédiatement, c'est une bonne raison d'opter pour un plugin. Cependant, vous serez limité à l'affichage de votre bouton d'appel dans le(s) emplacement(s) pris en charge par le plugin.

Si vous souhaitez pouvoir ajouter votre bouton "click to call" n'importe où sur votre site, ou si vous n'avez pas envie d'utiliser un autre plugin, l'ajout de la fonctionnalité "click to call" avec votre propre code HTML est presque aussi simple que l'insertion d'un lien hypertexte, ce qui en fait une approche assez conviviale. Cependant, vous devrez probablement ajouter quelques feuilles de style CSS personnalisées pour que le tout soit agréable à regarder, ce qui est une chose à garder à l'esprit.

Dans ce guide, nous vous présenterons les deux méthodes. Commençons par l'itinéraire du plugin...

Approche 1 : Utiliser un plugin WordPress gratuit de bouton d'appel (Click To Call)

Il existe plusieurs plugins WordPress de click to call, mais nous allons vous montrer des guides étape par étape pour seulement trois d'entre eux :

• Really Simple Click To Call Bar - plutôt que d'ajouter un bouton autonome, ce plugin ajoute une barre entière au bas de l'écran des visiteurs mobiles. Si vous voulez qu'il soit vraiment évident/facile pour les gens de vous appeler, c'est une bonne option.
• Bouton d'appel - en plus d'une barre complète comme le plugin ci-dessus, ce plugin vous permet également d'utiliser un bouton d'appel flottant de type bouton d'action.
• Call Now Button Ultimate - ce plugin ajoute la même barre inférieure "Call Now". Mais ce qui est unique, c'est qu'il vous permet de définir des "heures d'ouverture" pour savoir quand vous êtes joignable par téléphone. En dehors de ces heures, le bouton invitera les visiteurs à envoyer un courriel au lieu d'appeler.

Tutoriel du plugin Click To Call Bar vraiment simple

Ce plugin est gratuit et disponible sur WordPress.org, vous pouvez donc l'installer directement depuis votre tableau de bord WordPress en allant dans Plugins → Ajouter un nouveau.

Une fois que vous avez installé et activé le plugin, allez dans Paramètres → Really Simple Click to Call pour configurer le plugin. Là, vous pouvez :

• Activer la fonctionnalité du bouton "click to call" (cliquer pour appeler)
• Ajoutez un texte CTA à côté de votre bouton d'appel
• Choisissez le numéro de téléphone que les visiteurs appelleront
• Configurez les couleurs utilisées sur votre bouton "click to call" (cliquer pour appeler)

Ensuite, enregistrez vos modifications pour mettre votre bouton en ligne. Ce bouton n'apparaîtra qu' aux visiteurs mobiles, vous ne le verrez donc pas si vous naviguez à partir d'un ordinateur de bureau.

Voici un exemple de ce que cela pourrait donner sur mobile :

Tutoriel pour le bouton Call Now

Comme nous l'avons mentionné plus haut, le plugin Call Now Button est un peu plus flexible car il vous permet d'utiliser un bouton d'appel d'action flottant en plus de l'approche de la barre d'appel d'action.

Comme les autres, il est listé sur WordPress.org, ce qui signifie que vous pouvez l'installer en allant dans Plugins → Ajouter un nouveau.

Une fois que vous avez installé et activé le plugin, allez dans Paramètres → Bouton "Appeler maintenant" pour configurer le plugin.

En haut, vous pouvez :

• Activer le bouton
• Saisissez le numéro de téléphone que les visiteurs appelleront
• Choisissez le texte du bouton(si vous le souhaitez)

Vous pouvez également accéder à d'autres paramètres en cliquant sur le lien Paramètres avancés. Cela vous permettra de modifier le positionnement, les couleurs, d'ajouter le suivi des clics, etc :

Une fois votre bouton activé, il ne s'affichera que pour les visiteurs mobiles. Vous devrez donc le prévisualiser à partir d'un appareil mobile pour le voir à l'œuvre.

Voici un exemple de bouton d'action flottant tiré de notre site :

Tutoriel du bouton "Appeler maintenant" Ultimate Plugin Tutorial

La particularité du plugin Call Now Button Ultimate est que vous pouvez choisir les heures pendant lesquelles les visiteurs peuvent vous appeler. En dehors des heures de bureau, lorsque votre numéro de téléphone n'est pas disponible, vous pouvez afficher un message invitant les visiteurs à envoyer un e-mail à la place.

Comme les autres, vous pouvez installer et activer ce plugin gratuit en allant dans Plugins → Add New dans votre tableau de bord WordPress.

Une fois que vous avez fait cela, allez dans la zone Ultimate du bouton Call Now dans votre tableau de bord WordPress pour le configurer.

En haut de la page, vous pouvez activer le plugin et saisir votre numéro de téléphone et votre adresse électronique :

Ensuite, plus bas dans la page, vous pouvez entrer vos heures d'ouverture et configurer le texte et les couleurs du bouton :

Comme les autres plugins, votre bouton "call now" ne s'affichera que pour les visiteurs mobiles.

Voici à quoi il ressemble pendant vos heures d'ouverture :

Et voici à quoi cela ressemble en dehors de vos heures d'ouverture :

Approche 2 : Bouton HTML WordPress Click To Call

Comme alternative aux plugins WordPress "click to call", vous pouvez également utiliser votre propre HTML "click to call" pour créer un bouton. L'avantage de cette approche est que vous pourrez ajouter votre bouton n'importe où sur votre site.

Pour créer un tel bouton, il suffit d'utiliser un lien hypertexte normal et d'insérer votre numéro de téléphone dans le schéma tel :.

Voici à quoi cela ressemble - il vous suffit de remplacer le numéro de téléphone de l'exemple par le vôtre et de modifier le texte CTA selon vos besoins :

<a href="tel:+1-123-456-7890">Call HeroThemes!</a>

C'est tout ce qu'il y a à faire !

Si vous le souhaitez, vous pouvez utiliser votre propre CSS personnalisé pour créer un bouton au lieu d'un lien hypertexte ordinaire.

Par exemple, vous pouvez utiliser ce code HTML :

<a href="tel:+1-123-456-7890" class="call-button">Call HeroThemes!</a>

Ensuite, vous pouvez ajouter un CSS personnalisé à votre site WordPress pour le transformer en bouton. En voici un exemple :

.call-button {
  color: #fff !important;
  background: #0ba9d5;
  padding: 20px;
  border-radius: 5px;
  display: inline-block;
  border: none;
}

Vous pouvez ajouter des feuilles de style CSS personnalisées en toute sécurité via le Customizer de WordPress ou un plugin gratuit comme Simple CSS.

N'oubliez pas. Par défaut, votre bouton HTML "cliquer pour appeler" sera visible par tous les visiteurs, y compris ceux qui utilisent un ordinateur de bureau.

Si vous voulez changer cela, vous pouvez utiliser les requêtes média CSS pour n'afficher le bouton que sur les appareils mobiles. Par exemple, cet extrait masquera le bouton sur les écrans d'une largeur supérieure à 600 pixels :

@media only screen and (min-width: 600px) {
  .call-button {
    display: none;   }
}

Commencez à utiliser votre bouton d'appel WordPress dès aujourd'hui !

Que vous utilisiez un plugin ou votre propre code HTML, il est facile de créer un bouton "cliquer pour appeler" sur WordPress.

Avec votre bouton en place, il sera plus facile que jamais pour les visiteurs mobiles de vous contacter.

N'oubliez pas que les appels téléphoniques pèsent lourd sur les ressources humaines.

Si vous souhaitez réduire le nombre d'appels téléphoniques que vous recevez, la création d'une base de connaissances WordPress ou d'une section FAQ permet aux visiteurs d'obtenir l'aide dont ils ont besoin sans avoir besoin d'une assistance téléphonique individuelle. Cela peut vous faire gagner beaucoup de temps et d'efforts.

Découvrez comment vous pouvez commencer à utiliser notre plugin Heroic Knowledge Base, notre thèmeKnowAll ou notre pluginHeroic FAQs .