Scriptorium · V

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

为 Webflow 做什么保留设计。按钮带来付款,它像任何其他元素一样继承它在你的布局中的地方。

添加脚本标签,一次

在网站设置中,打开自定义代码并将脚本标签粘贴到头部代码字段。保存并发布;它现在为整个网站加载。

<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>

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

注意这些

自定义代码是计划门限的

Webflow 仅在有付费网站计划的网站上运行自定义代码。在免费暂存域上,头部代码保持休眠,所以判断已发布付费网站上的结果。

设计器显示占位符

设计器将嵌入呈现为灰色块。真实按钮出现在已发布页面上,所以样式周围的空间,然后发布并查看。

无电子商务计划需要

按钮是它自己的结账。纯 CMS 或静态网站计划携带它;Webflow 电子商务可以完全离开账单。

当你的页面准备好时

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