- By Ahsan 05-Sep-2022
- 584
How to show Whatsapp icon on your Home page screen
For Showing the Whatsapp button on the icon which may redirect to whatsapp web we are using this script:
Put this script on your header then add Some Fields which is mentioned below.
<script>
var url = 'https://wati-integration-service.clare.ai/ShopifyWidget/shopifyWidget.js?62326';
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = url;
var options = {
"enabled":true,
"chatButtonSetting":{
"backgroundColor":"#4dc247",
"ctaText":"",
"borderRadius":"25",
"marginLeft":"0",
"marginBottom":"50",
"marginRight":"50",
"position":"right"
},
"brandSetting":{
"brandName":"ADD BRAND NAME**",
"brandSubTitle":"ADD BRAND TAG LINE***",
"brandImg":"ADD IMAGE PATH**",
"welcomeText":"ADD YOUR FIRST MASSAGE*",
"messageText":"Hello, I have a question about {{page_link}}",
"backgroundColor":"#0a5f54",
"ctaText":"Start Chat",
"borderRadius":"25",
"autoShow":true,
"phoneNumber":"ADD NUMBER HERE*"
}
};
s.onload = function() {
CreateWhatsappChatWidget(options);
};
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
</script>
