Как создать плавающий виджет в магазине Shopify с помощью тегов скрипта

Question

<script>(function() {
      function asyncLoad() {
        var urls = ["https:\/\/cdn.jsdelivr.net\/gh\/sureshkatikala\/javascriptFiles@b5861ff\/script.js?shop=autochatstore.myshopify.com"];
        for (var i = 0; i < urls.length; i++) {
          var s = document.createElement('script');
          s.type = 'text/javascript';
          s.async = true;
          s.src = urls[i];
          var x = document.getElementsByTagName('script')[0];
          x.parentNode.insertBefore(s, x);
        }
      };
      if(window.attachEvent) {
        window.attachEvent('onload', asyncLoad);
      } else {
        window.addEventListener('load', asyncLoad, false);
      }
    })();</script>

Что я должен добавить в ссылку на массив URL (script.js), чтобы создать простой плавающий значок?

Answer 1

  var x = document.createElement("IMG");
  x.setAttribute("src", "https://image1.jdomni.in/jdomni_email/whatsapp_popup.png?output-format=webp");
  x.setAttribute("width", "48");
  x.setAttribute("height", "48");
  x.setAttribute("alt", "whatsapp icon");
  x.style = "bottom:0;right:0;position:absolute;z-index: 9999"
  document.body.appendChild(x);

Это как поставить значок WhatsApp