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>