Suivez mes 2 étapes simples pour intégrer un bouton WhatsApp facilement et maximiser le call to action.
Pourquoi intégrer un bouton WhatsApp ?
Permettre aux visiteurs de cliquer sur un bouton de contact direct sur votre site va les inciter à faire la première démarche. Ainsi ils vont pouvoir vous poser toutes les questions qu’il faut, obtenir leur réponse rapidement.
Aussi, cela permet d’établir un premier lien de confiance qui peut augmenter l’intérêt pour vos services en parlant à l’humain derrière.
WhatsApp est largement utilisé et accessible sur les smartphones, ce qui facilite la communication.
Pour trouver cette manipulation j’ai trouvé un code HTML / CSS très simple sur Code pen : consulter l’exemple sur CodePen.
Étape 1 pour ajouter un bouton WhatsApp à votre site : Ajouter ce code HTML
Tout d’abord, ajoutez le code HTML suivant à l’endroit où vous souhaitez que le bouton apparaisse sur votre site (le plus simple est dans le body pour que ça s’affiche sur toutes vos pages). Sur WordPress, allez dans les réglages de votre constructeur de pages.
Ce code inclut une icône Font Awesome pour le logo WhatsApp :
<link rel= »stylesheet » href= »https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css »>
<a href= »https://api.whatsapp.com/send?phone=33600000000 class= »float » target= »_blank »>
<i class= »fa fa-whatsapp my-float »></i>
</a>
Étape 2 pour ajouter un bouton WhatsApp à votre site : Ajouter ce code CSS
Pareil, vous allez vous rendre dans le code CSS de votre site qui se trouve dans la personnalisation ou les réglages de votre constructeur de page.
Vous allez pouvoir personnaliser la position du bouton dans « bottom » et « right ». N’hésitez pas à tester des modifications pour le placer où vous souhaitez.
.float {
position: fixed;
width: 60px;
height: 60px;
bottom: 40px;
right: 40px;
background-color: #25d366;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 30px;
box-shadow: 2px 2px 3px #999;
z-index: 100;
}.my-float {
margin-top: 16px;
}
Étape 3 pour ajouter un bouton WhatsApp à votre site : N’oubliez pas de remplacer le numéro de téléphone
N’oubliez pas de remplacer le numéro de téléphone dans le lien WhatsApp par votre propre numéro. Le format du numéro doit inclure le code pays sans aucun symbole ou espace. Par exemple, si votre numéro WhatsApp est +33 6 00 00 00 00, vous devez écrire phone=33600000000.
A vous de jouer !