Up next in 10
How to Add WhatsApp Chat to WordPress Website
5K views
Sep 26, 2023
In this informative video tutorial, you'll learn how to seamlessly integrate a WhatsApp chat feature into your WordPress website, enhancing communication and engagement with your visitors. Whether you're a business owner looking to provide immediate support or a blogger seeking to connect with your audience, this guide will walk you through the simple steps to add a WhatsApp chat widget. Join us as we explore the tools and techniques needed to facilitate real-time conversations, making it easier for your website visitors to reach out and connect with you via WhatsApp. Elevate your website's interactivity and customer satisfaction by incorporating this user-friendly feature effortlessly.
View Video Transcript
0:00
Hi guys, today we are going to see how you can add a whatsapp chat to your wordpress website
0:05
So let's say you have a website and you want to let your visitors contact you by using whatsapp
0:11
You can do that by adding a whatsapp chat to your website. So after watching this video, you will be able to add a whatsapp chat like this
0:20
And anyone who is visiting your website can contact you just by clicking this icon
0:25
And once they click it, it will open your whatsapp number. Now if the visitor types the message and sends it, you'll receive that message on your phone
0:36
And now if you want to reply to that message, you can simply click here and then reply to
0:42
your visitor. Okay, so I'm Brian from websitelearners.com and let's add WhatsApp to our website
0:52
So to add a WhatsApp chat, we are going to do two steps
0:56
The first step is to install a plugin in WordPress. So to install the plugin, let's go to our WordPress dashboard
1:03
and then go to plugins and click add new. Now search for WhatsApp
1:18
and you'll get this plugin. So this is the plugin which is going to help us add the WhatsApp chat to our website
1:24
So to install the plugin, Just click install And then click activate
1:36
So now, We have successfully installed the plugin Once you've installed the plugin
1:42
Let's go to the next step, Which is to connect your WhatsApp account to this plugin
1:47
So to connect it, Just click settings Now here you need to enter your WhatsApp number where you will receive your messages So I going to enter my number
2:05
Now once you enter your number, if your visitor tries to contact you, their message will be sent to this whatsapp number
2:12
So now, just scroll down and then click save changes. Now as soon as you click save changes
2:22
The WhatsApp chat will be added to your website. So to check that
2:27
Let's go to our website. So let's take our mobile And now if we go to our website
2:35
You can see that we have got our WhatsApp chat here. Now let's say
2:40
A visitor wants to contact you. Now all they have to do is, Just click on this icon
2:47
And it'll open your number. And now if a visitor sends a message
2:52
You can see that we have received that message on our phone
2:59
Now to reply to your visitor, all you have to do is just open it
3:03
and then send your reply. And as you can see, the visitor has got your reply
3:12
So this is how you can add a WhatsApp chat to your website. Next, let's go to the bonus part of this video
3:19
where we see how you can add a message notification like this
3:25
Once you add this notification, if a visitor opens this chat, they will see an automatic message from you
3:32
And they can click here to start chatting with you. By adding a message like this
3:39
you can attract more people to contact you. So next, let's see how you can add this message to your WhatsApp chat
3:46
To add the message, just go to wordpress Now on this page, just scroll down
3:55
And here you need to enter the message you want to show in your chat So I going to enter my message
4:06
Now by default, when a visitor comes to your website, your message will automatically pop up like this
4:12
Now, instead of this, if you want to show the notification icon first
4:16
and then let your visitors click it, you need to enable this option here
4:20
So once you've enabled that, here you need to enter, when you want your notification to appear
4:31
So let's say you want the notification to appear after 2 seconds
4:35
you need to enter to here. So let's enter that, And once you enter these details, click save changes
4:44
As soon as you click save changes, your message will be successfully added to your whatsapp chat
4:53
So to check that, Let's again go to our website, And now
4:57
if we refresh the page, you can see that, we've received a notification in whatsapp
5:06
And now, if we click here, you can now see the message which we added
5:14
Now, if the visitor wants to chat with you, they can click here
5:19
So this is how you can add a new message notification to your WhatsApp chat
5:24
Okay, so now you know how your visitors can contact you using WhatsApp from their mobile
5:29
Next, let's see how your visitors can contact you from their computer
5:33
So to let your visitors contact you from their computer, just go to WordPress
5:39
Now scroll down and then enable the WhatsApp web option here. Now if we click save changes and then go to our website on a computer You can see we have a whatsapp chat here Now if a visitor clicks here
6:05
they'll be taken to the whatsapp web login page. Now to contact you
6:10
they need to first login to whatsapp using their phone. So to login
6:16
first they have to open whatsapp, and then go to menu, and choose whatsapp web
6:22
Now, if they scan this code, they will be logged in, and your number will be opened here
6:33
And now, they will be able to send their message from here. So, this is how your visitors can contact you from their computer
6:45
Now, you know how to add a WhatsApp chat to your website. Now, if you want to get more features like
6:52
adding a YouTube video to your WhatsApp chat and then remove this watermark
6:59
You can get these features by clicking the link below this video
7:06
And once you click it, you'll be taken to this website. Now if you scroll down
7:11
you can see all the features available in this add-on. Now to get a discount on these features
7:17
enter the coupon code SAVE10 You will get a 10% discount on your purchase
7:24
Okay, so that's it guys. This is how you can add a WhatsApp chat to your website
7:30
Now, if you want to learn more about WordPress, you can check out our complete
7:34
WordPress course, which is available in this link and join our Facebook group here
7:40
If you have any questions related to making your website. Now, if you want to get more useful tools like this for your website, just click
7:48
here to get the best tools for your website
#Blogging Resources & Services
#Voice & Video Chat