How to Implement WhatsApp Chat Button on Blogger / Wordpress / Website

How to Implement WhatsApp Live Chat for Website / Blogger /Wordpress

Website:

There are two ways to create WhatsApp live chat

1. Copy and paste code on website

2. Copy and paste Link on Blogger and Wordpress

Following ways to implement WhatsApp live chat on the website

<div class=”whatsapp”>

<a href=”https://api.whatsapp.com/send?phone=91**********”target=”_blank”>

<h5><i class=”fa fa-whatsapp fa-3x fa-spin”aria-hidden=”true”></i></h5></a>

</div>

Copy the above code with updated your phone number and paste it on each page. If you want to paste this the code CSS file is mandatory. Code is updated to each page by Cpanel (www.example.com/cpanel) and log in by username and password. Go to the File Manager of Cpanel – select public_html –select profile.html (Represent profile page) – right-click and Edit – paste that code anywhere either header or Footer. Here we paste that code before the footer. Click save changes. Go to the profile page and refresh it.

How to solve whatsapp chat button is not visible after paste that code? Check whether the CSS file is available in cpanel or not. Go to File manager of Cpanel – select public_html – select Assets – go to CSS – check font-awesome.min.css file is available or not. This file is mandatory for a particular website. If this file is not there means we can’t activate whatsapp live chat.

Alternate way to put live chat on your website without css file is not update on your website

Copy the following anchor text https://api.whatsapp.com/send?phone=91**********&text=Hi,

Go to the website and particular page - Go to the File Manager of cpanel – select public_html – select index.html – right-click – Edit – check your menu options(menu options start with <li><a href=”contact.html”>Contact Us</a></li>)

In that menu options replace contact.html with in double quote by copied code. If you want to open it on a separate tab include the following HTML code as target=”_blank”. Click save changes. Then go to the home page of website and look ahead Whatsapp live chat menu is there.

Following ways to implement WhatsApp live chat on Blogger (use link only)

Go to blogger dashboard –Layout – cross column – edit (pages) – select Add an external link – paste you copied link and put page title as Whatsapp Live chat – save link – save arrangements.

Following ways to implement WhatsApp live chat on Blogger (use link only)

Go to Wordpress dashboard – login – Dashboard – Appearance – menus – select custom links – past link and put name in link text – Add menu –Save menu