Web3 Widget

To embed the web3 widget into your page use the following script below

<script>
      (function(w, d, s, o, f, js, fjs) {
        w['web3-widget'] = o;
        w[o] = w[o] || function() {
          (w[o].q = w[o].q || []).push(arguments);
        };
        js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
        js.id = o;
        js.src = f;
        js.async = 1;
        fjs.parentNode.insertBefore(js, fjs);
      }(window, document, 'script', 'mw', 'https://widget.coolcatsnft.com/main.js'));
  </script>

Then add the following tag into your pages html:

<web3-button></web3-button>

This should generate a button similar (unstyled) to the one below:

This widget uses Magic.link to connect to a configured network (mainnet be default).

<script>
      (function(w, d, s, o, f, js, fjs) {
        w['web3-widget'] = o;
        w[o] = w[o] || function() {
          (w[o].q = w[o].q || []).push(arguments);
        };
        js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
        js.id = o;
        js.src = f;
        js.async = 1;
        fjs.parentNode.insertBefore(js, fjs);
      }(window, document, 'script', 'mw', 'https://widget.coolcatsnft.com/main.js'));
      mw('NETWORK_ID', 1);
      mw('MAGIC_LINK_KEY', '');
  </script>