Comment ajouter facilement un bouton d’appel à l’action sur votre site WordPress

Chez HeroThemes, nous déployons beaucoup d'efforts pour créer des thèmes et des plugins de base de connaissances WordPress de qualité qui font en sorte que les visiteurs de votre site n'aient pas besoin de vous appeler pour obtenir de l'aide.

Cependant, les gens auront toujours besoin d'un support téléphonique, et il existe également de nombreuses raisons non liées au support pour lesquelles vous pourriez vouloir faciliter la tâche aux visiteurs de votre site Web 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é d'appel à l'action WordPress à votre site Web en utilisant à la fois des plugins gratuits simples ou votre propre HTML. Quel que soit votre niveau de connaissances techniques, vous pourrez suivre et créer un bouton d'appel à l'action d'aspect attrayant.

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 fonctionnera 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 d'appel à l'action 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é d'appel à l'action 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 quelque chose à garder à l'esprit.

Dans ce guide, nous vous montrerons les deux méthodes. Commençons, en commençant par la voie du plugin...

Approche 1 : Utiliser un plugin gratuit de bouton d'appel à l'action WordPress

Il existe plusieurs plugins WordPress d'appel à l'action différents, mais nous allons vous montrer des guides étape par étape pour seulement trois d'entre eux :

• Barre d’appel ultra-simple – 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 l’appel vraiment évident/facile pour les gens, 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.
• Bouton d’appel Ultimate – ce plugin ajoute la même barre d’appel en bas. 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 Réglages → 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 Plugins → Ajouter.

Une fois que vous avez installé et activé le plugin, allez dans Paramètres → Bouton d'appel 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 pour les 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 Bouton d’appel Ultimate est que vous pouvez choisir les heures pendant lesquelles les visiteurs pourront 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 pour cliquer pour appeler, vous pouvez également utiliser votre propre HTML pour cliquer pour appeler afin de 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 cela ressemble – il vous suffit de remplacer le numéro de téléphone d'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 pour cliquer et 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, créer une base de connaissances WordPress ou une section FAQ permet aux visiteurs d’obtenir l’aide dont ils ont besoin sans nécessiter un 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.