How to show Whatsapp icon on your Home page screen

By Ahsan   Posted on September-05-2022 

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>

How to show Whatsapp icon on your Home page screen

By Ahsan    05-Sep-2022 Views  94




You may also read following recent articles