Article Post

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>

By     05-Sep-2022 Views  6

Solutions and sugestions