Scriptorium · VII

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

在 Framer 中设计页面并与按钮售卖。网站设置中一个粘贴和画布上一个嵌入组件，设计保持完全你的。

添加脚本标签，一次

在网站设置中，打开自定义代码并将脚本标签粘贴到在头部加载的部分。发布以其生效。

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

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

在页面上放一个嵌入组件，选择 HTML，并粘贴按钮。在你发布前将框画得大约按钮大小。

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

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

Framer 在付费网站计划上运行自定义代码和嵌入。在免费网站上，已发布页面将不显示按钮。

一个留在零高度的框隐藏按钮完全。给嵌入一个显式大小，布局在页面加载时保持。

Framer 的 HTML 嵌入是文档列表中确认有效的一个表面。

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