Live Chat for your Website

HTML Code for your website to integrate MoveitPro live chat.

Kayla Bergenske avatar
Written by Kayla Bergenske
Updated over a week ago

MoveitPro™ chat works directly on your existing website for customers to talk with your team. Below you can see the code that will need to be put on your site in the footer.


You will replace the "yoursite" highlighted in yellow with the url of what your moveitpro.com company login page is.


The "BRANCH ID" needs to be the number of the branch as found on your Identities page found at "MANAGE > ADMIN > SETTINGS > CORPORATE > IDENTITY" as seen below.

<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
<script src="https://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js" type="text/javascript"></script>
<style>
.sidenav {
 height: 430px;
 width: 0;
 position: fixed;
 z-index: 1;
 bottom: 50px;
 right: 0;

 overflow: hidden;
 transition: 0.5s;
}

.closebtn {
 position: absolute;
 top: 0;
 right: 25px;
 font-size: 36px !important;
 margin-left: 50px;
}
</style>

 <span style="font-size:30px;cursor:pointer;position: fixed; bottom: 0px; right: 100px;display: none;z-index: 99999 !important;" onclick="openNav()" id="live_chat_btn"><img height=50 src="https://storage.googleapis.com/moveitpro-customer-emails/common%20images/MIP-livechat-icon-2.png"/></span>
<div id="mySidenav" class="sidenav" onblur="myFunction()" style="z-index: 99999 !important;">
 <object type="text/html" data="https://yoursite.moveitpro.com/chat/new_user_employee_chat?subdomain=yoursite&b_id=branch_id" width="315" height="430" overflow="none">
</div>

<script>
$(document).ready(function () {
 $("#live_chat_btn").hide();
 if ($.cookie("open_live_chat")){
 document.getElementById("mySidenav").style.width = "315px";
 }
 $.ajax({
 type: 'POST',
 crossDomain: true,
 url: 'https://yoursite.moveitpro.com/conversation/check_online_employees',
 data: {subdomain: "yoursite", success: "false"},
 datatype: "json",
 async:true
 }).success(function (data) {
 if ((data["online_status"] == "true") || (data["online_status"] == true)){
 $("#live_chat_btn").show();
 $("#mySidenav").show();
 }
 });
});

function openNav() {
 if(document.getElementById("mySidenav").style.width == "315px")
 {
 document.getElementById("mySidenav").style.width = "0";
 $.removeCookie("open_live_chat");
 }
 else
 {
 document.getElementById("mySidenav").style.width = "315px";
 $.cookie("open_live_chat", "true");
 }
}

function closeNav() {
 document.getElementById("mySidenav").style.width = "0";
}
</script>

Did this answer your question?