I want integrate my call center chatbox in shopify website.

bakibillah
New Member
1 0 0

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>
0 Likes
Bunty
Explorer
114 29 69

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

0 Likes