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

Also Read: How we can write Title, Description, and a keyword for blogger / HTML Website | How to Create 404 Error file for PHP, Wordpress and HTML website | How to Create Canonical Tag for Website | How to create Robot.txt File for Website | How to Create XML Sitemap for website | Best Digital Marketing Training & Placements Coimbatore  | Best Digital Marketing Online Course Training in Coimbatore | Online Digital Marketing Events and Internship in Coimbatore | Digital Marketing Courses and Digital Marketing Salary Coimbatore | Best Digital Marketing Course Training in Coimbatore | How to write Blog on Google Blogger Website 2020 | Why Guidelines to be followed forMake Good Blog | How to CreateContact Form for Blogger and Wordpress and Website using Google Drive | How to create a live chat for Blogger, Wordpress, and Website | How to implement Whatsapp Chat Button on Blogger, Wordpress, and Website | How to Add Facebook Page Plugin on Blogger | How to SetupGoogle AdWords Account  | How to SetupGoogle AdWords Account | OnlineDigital Marketing Training in Coimbatore