I want integrate my call center chatbox in shopify website.

[bakibillah]

Hey, I want integrate my call center chatbox in shopify website. I have got a script from call center software team but i don't know where should i put this script.

is there anyone who can help me to do this?? script is below: 

<div id ="chat_customer_window" style="visibility:hidden;">

<iframe src="http://182.160.114.69/chat_customer/chat_customer_side_new.php" style="position: fixed; bottom: 87px; right: 0; margin:20px; width:300px; height:70%; z-index: 9999999999999999; border-radius: 14px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);"></iframe>

</div>

<div id="chat_btn">

<div onclick="chat_with_live_agent('open')" style="position: fixed; bottom: 0; right: 0; margin:20px; z-index: 9999999999999999;"><img src="http://182.160.114.69/chat_customer/images/chat_open.png" style="height: 60px;width: 60px; z-index:2;"></div>

</div>

<script type="text/javascript">

function chat_with_live_agent(status){

if(status == 'open'){

document.getElementById("chat_customer_window").setAttribute("style"," visibility:visible;");

document.getElementById('chat_btn').innerHTML="<div onclick=\"chat_with_live_agent('close')\" style=\"position: fixed; bottom: 0; right: 0; margin:20px;z-index: 9999999999999999;\"><img src=\"http://182.160.114.69/chat_customer/images/chat_close.png\" style=\"height: 60px;width: 60px;\"></div>";

}else{

document.getElementById("chat_customer_window").setAttribute("style"," visibility:hidden;");

document.getElementById('chat_btn').innerHTML="<div onclick=\"chat_with_live_agent('open')\" style=\"position: fixed; bottom: 0; right: 0; margin:20px;z-index: 9999999999999999;\"><img src=\"http://182.160.114.69/chat_customer/images/chat_open.png\" style=\"height: 60px;width: 60px;\"></div>";

}

}

</script>

[Bunty]

Paste it in your theme.liquid inside the body, maybe at the bottom.