Custom code is plan-gated
Webflow only runs custom code on sites with a paid site plan. On the free staging domain the head code stays dormant, so judge the result on the published paid site.
Scriptorium · V
Add a buy button to your Webflow site
Keep Webflow for what Webflow is for: the design. The button brings the payment, and it inherits its place in your layout like any other element.
Add the script tag, once
In Site settings, open Custom code and paste the script tag into the Head code field. Save and publish; it now loads for the whole site.
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>Name the product in your dashboard
Open your project, switch to the Products tab, and add the product: a reference you choose, a name, a price, a currency. From here the dashboard writes both blocks on this page with your real project ID. What you see below is the shape.
Place the button where you sell
On the page where you sell, drop in an Embed element and paste the button inside. Position and size it on the canvas like anything else.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Publish. The button renders with the page, and the payment picker loads the first time a buyer clicks it. Each additional product is the same block with a different reference and label.
Watch out for these
The canvas shows a placeholder
The Designer renders embeds as a grey block. The real button appears on the published page, so style the space around it, then publish and look.
No Ecommerce plan required
The button is its own checkout. A plain CMS or static site plan carries it; Webflow Ecommerce can stay out of the bill entirely.
Ready when your page is
Free covers 150 transactions a month. No card to sign up.