<style>/*
<!-- onkeydown='return false' onmousedown='return false' -->
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2712309693565123405&zx=0ba6be3a-a43c-4e9b-abe1-c0d82ce00ff6' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2712309693565123405&zx=0ba6be3a-a43c-4e9b-abe1-c0d82ce00ff6' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7310046466585738&host=ca-host-pub-1556223355139109" crossorigin="anonymous"></script>

<!-- data-ad-client=ca-pub-7310046466585738 -->

</head>
<body>
*/</style>

How to Add WhatsApp Chat Button in WordPress

TIAL WIZARDS

29 May, 2022

A+ A-

Hi to all in this article , I am going to tell you all about how to add WhatsApp chat button in your WordPress website easily in just few minutes.

Read the below provided steps completely to understand the process clearly and there are so many videos available in YouTube on this you can watch them if needed.

What is the main use of this WhatsApp chat button ?

This WhatsApp chat button is used to interact with your website visitors for doubts or services etc. by this you can attract new visitors or clients to your website by providing solutions to their doubts.

Can I add WhatsApp chat button in blogger website ?

Yes you can add this WhatsApp chat button in blogger website, but in blogger you need to add CSS and HTML code in your website theme. you can read the article to add WhatsApp chat button in blogger

How to Add WhatsApp Chat Button in WordPress

Steps to Add WhatsApp Chat Button in WordPress

Step-1: First of all you need to login to your WordPress dashboard by using your login credentials.

Step-2: Click on Plugins -> Add a New -> Search -> Join.chat.

Step-3: You need to click on "Install Now".

Step-4: Now click on "Activate".

Step-5: Go to Settings -> Choose Join.chat -> Join.chat settings.

Step-6: In Join.chat settings page you will see different options like:

Telephone: Your mobile No
Message: To display in box
Image : Icon
Tooltip
Position on screen : Show icon left or right
Button delay: Time to show after page load
Mobile only: show only in mobile
WhatsApp web: show only in WhatsApp web
Call to Action
Button text: change button text
Theme color: change theme color
Dark mode: can add dark mode
Header
Chat delay: time to delay chat
Page views
Notification balloon

Step-7: You need to enter all your details in the settings page as mentioned in step-6 and click on save changes.

Step-8: Now you have successfully added WhatsApp chat button in your WordPress website.

Conclusion

I hope you have understood to add WhatsApp chat button in your WordPress website easily in just few minutes.

Cookies Consent

This website uses cookies to analyze traffic and offer you a better Browsing Experience. By using our website.

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3131230167-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6ZLOqOkZLgp3KYtrYW2FqLUhc2qw:1746330624680';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2712309693565123405','//www.tialwizards.in/2022/05/add-whatsapp-chat-button-in-wordpress.html','2712309693565123405');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2712309693565123405', 'title': 'Tial Wizards: Education, Blogging \x26amp; Services', 'url': 'https://www.tialwizards.in/2022/05/add-whatsapp-chat-button-in-wordpress.html', 'canonicalUrl': 'https://www.tialwizards.in/2022/05/add-whatsapp-chat-button-in-wordpress.html', 'homepageUrl': 'https://www.tialwizards.in/', 'searchUrl': 'https://www.tialwizards.in/search', 'canonicalHomepageUrl': 'https://www.tialwizards.in/', 'blogspotFaviconUrl': 'https://www.tialwizards.in/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-168248480-1', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Tial Wizards: Education, Blogging \x26amp; Services - Atom\x22 href\x3d\x22https://www.tialwizards.in/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Tial Wizards: Education, Blogging \x26amp; Services - RSS\x22 href\x3d\x22https://www.tialwizards.in/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Tial Wizards: Education, Blogging \x26amp; Services - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2712309693565123405/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Tial Wizards: Education, Blogging \x26amp; Services - Atom\x22 href\x3d\x22https://www.tialwizards.in/feeds/1704500170570086667/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-7310046466585738', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': true, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/a558aeb4ec2c6340', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '1704500170570086667', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1AO_mOBFCHrtYdTqPk6067Mr4xWVi1EfwLVP9xhK3b3DdoRSb1BfDnq4i91Ms-5udqMHreFjPLiw5QI39D5SnbICz2R5yHKeQBJJ5k4z7j04Oktorbb_geymsfam9GbpN99pU1InjNc-d0W1HJyeUp55WWq0PD5MkwFAYew8fS69zDfCk5Dy6EVn7/s72-w640-c-h360/Whatsapp-chat-button-wordpress-1.webp', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1AO_mOBFCHrtYdTqPk6067Mr4xWVi1EfwLVP9xhK3b3DdoRSb1BfDnq4i91Ms-5udqMHreFjPLiw5QI39D5SnbICz2R5yHKeQBJJ5k4z7j04Oktorbb_geymsfam9GbpN99pU1InjNc-d0W1HJyeUp55WWq0PD5MkwFAYew8fS69zDfCk5Dy6EVn7/w640-h360/Whatsapp-chat-button-wordpress-1.webp', 'pageName': 'How to Add WhatsApp Chat Button in WordPress', 'pageTitle': 'Tial Wizards: Education, Blogging \x26amp; Services: How to Add WhatsApp Chat Button in WordPress', 'metaDescription': 'Hi to all in this article , I am going to tell you all about how to add WhatsApp chat button in your WordPress website easily in just few minutes.'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'How to Add WhatsApp Chat Button in WordPress', 'description': 'Hi to all in this article , I am going to tell you all about how to add WhatsApp chat button in your WordPress website easily in just few minutes.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1AO_mOBFCHrtYdTqPk6067Mr4xWVi1EfwLVP9xhK3b3DdoRSb1BfDnq4i91Ms-5udqMHreFjPLiw5QI39D5SnbICz2R5yHKeQBJJ5k4z7j04Oktorbb_geymsfam9GbpN99pU1InjNc-d0W1HJyeUp55WWq0PD5MkwFAYew8fS69zDfCk5Dy6EVn7/w640-h360/Whatsapp-chat-button-wordpress-1.webp', 'url': 'https://www.tialwizards.in/2022/05/add-whatsapp-chat-button-in-wordpress.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 1704500170570086667}}, {'name': 'widgets', 'data': [{'title': 'Upload Image', 'type': 'Image', 'sectionId': 'upload-image', 'id': 'Image10'}, {'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML10'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Menu', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList11'}, {'title': 'Mega Wrap', 'type': 'HTML', 'sectionId': 'mega-wrap', 'id': 'HTML5'}, {'title': 'Mega Flex', 'type': 'HTML', 'sectionId': 'mega-flex', 'id': 'HTML6'}, {'title': 'Mega Flex 1', 'type': 'HTML', 'sectionId': 'mega-flex', 'id': 'HTML7'}, {'title': 'Testimonials', 'type': 'HTML', 'sectionId': 'mega-flex', 'id': 'HTML8'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-blog', 'id': 'HTML11'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-post', 'id': 'HTML12'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '1704500170570086667', 'title': 'How to Add WhatsApp Chat Button in WordPress', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1AO_mOBFCHrtYdTqPk6067Mr4xWVi1EfwLVP9xhK3b3DdoRSb1BfDnq4i91Ms-5udqMHreFjPLiw5QI39D5SnbICz2R5yHKeQBJJ5k4z7j04Oktorbb_geymsfam9GbpN99pU1InjNc-d0W1HJyeUp55WWq0PD5MkwFAYew8fS69zDfCk5Dy6EVn7/w640-h360/Whatsapp-chat-button-wordpress-1.webp', 'showInlineAds': true}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'TIAL WIZARDS'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'in'}]}], 'allBylineItems': [{'name': 'author', 'label': 'TIAL WIZARDS'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'in'}]}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML13'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML14'}, {'title': '#You may also like', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML15'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML16'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML17'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'after-blog', 'id': 'HTML18'}, {'title': 'Subscribe', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML4'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML20'}, {'title': 'About Us', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Company', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList13'}, {'title': 'Follow Us', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': 'Newsletter', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML22'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML24'}]}]);
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image10', 'upload-image', document.getElementById('Image10'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'header-main', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'header-main', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'header-main', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'mega-wrap', document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'mega-flex', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'mega-flex', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'mega-flex', document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'before-blog', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'before-post', document.getElementById('HTML12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2165624756-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/3681588378-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML13', 'ads-post', document.getElementById('HTML13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML14', 'ads-post', document.getElementById('HTML14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'ads-post', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML16', 'ads-post', document.getElementById('HTML16'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML17', 'ads-post', document.getElementById('HTML17'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML18', 'after-blog', document.getElementById('HTML18'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar-static', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebar-static', document.getElementById('HTML19'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML20', 'sidebar-sticky', document.getElementById('HTML20'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'footer-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'footer-widget', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer-widget', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML22', 'footer-widget', document.getElementById('HTML22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'jet-options', document.getElementById('HTML24'), {}, 'displayModeFull'));
</script>
</body>*/</style>