Comment ajouter un bouton WordPress Click To Call sur votre site Web
Publié: 2019-01-21Chez HeroThemes, nous nous efforçons de créer des thèmes et des plugins de base de connaissances WordPress de qualité qui permettent aux visiteurs de votre site de ne pas avoir à 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 de non-assistance pour lesquelles vous voudrez peut-être permettre aux visiteurs de votre site Web de vous appeler facilement.
Mais lorsque les gens naviguent sur un appareil mobile, la dernière chose que vous voulez faire est de leur faire taper eux-mêmes votre numéro de téléphone ou d'essayer de cliquer sur un petit numéro de téléphone. Au lieu de cela, un clic pour appeler le bouton constitue une bien meilleure option.
Dans cet article, nous vous montrerons comment vous pouvez ajouter la fonctionnalité WordPress Click to Call à votre site Web en utilisant à la fois de simples plugins gratuits ou votre propre code HTML. Quel que soit votre niveau de connaissances techniques, vous serez en mesure de suivre et de créer un superbe bouton Cliquer pour appeler.
Devriez-vous utiliser un plugin Click To Call ou HTML?
L'utilisation d'un plugin est le moyen le plus simple de créer quelque chose qui a fière allure. Donc, si vous voulez quelque chose qui "fonctionnera" tout de suite, ce serait une bonne raison d'emprunter la voie des plugins. Cependant, vous serez limité à l'affichage de votre bouton d'appel uniquement dans les emplacements pris en charge par le plug-in.
Si vous souhaitez pouvoir ajouter votre bouton Cliquer pour appeler n'importe où sur votre site, ou si vous n'avez tout simplement pas envie d'utiliser un autre plug-in, l'ajout de la fonctionnalité Cliquer pour appeler avec votre propre HTML est presque aussi simple que d'insérer un lien hypertexte, donc c'est toujours un approche assez conviviale. Cependant, vous devrez probablement ajouter du CSS personnalisé de base pour le rendre beau, ce qu'il faut garder à l'esprit.
Dans ce guide, nous vous montrerons les deux méthodes . Commençons, en commençant par la route du plugin…
Approche 1 : Utilisez un plugin de bouton WordPress Click To Call gratuit
Il existe plusieurs plugins WordPress différents pour appeler, mais nous allons vous montrer des guides étape par étape pour seulement trois d'entre eux :
- Barre Click To Call vraiment simple - plutôt que d'ajouter un bouton autonome, ce plugin ajoute une barre entière au bas des écrans 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 immédiat - en plus d'une barre complète comme le plugin ci-dessus, ce plugin vous permet également d'utiliser davantage un bouton d'appel de style bouton d'action flottant.
- Call Now Button Ultimate - ce plugin ajoute le même appel maintenant dans la barre inférieure. Mais la chose unique est qu'il vous permet de définir des «heures d'ouverture» lorsque vous êtes disponible par téléphone. Pendant les heures creuses, le bouton invitera les visiteurs à envoyer un e-mail au lieu d'appeler.
Didacticiel du plug-in 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 → Clic simple pour appeler pour configurer le plugin. Là, vous pouvez :
- Activer la fonctionnalité du bouton 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

Ensuite, enregistrez vos modifications pour rendre votre bouton actif. 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 à quoi cela pourrait ressembler sur mobile :

Tutoriel du plug-in du bouton Appeler maintenant
Comme nous l'avons mentionné ci-dessus, le plugin Call Now Button est un peu plus flexible en ce sens qu'il vous permet également d'utiliser un bouton d'action flottant Appeler maintenant en plus de l'approche de la barre d'appel immédiat.
Comme les autres, il est répertorié sur WordPress.org, ce qui signifie que vous pouvez l'installer en allant dans Plugins → Add New .
Une fois que vous avez installé et activé le plugin, rendez-vous dans Paramètres → Bouton Appeler maintenant pour configurer le plugin.
En haut, vous pouvez :
- Activer le bouton
- Entrez le numéro de téléphone que les visiteurs appelleront
- Choisissez le texte du bouton ( si vous le souhaitez )

Vous pouvez également révéler plus de 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 s'affichera uniquement pour les visiteurs mobiles, vous devrez donc le prévisualiser à partir d'un appareil mobile pour le voir en action.
Voici un exemple tiré de notre site de l'approche du bouton d'action flottant :

Appelez maintenant le bouton Ultimate Plugin Tutoriel
La particularité du plugin Call Now Button Ultimate est que vous pouvez choisir les heures auxquelles vous souhaitez que les visiteurs puissent vous appeler. Pendant les heures creuses, lorsque votre numéro de téléphone n'est pas disponible, vous pouvez afficher une invite pour que les visiteurs envoient un e-mail à la place.
Comme les autres, vous pouvez installer et activer ce plugin gratuit en allant dans Plugins → Ajouter nouveau dans votre tableau de bord WordPress.
Une fois que vous avez fait cela, accédez à la zone Call Now Button Ultimate de votre tableau de bord WordPress pour le configurer.
En haut, vous pouvez activer le plugin et saisir votre numéro de téléphone et votre adresse e-mail :

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 Appeler maintenant ne s'affichera que pour les visiteurs mobiles.
Voici à quoi cela ressemble pendant vos heures d'ouverture :

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

Approche 2 : Cliquez pour appeler le bouton HTML de WordPress
Comme alternative aux plugins WordPress click to call, vous pouvez également utiliser votre propre code 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, vous pouvez simplement utiliser un lien hypertexte normal et envelopper votre numéro de téléphone dans le schéma tel :.
Voici à quoi cela ressemble - il vous suffit de remplacer l'exemple de numéro de téléphone par le vôtre et de modifier le texte CTA si nécessaire :
<a href="tel:+1-123-456-7890">Call HeroThemes!</a>
C'est tout ce qu'on peut en dire!
Si vous le souhaitez, vous pouvez utiliser votre propre CSS personnalisé pour créer un bouton au lieu d'un lien hypertexte normal.
Par exemple, vous pouvez utiliser ce HTML :
<a href="tel:+1-123-456-7890" class="call-button">Call HeroThemes!</a>
Ensuite, vous pouvez ajouter du CSS personnalisé à votre site WordPress pour en faire un bouton. Par example:
.call-button {
color: #fff !important;
background: #0ba9d5;
padding: 20px;
border-radius: 5px;
display: inline-block;
border: none;
}

Vous pouvez ajouter en toute sécurité du CSS personnalisé via WordPress Customizer ou un plugin gratuit comme Simple CSS.
Rappelez-vous, cependant. Par défaut, votre bouton HTML Cliquer pour appeler sera visible par tous les visiteurs, y compris ceux des ordinateurs de bureau.
Si vous souhaitez modifier cela, vous pouvez utiliser des requêtes média CSS pour afficher uniquement le bouton sur les appareils mobiles. Par exemple, cet extrait masquera le bouton sur les tailles d'écran supérieures à 600 pixels de large :
@media only screen and (min-width: 600px) {
.call-button {
display: none;
}
}
Commencez à utiliser votre bouton WordPress Click To Call dès aujourd'hui !
Que vous utilisiez un plugin ou votre propre code HTML personnalisé, il est facile de créer un bouton d'appel en un clic 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 sont lourds 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. Et cela peut vous faire économiser une tonne de temps et d'efforts.
Découvrez comment vous pouvez démarrer avec notre plugin Heroic Knowledge Base, le thème KnowAll ou le plugin Heroic FAQs.
