{"id":3938,"date":"2023-01-29T14:39:47","date_gmt":"2023-01-29T14:39:47","guid":{"rendered":"https:\/\/devclouds.io\/blog\/?p=3938"},"modified":"2023-01-29T14:39:48","modified_gmt":"2023-01-29T14:39:48","slug":"how-to-add-whatsapp-chat-to-wordpress-website","status":"publish","type":"post","link":"https:\/\/devclouds.io\/blog\/how-to-add-whatsapp-chat-to-wordpress-website\/","title":{"rendered":"How to Add WhatsApp Chat to WordPress Website"},"content":{"rendered":"\n

Hi guys, Today we\u2019re going to see how to add WhatsApp<\/a> chat to WordPress website. So let\u2019s say you have a website And you want to let your visitors contact you using WhatsApp. You can do that by adding a WhatsApp chat to your website.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"whatsapp<\/figure>\n\n\n\n
<\/div>\n\n\n\n

So after reading this article, you\u2019ll be able to add WhatsApp chat like this. And anyone who is visiting your website can contact you, Just by clicking this icon.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"click<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Once they click it, it will open your WhatsApp number. And now if the visitor types their message & sends it, you\u2019ll receive that message on your phone. And now if you want to reply to that message, you can simply click here and then reply to your visitor.<\/p>\n\n\n\n

Installing Whatsapp Plugin – to add WhatsApp chat to WordPress website<\/h3>\n\n\n\n

Let\u2019s add Whatsapp to our website So to add a Whatsapp chat, We\u2019re going to do 2 steps. The first step is to install a plugin in WordPress.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"search<\/figure>\n\n\n\n
<\/div>\n\n\n\n

So to install the plugin, Let\u2019s go to our WordPress dashboard. And then go to plugins. And click add new. Now search for \u2018WhatsApp\u2019 And you\u2019ll get this plugin. So this is the plugin, Which is going to help us add the WhatsApp chat, to our website. To install the plugin, Just click install And then click activate. So now we\u2019ve successfully installed the plugin.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"plugin<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Connect your WhatsApp account – to add WhatsApp chat to WordPress website<\/h3>\n\n\n\n

Once you\u2019ve installed the plugin, Let\u2019s go to the next step, Which is to connect your WhatsApp account to this plugin. So to connect it Just click settings.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"whatsapp<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Now here you need to enter your WhatsApp number, where you will receive your messages. So I am going to enter my number. Now, once you enter your number, if a visitor tries to contact you, their message will be sent to this WhatsApp number. So now, Just scroll down, And then click save changes. Now as soon as you click save changes, The WhatsApp chat will be added to your website.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"whatsapp<\/figure>\n\n\n\n
<\/div>\n\n\n\n

So to check that, Let\u2019s go to our website, So Let\u2019s take our mobile. and now if we go to our website, you can see that we have got our WhatsApp chat here.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"click<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Now let\u2019s say a visitor wants to contact you, Now All they have to do is, Just click on this icon. and it will open your number And now if a visitor sends a message. You can see that we have received that message on our phone. Now to reply to your visitor, All you have to do is, Just open it, And then send your reply.<\/p>\n\n\n\n

So this is how you can add a WhatsApp chat to your website.<\/p>\n\n\n\n

Whatsapp Notification<\/h3>\n\n\n\n

Next, let\u2019s see how you can add a new message notification.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"auto<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Once you add this notification, If a visitor opens this chat, They will see an automatic message from you. and they can click here to start chatting with you. by adding a message like this, you can attract more people to contact you.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"notification<\/figure>\n\n\n\n
<\/div>\n\n\n\n

So next let\u2019s see how you can add this message to your WhatsApp chat To add the message, Just go to WordPress. Now on this page, Just Scroll down. And here, You need to enter the message, you want to show in your chat. So, I am going to enter my message Now by default, when a visitor comes to your website, your message will automatically pop up like this.<\/p>\n\n\n\n

Notification Balloon<\/h3>\n\n\n\n

Now instead of this, if you want to show the notification icon first, And then let your visitors click it You need to, enable Notification Balloon option here. So once you\u2019ve enabled that, Here you need to enter when you want your notification to appear. Let\u2019s say you want the notification to appear, after two seconds, You need to enter \u20182\u2019 on Chat Delay option. So let\u2019s enter that, And once you entered these details, Click save changes. As soon as you click save changes. Your message will be successfully added to your WhatsApp chat.<\/p>\n\n\n\n

So to check that, Let\u2019s again go to our website Now if we refresh the page, You can see that, We\u2019ve received a notification in WhatsApp And now if we click on notification, you can now see the message, which we added. Now if the visitor wants to chat with you, they can click here. So this is how you can add a new message notification to your WhatsApp chat.<\/p>\n\n\n\n

Okay, so now you know how your visitors can contact you using WhatsApp From their mobile.<\/p>\n\n\n\n

Visitors can contact you from their computer<\/h3>\n\n\n\n

Next, let\u2019s see how your visitors contact you, from their computer. So to let your visitors contact you from their computer.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"web<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Just go to WordPress. 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.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"computer<\/figure>\n\n\n\n
<\/div>\n\n\n\n

You can see we have our WhatsApp chat here. Now if our visitor clicks here, They\u2019ll be taken to the WhatsApp web login page.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"web<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Now to contact you, they need to first login to WhatsApp, using their phone. So to login, first they have to open WhatsApp And then go to \u2018menu\u2019 And choose Whatsapp web. Now if they scan this code, They will be logged in And your number will be opened here. And now they will be able to send their message, from here. So, this is how your visitors can contact you, from their computer.<\/p>\n\n\n\n

Now you know how to add a WhatsApp chat to your website.<\/p>\n\n\n\n

If you want to learn more about WordPress, visit out blog page<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Let\u2019s say you have a website And you want to let your visitors contact you using WhatsApp.<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3938","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"yoast_head":"\nHow to Add WhatsApp Chat to WordPress Website<\/title>\n<meta name=\"description\" content=\"How to Add WhatsApp Chat to WordPress Website | Connect your WhatsApp account | visitors can contact you from their computer\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/devclouds.io\/blog\/how-to-add-whatsapp-chat-to-wordpress-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add WhatsApp Chat to WordPress Website\" \/>\n<meta property=\"og:description\" content=\"How to Add WhatsApp Chat to WordPress Website | Connect your WhatsApp account | visitors can contact you from their computer\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devclouds.io\/blog\/how-to-add-whatsapp-chat-to-wordpress-website\/\" \/>\n<meta property=\"og:site_name\" content=\"The Official DevClouds Blogs\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-29T14:39:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-29T14:39:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devclouds.io\/blog\/wp-content\/uploads\/2023\/01\/Screenshot_1-50-1024x613.jpg\" \/>\n<meta name=\"author\" content=\"hammad\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"hammad\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/devclouds.io\/blog\/how-to-add-whatsapp-chat-to-wordpress-website\/\",\"url\":\"https:\/\/devclouds.io\/blog\/how-to-add-whatsapp-chat-to-wordpress-website\/\",\"name\":\"How to Add WhatsApp Chat to WordPress Website\",\"isPartOf\":{\"@id\":\"https:\/\/devclouds.io\/blog\/#website\"},\"datePublished\":\"2023-01-29T14:39:47+00:00\",\"dateModified\":\"2023-01-29T14:39:48+00:00\",\"author\":{\"@id\":\"https:\/\/devclouds.io\/blog\/#\/schema\/person\/29fe135874604a656a492f57fb43211d\"},\"description\":\"How to Add WhatsApp Chat to WordPress Website | Connect your WhatsApp account | visitors can contact you from their computer\",\"breadcrumb\":{\"@id\":\"https:\/\/devclouds.io\/blog\/how-to-add-whatsapp-chat-to-wordpress-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devclouds.io\/blog\/how-to-add-whatsapp-chat-to-wordpress-website\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devclouds.io\/blog\/how-to-add-whatsapp-chat-to-wordpress-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devclouds.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add WhatsApp Chat to WordPress Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/devclouds.io\/blog\/#website\",\"url\":\"https:\/\/devclouds.io\/blog\/\",\"name\":\"The Official DevClouds Blogs\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/devclouds.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/devclouds.io\/blog\/#\/schema\/person\/29fe135874604a656a492f57fb43211d\",\"name\":\"hammad\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devclouds.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/19d1520a5ed46e5c53b8333bc3a9bddb9f28e057d9722fbb8e979edd11e22faf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/19d1520a5ed46e5c53b8333bc3a9bddb9f28e057d9722fbb8e979edd11e22faf?s=96&d=mm&r=g\",\"caption\":\"hammad\"},\"url\":\"https:\/\/devclouds.io\/blog\/author\/hammad\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add WhatsApp Chat to WordPress Website","description":"How to Add WhatsApp Chat to WordPress Website | Connect your WhatsApp account | visitors can contact you from their computer","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/devclouds.io\/blog\/how-to-add-whatsapp-chat-to-wordpress-website\/","og_locale":"en_US","og_type":"article","og_title":"How to Add WhatsApp Chat to WordPress Website","og_description":"How to Add WhatsApp Chat to WordPress Website | Connect your WhatsApp account | visitors can contact you from their computer","og_url":"https:\/\/devclouds.io\/blog\/how-to-add-whatsapp-chat-to-wordpress-website\/","og_site_name":"The Official DevClouds Blogs","article_published_time":"2023-01-29T14:39:47+00:00","article_modified_time":"2023-01-29T14:39:48+00:00","og_image":[{"url":"https:\/\/devclouds.io\/blog\/wp-content\/uploads\/2023\/01\/Screenshot_1-50-1024x613.jpg"}],"author":"hammad","twitter_card":"summary_large_image","twitter_misc":{"Written by":"hammad","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/devclouds.io\/blog\/how-to-add-whatsapp-chat-to-wordpress-website\/","url":"https:\/\/devclouds.io\/blog\/how-to-add-whatsapp-chat-to-wordpress-website\/","name":"How to Add WhatsApp Chat to WordPress Website","isPartOf":{"@id":"https:\/\/devclouds.io\/blog\/#website"},"datePublished":"2023-01-29T14:39:47+00:00","dateModified":"2023-01-29T14:39:48+00:00","author":{"@id":"https:\/\/devclouds.io\/blog\/#\/schema\/person\/29fe135874604a656a492f57fb43211d"},"description":"How to Add WhatsApp Chat to WordPress Website | Connect your WhatsApp account | visitors can contact you from their computer","breadcrumb":{"@id":"https:\/\/devclouds.io\/blog\/how-to-add-whatsapp-chat-to-wordpress-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devclouds.io\/blog\/how-to-add-whatsapp-chat-to-wordpress-website\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/devclouds.io\/blog\/how-to-add-whatsapp-chat-to-wordpress-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devclouds.io\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Add WhatsApp Chat to WordPress Website"}]},{"@type":"WebSite","@id":"https:\/\/devclouds.io\/blog\/#website","url":"https:\/\/devclouds.io\/blog\/","name":"The Official DevClouds Blogs","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/devclouds.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/devclouds.io\/blog\/#\/schema\/person\/29fe135874604a656a492f57fb43211d","name":"hammad","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devclouds.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/19d1520a5ed46e5c53b8333bc3a9bddb9f28e057d9722fbb8e979edd11e22faf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/19d1520a5ed46e5c53b8333bc3a9bddb9f28e057d9722fbb8e979edd11e22faf?s=96&d=mm&r=g","caption":"hammad"},"url":"https:\/\/devclouds.io\/blog\/author\/hammad\/"}]}},"_links":{"self":[{"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/posts\/3938","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/comments?post=3938"}],"version-history":[{"count":3,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/posts\/3938\/revisions"}],"predecessor-version":[{"id":3954,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/posts\/3938\/revisions\/3954"}],"wp:attachment":[{"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/media?parent=3938"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/categories?post=3938"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/tags?post=3938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}