How to Add Whatsapp live chat code to your HTML website?

If you want to apply Whatsapp live chat widget in your manually built HTML website then simply follow the steps given below.

Step::1 Go to the given URL- https://elfsight.com/whatsapp-chat-widget/html/

Step::2 Click over the Create Widget button

Step::3 Now choose the template as per your choice and click on Continue with this template button

Step::4 Next in the Content section enter the Whatsapp Phone number to which you want to recieve the notifications

Step::5 Now customize the Chat header section

Step::6 Next customize the Welcome message

Step::7 Once the settings are configured click on Join to Install button

Step::8 Now complete the signup process

Step::9 Once all the process is completed, click on Save button.

Step::10 Next you will be redirected to a page with various plans, you can choose any plan as per your need and then click on continue.

Step::11 Copy the installation code

Step::12 Login to your cPanel and click on File Manager

Step::13 Click over public_html

Step::14 Right click over the HTML file and choose the Edit option

Step::15 Now paste the code here under the body tag and click on Save changes button

Congratulations!! You have succesfully added Whatsapp chat widget in your HTML website.

Visit our Blog for more details. You can also watch the video here.



  • how to add whatsapp chat widget to HTML website, How to Add Whatsapp live chat code to your HTML website, how to add whatsapp chat widget in your HTML website
  • 1 Users Found This Useful
Was this answer helpful?

Related Articles

How to Install WordPress in Sub-Directory?

Login to cPanel. Select Softaculous Apps Installer from Software section. Select WordPress...

How to Restore Backups Using JetBackup 4 in cPanel?

Login to cPanel and get inside JetBackups section. Here, you will find multiple features which...

How to Suspend Outgoing Emails of a cPanel Account as WHM Reseller?

To manage the bulk mailing that occurred from a cPanel account hosted within your WHM Reseller,...

How Can You Create/Install WordPress On Sub-Domains?

#1. Create a subdomain of your main domain Log into your cPanel and go to the Subdomains...

How to disallow a particular directory from being crawled by Google?

Login to your cPanel Go inside File Manager Click on public_html Create a robots.txt file....