Search Knowledge Base Articles

How to add a WhatsApp Chat floating button on website?

Just add the given code below and replace & customize the data as per your requirements.

<script>
var url = 'https://wati-integration-service.clare.ai/ShopifyWidget/shopifyWidget.js?16269';
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = url;
var options = {
"enabled":true,
"chatButtonSetting":{
"backgroundColor":"#4dc247",
"ctaText":"Hi",
"borderRadius":"25",
"marginLeft":"0",
"marginBottom":"50",
"marginRight":"50",
"position":"right"
},
"brandSetting":{
"brandName":"Liveupx",
"brandSubTitle":"How can I help you?",
"brandImg":"https://work.liveupx.com/media/public/LiveupX.jpg",
"welcomeText":"Hi there!\nHow can I help you?",
"messageText":"Hello, I have a question about {{page_link}}",
"backgroundColor":"#0a5f54",
"ctaText":"Start Chat",
"borderRadius":"25",
"autoShow":false,
"phoneNumber":"917060371701"
}
};
s.onload = function() {
CreateWhatsappChatWidget(options);
};
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
</script>

Did you find this article useful?


Related Articles