Scriptorium · XII

添加购买按钮到一个纯 HTML 网站

这里没有框架和没有东西安装。购买按钮是 HTML，所以一个纯 HTML 页面是它能活的最简单的地方。你添加一行到头和一个块到你售卖的地方。

添加脚本标签，一次

把脚本标签放在你页面的头内。如果你的网站超过一个页面，添加它到每个售卖的页面的头，或一个共享头部文件如果你使用一个。

<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
  crossorigin="anonymous"
  defer></script>

打开你的项目，切换到"产品"选项卡，并添加产品：你选择的参考、名称、价格、货币。从这里仪表板用你的真实项目 ID 在这个页面上为你写两个块。你下面看到的是形状。

粘贴按钮到正文无论你想要它出现的地方。浏览器在那个地方呈现它，支付选择器第一次买家点击时加载。

<coin-moebius-buy
  project-id="proj_YOUR_ID_HERE"
  product-id="t-shirt-medium"
  label="Buy a t-shirt">
</coin-moebius-buy>

发布。按钮与页面一起呈现，支付选择器在买家第一次点击时加载。每个额外产品是相同块，有不同的参考和标签。

你不需要 npm、一个打包器或一个框架。保存文件，上传它，按钮在下一次页面加载时工作。

从好几个页面售卖？把脚本标签放在一个共享头部，复制按钮块无论你需要它的地方。每个产品是相同块，有不同的参考和标签。

GitHub Pages、一个对象存储桶、一个便宜的共享主机、一个在你自己的服务器的文件夹：如果它服务一个 HTML 文件，它能售卖。在你的一侧没有东西运行。

免费涵盖每月 150 笔交易。无卡注册。