How to add a whatsapp wordpress button without plugin

How to add a whatsapp wordpress button without plugin

Last updated June 11, 2020

WhatsApp is the largest messenger application in the world today and almost all smartphone users in Indonesia have WhatsApp. Based on data from the Minister of Communication and Information, 83% of users Internet in Indonesia uses WhatsApp.

With the amount of WhatsApp users, there is no reason for the website owner not adding the WhatsApp button so that website visitors can contact us directly.

Pro and Cons add the WhatsApp button using Plugins

If you use WordPress, a lot of plugins can help us add the WhatsApp button with just a few clicks and one of them is the plugin Whatshelp or Getbutton And more.

The advantage of using the plugin is that it is very easy to integrate to our WordPress where we only need to do a few clicks, choose the design and finish. In fact, some of these services also add a chat button to other services such as Telegram, Line, Facebook Messenger and others.

Unfortunately, even though it’s free, there are other prices to be paid from the use of the plugin, namely backlinks out to their website. All of these plugins are generally inserted code which directs their website open or hidden into the code.

For this reason, we suggest not to use it.

How to add a whatsapp wordpress button without plugin

There are many ways to add the WhatsApp button on WordPress Manual without plugins and the easiest is to use HTML and CSS that are free which of course does not exist hidden link inside it.

To do this, please add code Following in the header or before :

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