Comment ajouter facilement un bouton d’appel à l’action sur votre site WordPress
Chez HeroThemes, nous nous efforçons de créer des thèmes et des plugins de base de connaissances WordPress de qualité qui permettent à vos visiteurs 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 autres que le support pour lesquelles vous pourriez vouloir faciliter la tâche à vos visiteurs pour vous appeler.
Mais lorsque les gens naviguent sur un appareil mobile, la dernière chose que vous voulez faire est de leur faire taper votre numéro de téléphone eux-mêmes, ou d'essayer de cliquer sur un minuscule numéro de téléphone. Au lieu de cela, un bouton d'appel à l'action est une bien meilleure option.
Dans cet article, nous vous montrerons comment ajouter la fonctionnalité WordPress "cliquer pour appeler" à votre site Web à l'aide de simples plugins gratuits ou de votre propre HTML. Quel que soit votre niveau de connaissances techniques, vous pourrez suivre et créer un bouton "cliquer pour appeler" attrayant.
Dans cet article
Nous testons et recherchons rigoureusement chaque produit que nous recommandons via HeroThemes. Notre processus d'examen. Nous pouvons également gagner une commission si vous effectuez un achat via nos liens.
Faut-il utiliser un plugin d'appel à l'action ou du 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 "fonctionne" immédiatement, ce serait une bonne raison d'opter pour la voie du plugin. Cependant, vous serez limité à n'afficher votre bouton d'appel qu'aux emplacements pris en charge par le plugin.
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 plugin, l'ajout de la fonctionnalité "cliquer pour appeler" avec votre propre HTML est presque aussi simple que l'insertion d'un hyperlien, c'est donc toujours une approche assez conviviale. Cependant, vous devrez probablement ajouter un peu de CSS personnalisé de base pour qu'il ait fière allure, ce qui est à garder à l'esprit.
Dans ce guide, nous vous montrerons les deux méthodes. Commençons par la voie du plugin…
Approche 1 : Utiliser un plugin gratuit de bouton d'appel à l'action WordPress
Il existe plusieurs plugins WordPress "cliquer pour appeler", 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 en bas de l'écran des visiteurs mobiles. Si vous voulez rendre très é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 davantage un bouton d’appel de style bouton d’action flottant.
- Call Now Button Ultimate – ce plugin ajoute la même barre inférieure "appeler maintenant". Mais la particularité est qu'il vous permet de définir des "heures d'ouverture" pour savoir quand vous êtes disponible par téléphone. En dehors des heures d'ouverture, le bouton invitera les visiteurs à envoyer un e-mail au lieu d'appeler.
Tutoriel du plugin Bar d'appel facile
Ce plugin est gratuit et disponible sur WordPress.org, vous pouvez donc l’installer directement depuis votre tableau de bord WordPress en allant dans Extensions → Ajouter.
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 d'appel
- Ajouter un CTA textuel à côté de votre bouton d'appel
- Choisir le numéro de téléphone que les visiteurs appelleront
- Configurer les couleurs utilisées sur votre bouton d'appel
Ensuite, enregistrez vos modifications pour rendre votre bouton actif. Ce bouton apparaîtra *uniquement* aux visiteurs mobiles, vous ne le verrez donc pas si vous naviguez depuis un ordinateur de bureau.
Voici un exemple de ce à quoi cela pourrait ressembler sur mobile :
Tutoriel du plugin Bouton d'appel
Comme nous l’avons mentionné ci-dessus, le plugin Bouton d’appel est un peu plus flexible car il vous permet également d’utiliser un bouton d’appel flottant en plus de l’approche de la barre d’appel.
Comme les autres, il est répertorié sur WordPress.org, ce qui signifie que vous pouvez l'installer en allant dans Extensions → Ajouter.
Une fois que vous avez installé et activé le plugin, allez dans Paramètres → Call Now Button 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 désiré)
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, et plus encore :
Une fois votre bouton activé, il s'affichera uniquement aux visiteurs mobiles, vous devrez donc le prévisualiser depuis un appareil mobile pour le voir en action.
Voici un exemple de notre site de l'approche du bouton d'action flottant :
Tutoriel du plugin ultime du bouton d'appel
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 d'ouverture, lorsque votre numéro de téléphone n'est pas disponible, vous pouvez afficher une invite aux visiteurs pour qu'ils envoient un e-mail à la place.
Comme les autres, vous pouvez installer et activer ce plugin gratuit en allant dans Plugins → Ajouter dans votre tableau de bord WordPress.
Une fois que vous avez fait cela, allez dans la section 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 sur la page, vous pouvez saisir vos heures d'ouverture et configurer le texte et les couleurs du bouton :
Comme les autres plugins, votre bouton d'appel ne s'affichera que pour les visiteurs mobiles.
Voici à quoi il ressemble pendant vos heures d'ouverture :
Et voici à quoi il ressemble en dehors de vos heures d'ouverture :
Approche 2 : Bouton HTML WordPress pour cliquer pour appeler
En alternative aux plugins WordPress de clic pour appeler, vous pouvez également utiliser votre propre HTML de clic pour appeler 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 encapsuler votre numéro de téléphone dans le schéma tel:.
Voici à quoi il ressemble – il vous suffit de remplacer le numéro de téléphone 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 simple lien hypertexte.
Par exemple, vous pourriez utiliser ce HTML :
<a href="tel:+1-123-456-7890" class="call-button">Call HeroThemes!</a>Ensuite, vous pourriez ajouter du CSS personnalisé à votre site WordPress pour en faire un bouton. Par exemple :
.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 le personnaliseur WordPress ou un plugin gratuit comme Simple CSS.
N'oubliez pas, cependant. Par défaut, votre bouton HTML pour cliquer et appeler sera visible par tous les visiteurs, y compris ceux sur ordinateur.
Si vous souhaitez modifier cela, vous pouvez utiliser des requêtes de médias CSS pour n’afficher le bouton que sur les appareils mobiles. Par exemple, cet extrait masquera le bouton sur les écrans de plus de 600 pixels de large :
@media only screen and (min-width: 600px) {
.call-button {
display: none; }
}Commencez à utiliser votre bouton WordPress pour cliquer et appeler dès aujourd'hui !
Que vous utilisiez un plugin ou votre propre HTML personnalisé, il est facile de créer un bouton de clic 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 sont coûteux en 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 nécessiter de support téléphonique individuel. Et cela peut vous faire gagner beaucoup de temps et d'efforts.
Découvrez comment vous pouvez commencer avec notre plugin Heroic Knowledge Base, notre thème KnowAll, ou notre plugin Heroic FAQs.
Laisser un commentaire ?
Vous devez être connecté pour poster un commentaire.