Updated date:

How to Integrate Whatsapp Chat in Wordpress Website? a Step by Step Guide

Author:

Freelance Content Writer | Copywriter | Website Content Creator | Content Strategist | Blogger

Introduction

Do you want to add WhatsApp chat to your WordPress website? Are you looking for the best solution for the same?

In this guide, you will learn how to add WhatsApp chat to your WordPress website. All you have to do is check your internet connection and open your WordPress dashboard.

how-to-integrate-whatsapp-chat-in-wordpress-a-step-by-step-guide

In today's post, I am going to share two plugins for the same. You can choose according to your needs.

  1. Join.Chat
  2. Click to Chat

So without taking too much of your time, let's jump into it.

#Join.Chat Plugin

First of all, we are going to use this join.chat plugin. This is a free WordPress plugin that you can download from wordpress.org.

Follow the next steps to add this plugin to your WordPress website.

Step-1 Install the Plugin

Before anything else, you have to download the WhatsApp plugin to do this. To install the plugin, go to the WordPress dashboard and select Plugins > Add New.

Now type in the search bar 'WhatsApp', you will notice a couple of plugins available for the same task.

Next, find the Join.Chat plugin in the results. After selecting the plugin, click Install and then Activate.

how-to-integrate-whatsapp-chat-in-wordpress-a-step-by-step-guide

Step- 2 Configure the Plugin

In the second step, you have to configure the plugin so that your visitor can contact you through WhatsApp.

After activating the plugin, click Settings under the name of the plugin. As soon as you click on it, you will be taken to a separate window where you can enable some settings to display the chat icon on your website.

how-to-integrate-whatsapp-chat-in-wordpress-a-step-by-step-guide

After clicking on the settings button, you will come to this page:

how-to-integrate-whatsapp-chat-in-wordpress-a-step-by-step-guide

General:

In this tab, you can enable all the settings of your choice. First of all, you need to select your country and then add your WhatsApp number to integrate the chat.

After adding your number, scroll down and click on the Save button. Now refresh your website and you will see that the WhatsApp icon appears on your website.


how-to-integrate-whatsapp-chat-in-wordpress-a-step-by-step-guide

Once you click on it, you will be taken to your WhatsApp application directly. Now your audience can chat with you through this plugin.

This plugin has some amazing features that you can try to apply such as a default message when they click on the WhatsApp icon.

#Click to Chat Plugin

Click to Chat is a free plugin by HoliThemes that I like the most. In this plugin, there are a variety of functionalities such as the style of the icon, your own image, and the position of the icon.

So to get it, let's download it first.

Step-1 Install the Plugin

To install the plugin, please follow these steps:

  • Head to Plugins then click Add New.
  • Type Click to Chat in the search bar.
  • Hit Install and then Activate the plugin.
how-to-integrate-whatsapp-chat-in-wordpress-a-step-by-step-guide

Step-2 Configure the Plugin

After this, if you notice, a new item Click to Chat has been added to the dashboard. All you have to do is click on it, a separate window will open with some settings once you click.

WhatsApp Number:


Here you have to enter your mobile number on which you have a WhatsApp account. Additionally, under the text field, you will see some suggestions to get the best results.

how-to-integrate-whatsapp-chat-in-wordpress-a-step-by-step-guide

Pre-filled Message:

Type a message that you want to receive when they click on the WhatsApp icon.

Call to Action:

Keep this setting as it is now. On this note, you do not need to change anything.

Web WhatsApp:

This feature is pretty important. If you want to show the WhatsApp icon on the desktop, check this button.

Note: I would recommend enabling this setting as some of your customers may contact you through their PCs.

how-to-integrate-whatsapp-chat-in-wordpress-a-step-by-step-guide

Next, you can choose the style of the icon according to your designing taste. You can set different styles for both desktop and mobile. It is entirely up to you how you want to make it look.

After entering all the appropriate details, press the Save Changes button.

As soon as you click it, refresh your website and you will see that a WhatsApp icon will appear on the right side of the screen.

Conclusion

In this article, you have learned how to add WhatsApp chat to a WordPress website. I have used two plugins in this post. You can select as per your requirements.

If you want to ask something, I'm all ears!

This content is accurate and true to the best of the author’s knowledge and is not meant to substitute for formal and individualized advice from a qualified professional.

© 2020 Amit Masih

Comments

Amit Masih (author) from Jaipur, India on December 30, 2020:

Yeah exactly, Preeti! Thank you for giving it a thumb!

Preeti Shah from Delhi on December 30, 2020:

As usual another great piece of information from you, Amit.

Everyone use WhatsApp these days.

So, integrating it in our site will help our readers to directly contact us without any delay.

Related Articles