How to add an HTML code to my website so that when people click it, it opens a WhatsApp conversation with me

We start by adding the libraries and CSS to the header of your website.

Now you must add a div with the WAButton ID, which is where the plugin will render the click to chat button.

You must add a script block where the plugin is used on the div that we added in the previous step.

2. $(function () { 
3. $('#WAButton').floatingWhatsApp({ 
4. phone: 'WHATSAPP-PHONE-NUMBER', //WhatsApp Business phone number 
5. headerTitle: 'Chat with us on WhatsApp!', //Popup Title 
6. popupMessage: 'Hello, how can we help you?', //Popup Message 
7. showPopup: true, //Enables popup display 
8. buttonImage: '', //Button Image 
9. //headerColor: 'crimson', //Custom header color 
10. //backgroundColor: 'crimson', //Custom background button color 
11. position: "right" //Position: left | right 
12.  
13. }); 
14. }); 
15.  

Replacement in Line 4:- WHATSAPP-PHONE-NUMBER with your WhatsApp mobile number in International Format.