How to Integrate WhatsApp into WordPress Site?
WhatsApp in July 2017 More than 1 billion users regularly use it every day was officially reported. According to the data of that day, these users used a total of 55 billion messages You can make your website a part of these billions of messages with a WhatsApp integration on your WordPress website.
In addition, WhatsApp is now available not only for phones but also for Mac and Windows platforms, making it multi-platform.
In this article, we will talk about WhatsApp WordPressWe will explain how you can integrate with in several different ways. Moreover, all the solutions and add-ons you will use during the integration phase are completely free! Let's get started.
What Are the Ways to Integrate WhatsApp with WordPress?
There are a few different ways you can integrate WhatsApp with WordPress.
Firstly, you can enable your visitors to share your posts via WhatsApp by placing a button. There are 2 different ways to do this:
- A sharing bar that moves with the page
- A special WhatsApp button
Apart from these 2 methods, many social sharing plugins also support WhatsApp.
Apart from social sharing, you can also use WhatsApp to allow your visitors to easily reach you via WhatsApp.
Although this option is not suitable for every website, it is a very good option for business-oriented websites because with this option, you can contact your visitor even if he/she leaves your website.
There are 2 different ways you can enable your visitors to send you messages via WhatsApp:
- Free plugins
- WhatsApp's real API
How to Add an Animated WhatsApp Share Button to Your Mobile Site?
There are a few different plugins that can help you with this, but we KN Mobile ShareBar pluginWe recommend ni. In addition to WhatsApp, the plugin also includes Facebook and Twitter buttons.
Once you download and install the plugin, your sharing buttons will be instantly active as follows:
When a visitor clicks on the WhatsApp button, they are directed to share your content with a prepared message that you have prepared in advance:
You also have the chance to customize the message you have prepared beforehand whenever you want. To do this, all you have to do is Settings from the tab KN Mobile SharebarClick on and WhatsApp Text go to box.
The shortcodes you can use to place the relevant title and URL are; [kn-post-title] And [kn-post-url]:
That's all! Keep in mind that these sharing buttons will only be visible to mobile users on mobile devices.
How to Add a Custom Share Button Only to WhatsApp?
If you are looking for a solution designed just for WhatsApp, this is the plugin you need: Share Post On WhatsAppIf you choose this plugin, keep in mind that you will lose the scrolling feature with the page in the plugin above.
The plugin is pretty simple. Once you install and activate it, all you have to do is adjust your settings as follows:
When a mobile visitor clicks on the WhatsApp sharing option, they are directed to the actual WhatsApp application.
Although it seems very useful in general terms, the plugin also has a disadvantage: Although the plugin only works on mobile devices, it also appears on the desktop version of your site.
You can use CSS to fix this issue. You can use code like this to hide the WhatsApp button from the desktop version of your site:
@media screen and (min width:667px) { |
.share-to-whatsapp-wrapper { |
display:none; |
} |
} |
How to Add WhatsApp Live Chat to WordPress?
Another important point in WhatsApp – WordPress integration is live chat. The important part of 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, here are some of the plugins you can use: WhatsHelp Chat Button plugin is coming.
After installing and activating the plugin, you need to go to an external page to generate the button code:
On this page, you must make sure that you have selected WhatsApp as the messaging application and filled in the rest of the information completely. You can also view a preview from the bottom right:
After completing the above steps, enter your email address and Get Button Code section to create your button code. Then paste it into the WhatsHelp tab in your WordPress dashboard:
After saving the changes, you can see the WhatsApp chat button on your site.
How to Integrate with WhatsApp API?
If none of the above plugins work for you, you can also create your own custom button using the WhatsApp API. All you have to do is use the following code:
https://api.whatsapp.com/send?phone=PHONE NUMBER&text=TEXT
To give an example:
https://api.whatsapp.com/send?phone=123456789&text=This%20is%20a%20message
The result of such code would be:
If you have difficulty encoding the text This you can use the tool.
Conclusion
As the numbers show, WhatsApp is a very popular tool. Being available on 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 don't use social sharing buttons on your website WordPress There are different options to add a WhatsApp share button to your website. Apart from that, if you want your visitors to reach you directly with their own numbers, you can install WhatsAppHelp or WhatsApp API.
If you still don't have a WordPress website, it's advantageous WordPress hosting You can review and purchase our package. You can also get professional wordpress optimization we can also offer you the service.
