Comment ajouter un bouton WhatsApp WordPress sans plugin

Dernière mise à jour sur 11 juin 2020

WhatsApp est la plus grande application de messager au monde aujourd’hui et presque tous les utilisateurs de smartphones en Indonésie ont WhatsApp. Sur la base des données du ministre de la Communication et de l’Information, 83% des utilisateurs Internet en Indonésie utilise WhatsApp.

Avec le nombre d’utilisateurs de WhatsApp, il n’y a aucune raison pour que le propriétaire du site Web n’ajoute pas le bouton WhatsApp afin que les visiteurs du site Web puissent nous contacter directement.

Pro et Cons Ajouter le bouton WhatsApp à l’aide des plugins

Si vous utilisez WordPress, beaucoup de plugins peuvent nous aider à ajouter le bouton WhatsApp en quelques clics et l’un d’eux est le plugin Whathelp ou Getbutton Et plus.

L’avantage de l’utilisation du plugin est qu’il est très facile à intégrer à notre WordPress où nous n’avons besoin que de faire quelques clics, de choisir la conception et la finition. En fait, certains de ces services ajoutent également un bouton de chat à d’autres services tels que Télégramme, ligne, messager Facebook et d’autres.

Malheureusement, même s’il est gratuit, il y a d’autres prix à payer à partir de l’utilisation du plugin, à savoir backlinks sur leur site Web. Tous ces plugins sont généralement insérés code qui dirige leur site Web est ouvert ou caché dans le code.

Pour cette raison, nous suggérons de ne pas l’utiliser.

Comment ajouter un bouton WhatsApp WordPress sans plugin

Il existe de nombreuses façons d’ajouter le bouton WhatsApp sur le manuel WordPress sans plugins et le plus facile est d’utiliser HTML et CSS qui sont gratuits qui n’existent bien sûr pas lien caché à l’intérieur.

Pour ce faire, veuillez ajouter code Ce qui suit dans l’en-tête ou avant :

.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;
}