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

How to Add Whatsapp live chat code to your HTML website? [STEP BY STEP]☑️

Here in this tutorial, we will show you how to add Whatsapp live chat widget to your HTML website. So if you want to apply Whatsapp live chat widget to your manually built HTML website then simply follow the steps given below.

Video Tutorial– How to Add Whatsapp live chat code to your HTML website

Follow the steps to add WhatsApp chat widget to the HTML website:

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

How to Add Whatsapp live chat code to your HTML website

Step::2 Click over the Create Widget button

How to Add Whatsapp live chat code to your HTML website

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

How to Add Whatsapp live chat code to your HTML website

How to Add Whatsapp live chat code to your HTML website

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

Related Article: Add WhatsApp Live Chat Code on your WordPress Website

How to Add Whatsapp live chat code to your HTML website

Step::5 Now customize the Chat header section

How to Add Whatsapp live chat code to your HTML website

Step::6 Next customize the Welcome message

How to Add Whatsapp live chat code to your HTML website

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

How to Add Whatsapp live chat code to your HTML website

Step::8 Now complete the signup process

How to Add Whatsapp live chat code to your HTML website

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

How to Add Whatsapp live chat code to your HTML website

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

How to Add Whatsapp live chat code to your HTML website

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

How to Add Whatsapp live chat code to your HTML website

Step::13 Click over public_html

How to Add Whatsapp live chat code to your HTML website

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

How to Add Whatsapp live chat code to your HTML website

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

Thanks for Reading this article !!! We hope this was helpful to you all.

For more information, kindly follow us on social media like Twitter and Facebook and for video tutorials, subscribe to our YouTube channelhttps://youtube.com/redserverhost.com 

Facebook Page https://facebook.com/redserverhost

Twitter Pagehttps://twitter.com/redserverhost.com

If you have any suggestions or problems related to this tutorial, please let us know via the comment section below.

Tags: cheap linux hostingbuy linux hostingcheap reseller hostingbuy reseller hostingbest reseller hostingcheap web hostingcheapest web hostingcheapest reseller hosting,  cheap reseller hostcheap linux hostcheapest linux hostingbest linux hostingbest web hosting

Scroll to Top