Help needed to find a guide on embeddable JS widgets

I actually didn't use Zoid because I finished building the widget before finding it. I basically just used an iframe and then a script that resizes it properly using iframe-resizer.

But that method would not support popups very well. I believe Zoid does.

Both methods require that you pull in libraries on 3rd party sites but you can make that easy by bundling it with webpack or something like that.

This is what you would embed with the iFrame method.

<iframe src="https://widget.event1.io/5c533f6284f0ee1e303bcf2b/speakers?showBio=false&showTitle=true&showWebsite=true&showImage=true" frameborder="0" sandbox="allow-scripts allow-top-navigation allow-modals allow-same-origin allow-forms allow-popups" id="e1--speakers-widget" style="display: block; min-width: 320px; width: 100%;"></iframe>
<script>
  (function (w,d,s,o,f,js,fjs) {
      w['E1_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', 'e1', 'https://e1cdn.xyz/widget/v0.1.js'));
  e1('init', { widgetRef: '#e1--speakers-widget' });
</script>