Live Chat: How to buld in wordpress

Live Chat - Wordpress Docs


Wordpress users can also have a professional install in minutes. Using the plugin "Simple Custom CSS and JS" you may add css, html, and javascript very easy and it works.The chat icons are at https://icons8.com/icons/set/chat It is best to use the native code below to avoid conflicts. Just copy and paste into the plugin. Contact us if there are any issues at all. We put up a working example here

A gentle reminder. You will have to contact us with your domain for it to work. There will be no charge for 30 days.

The html...

        
        
<img src="https://appliedscience.com
/chat3.png" class="bubble" id="bubble">
           
        
        
the css...

 .bubble{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:transparent
    !important;
    color:transparent!important;
    border-radius:50px;
    text-align:center;
                    
}

                
and the js...


window.onload = function() {
 document.getElementById('bubble').onclick = function bubbleClicked() {
 var hideit; 
 hideit=document.getElementById("bubble")
 hideit.style.display = 'none';
 const Http = new XMLHttpRequest();
 const url='https://webmail
 .appliedscience.com/Server-Code/
 Home/getipcrunch';
 Http.open("GET", url);
 Http.send();
        
 Http.onreadystatechange = (e) => {
 // console.log(Http.responseText)
 window.location ="https://webmail
 .appliedscience.com/Server-Code/Home/
 loadchat?phone=IP"+Http.responseText
 }
        
 }
};
        


Good luck! Happy codes...