零 JavaScript 添加到你的岛
这不是框架组件，所以它不需要 client:load，永不出现在你的束统计中。脚本标签在浏览器中、你的 HTML 之后做它的工作。
Scriptorium · I
添加购买按钮到你的 Astro 网站
你不需要集成包、客户端指令或岛。按钮是与你的静态构建一起发送的纯 HTML，这是支付小部件能是的最 Astro 形状的东西。
添加脚本标签，一次
将脚本标签放在你的基础布局的头部，大多数项目中的 src/layouts/Layout.astro。从那时起，使用该布局的每个页面都可以呈现按钮。
---
// src/layouts/Layout.astro
---
<html lang="en">
<head>
<meta charset="utf-8" />
<title>{title}</title>
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>
</head>在你的仪表板中命名产品
打开你的项目，切换到"产品"选项卡，并添加产品：你选择的参考、名称、价格、货币。从这里仪表板用你的真实项目 ID 在这个页面上为你写两个块。你下面看到的是形状。
在你售卖的地方放按钮
将按钮粘贴到任何 .astro 页面或组件的主体中。Astro 将其不变地传递到构建的 HTML。
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>发布。按钮与页面一起呈现，支付选择器在买家第一次点击时加载。每个额外产品是相同块，有不同的参考和标签。
注意这些
MDX 和内容集合
通过布局呈现的页面已经有脚本。要从 MDX 内容内售卖，直接将相同的按钮 HTML 粘贴到文件中。
静态、SSR、混合：都很好
按钮不关心 HTML 是如何生成的。如果页面到达浏览器，它售卖。