Scriptorium · IV

添加购买按钮到你的 Jekyll 网站

Jekyll 网站用两个粘贴的块接受付款,包括库存 GitHub Pages。没有插件、gems 或工作流要设置。

添加脚本标签,一次

将脚本标签添加到你的默认布局的头部(_layouts/default.html)或你的主题的头部包含(_includes/head.html)。

<!-- _layouts/default.html -->
<head>
  <meta charset="utf-8" />
  <title>{{ page.title }}</title>
  <script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
    crossorigin="anonymous"
    defer></script>
</head>

在你的仪表板中命名产品

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

在你售卖的地方放按钮

将按钮粘贴到任何页面、帖子或包含中。Kramdown 默认在 Markdown 中传递内联 HTML,所以中帖有效。

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

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

注意这些

GitHub Pages 不需要任何额外的

纯 HTML 加我们托管的脚本意味着没有插件允许列表麻烦。推送到你已发布的分支,按钮就活了。

Liquid 让它独自一人

按钮不包含任何卷括号,所以 Liquid 没有东西要插值。按原样粘贴。无需原始标签。

在验证列表上

Jekyll 是文档列表中确认有效的平台之一。

当你的页面准备好时

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