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 !
Création de site web Serris,
Création de site web Serris, Création de site web WordPress, Création de site vitrine, Création de site web pas cher, Création de site BtoB, Création de site pour entreprises, Création de site pour professionnels, Webdesigner Serris, Webdesigner Marne la vallée, Webdesigner Ile de France, Créer un site web sur WordPress, Agence création site web, Agence création site web Marne La Vallée, Agence création site web Val d’Europe, Agence création site web Serris
Agence création de site val d’europe, Agence digitale val d’europe, Création site internet val d’europe, Agence création de site marne la vallée, Agence web design 77, Agence design graphique77, Agence de graphisme 77, Webdesigner site, agence webdesign 77, agence design graphique 77, agence web marne la vallée, agence graphisme 77, agence digital 77, agence web val d europe, agence communication val d’europe, création site internet marne la vallée, agence creation graphique 77, création site web val d’europe, agence digitale marne la vallée, agence creation site vitrine77, agence seo val d’europe, agence de communication digitale en europe, freelance wordpress 77, agence identite visuelle 77, communication digitale 77, graphiste freelance 77, webmaster ile-de-france, agence web wordpress 77