< html >< head >< link rel= "stylesheet" href ="https://stack< link rel= "stylesheet" href ="https://stack< script src = "https://cdnjs.cloudflare.co head >< body >< div class= "container" >< h3 class= "" >Whatsapp Chat Html Code Example h3 >< a href ="https://wa.me/90000000text=C< i class="fa fa-whatsapp" > i > Chat Now button > a > div> body > html > Edit in JSFiddle HTML CSS> < script type= " text /javascript ">$( function () {$ (' # WAButton ' ). floatingWhatsApp( {phone: ' WHATSAPP - PHONE - NUMheaderTitle : ' Chat with us on WhapopupMessage: ' Hello, how can wshowPopup : true , //Enables popubuttonImage: '< img src =" whatsap//headerColor : ' crimson ' , // Custo//backgroundColor : ' crimson ' , //Cposition : " right " / /Position: left | ri} );} );< /script > < script type= " text /javascript "src ="jquery -< !- - Floating WhatsApp css - - >< link rel="stylesheet " href= "floating - wpp.< !- - Floating WhatsApp javascript - - >< script type= " text /javascript " src = "floating> /* Circle Text Styles */#outerCircleText {/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */font-style: Times New Roman;font-weight: bold;font-family: 'comic sans ms', verdana, times new roman;color: RED;/* End Optional *//* Start Required - Do Not Edit */position: absolute;top: 0;left: 0;a-index 3000;cursor: default;}#outerCircleText div {position: relative;}#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}/* End Required *//* End Circle Text Styles */ (Diễn Đàn Star Night) Javascript Free Code Call Me now