有什么工具可以快速将 HTML 页面通过 JS 以插件形式安装吗？

比如下面这个：

<a class="e-widget no-button" href="https://gleam.io/KcqzT/vm-may-2023-sweepstakes-gopro-fusion-360" rel="nofollow">
  Videomaker GoPro Fusion 360 Camera Giveaway
</a>
<script type="text/javascript" src="https://widget.gleamjs.io/e.js" async="true"></script>

用户只需要把这个 a 标签和 js 复制粘贴到他们自己的网站就完成镶嵌了。

我有个用 bootstrap 和原生 JS 写的 HTML 静态页面，想把这个页面镶嵌到 shopify 电商网站，目前是用 iframe 实现的，我想改成上面这种方式安装。我地思路是先把用到的 bootstrap 样式提取出来，然后通过 JS 的document.createElement和appendChild()等把这个 HTML 写出来。

现在的问题是：1. 如何避免样式被覆盖。2. 有没有现成的工具可以快速完成这个任务。

谢谢各位！

声明一下，我跟上面这个 gleam 没任何关系，只是在 reddit 看到这个，拿来举例。