How to Integrate WhatsApp into a WordPress Website?

How to Integrate WhatsApp into a WordPress Website?

In July 2017, WhatsApp officially reported that it is used by more than 1 billion users every day. According to the data of that day, a total of 55 billion messages are sent daily by these users. With a WhatsApp integration to your WordPress website, you can make your website part of these billions of messages.

In addition, WhatsApp is now not only available for phones, but can also be used on Mac and Windows platforms. This makes WhatsApp suitable for multiple platforms now.

In this article, we will explain how you can integrate WhatsApp into WordPress in several different ways. Moreover, all the solutions and add-ons you will use during the integration phase are completely free! So let's start.

What Are The Ways To Integrate WhatsApp With WordPress?

There are several different ways you can integrate WordPress with WhatsApp.

First, you can enable your visitors to share your posts via WhatsApp with a button you can place. There are 2 different ways you can do this:

- A sharing bar that moves with the page

- A dedicated WhatsApp button

Apart from these 2 methods, many social sharing plugins also support WhatsApp.

Apart from social sharing, you can also use WhatsApp to enable your visitors to reach you easily via WhatsApp.

While this option is not suitable for every website, it is an extremely good option for business-oriented websites. Because with this option, even if your visitor leaves your website, you can communicate with him.

There are 2 different ways you can get your visitors to message you via WhatsApp:

- Free plugins

- WhatsApp's true API

How Can You Add A Moving WhatsApp Share Button to Your Mobile Site?

There are a few different plugins to help you in this regard, but we recommend the KN Mobile ShareBar plugin. In addition to WhatsApp, the extension also includes Facebook and Twitter buttons.


When visitors click on the WhatsApp button, they are directed to share your content with a pre-prepared message:


You also have the chance to customize the message you have prepared beforehand at any time. To do this, you need to click on KN Mobile Sharebar from the Settings tab and go to the WhatsApp Text box.

The shortcodes you can use to place the relevant title and URL are; [kn-post-title] and [kn-post-url]:


That is all! Note that these share buttons will only be visible to mobile users on mobile devices.

How to Add WhatsApp Share Button to Wordpress?

If you are looking for a solution that is designed exclusively for WhatsApp, you need the plugin: Share Post On WhatsApp. Note that if you choose this plugin, you will lose the scrolling feature with the page in the above plugin.

The plugin is pretty simple. After installing and activating, all you have to do is make your settings as follows:


When a mobile visitor clicks on the WhatsApp share option, it will be redirected to the real WhatsApp application.

Although it looks very useful in general terms, the plugin also has a disadvantage: Although the plugin works only on mobile devices, it also appears on the desktop version of your site.

You can use CSS to fix this problem. To hide the WhatsApp button from the desktop version of your site, you can use such a code:

@media screen and (min-width:667px) {
	.share-to-whatsapp-wrapper {

How to Add WhatsApp Live Chat to WordPress?

Another important point in WhatsApp - WordPress integration is live chat. The important part in live chat is that if a visitor decides to use this option, you should be able to respond instantly via WhatsApp.

If you want to add a WhatsApp chat option to WordPress, one of the plugins you can use is the WhatsHelp Chat Button plugin.

After installing and activating the plugin, you need to go to an external page to generate the button code:


On this page, you should make sure that you choose WhatsApp as the message application and fill in the remaining information completely. You can also view a preview from the bottom right:


After completing the above process, enter your e-mail address and click the Get Button Code section to create your button code. Then paste it into the WhatsHelp tab in the WordPress control panel:


After saving the changes, you can see the WhatsApp chat button on your site.

How to Integration with WhatsApp API?

If none of the above plugins are suitable for you, you can also create your own custom button using the WhatsApp API. All you have to do is use the code below:

For example:

The result of such a code would be:


You can use the URL Decoder / Encoder tool if you have difficulty coding text.


As the numbers show, WhatsApp is a very popular tool. The fact that it can be used on the web and mobile also makes WhatsApp a multi-platform application. By integrating WhatsApp with WordPress, you can reach billions of WhatsApp users and enable your content to be shared via WhatsApp.

If you already have social sharing buttons on your website, you can add WhatsApp next to them. If you do not use social sharing buttons on your website, there are different options to add a WhatsApp share button to your WordPress website. In addition, if you want your visitors to reach you directly with their numbers, you can install WhatsAppHelp or WhatsApp API.

tag : WhatsApp pre-prepared message wordpress